首页
学习
活动
专区
工具
TVP
发布

一个 ECharts 做小游戏

大概 1 年多之前,一位老同学找到我,问能不能帮他做一个非常简单数字游戏,需求是这样: 在 1 到 100 整数里,随机选一个数字,让小朋友们; 如果错了,告知小朋友大了还是小了; 如果猜中了...一听到这个需求,马上想到用ECharts交互效果就能做,而且比直接程序要省事得多。于是答应他中午午休给他做,1小时左右交差。...结果ECharts果然好用,1小时内实现功能 + 调了调细节交付,1 个 HTML 文件 + 2 个 JS 文件(自己 JS + echarts.min.js)就搞定了。...(axisLabel.show = false)等; 点击热力图,仪表盘显示结果(监听 click 事件,设置回调函数更新图表),同时把用不到数字按钮去掉。...与预先生成随机比对,根据比对结果提供刷新图表参数: 是否猜中,1 代表猜中,0 代表没猜中; 提示信息; 新范围最小值; 新范围最大值。

45840
您找到你想要的搜索结果了吗?
是的
没有找到

ECharts 做另一种小游戏

昨天突然想起上学时玩文曲星(电子词典),里面有个数字小游戏,于是拿 ECharts 试着做了一下,大体思路如下: 用基于直角坐标系上 heatmap 做虚拟按键 用 graphic.elements...[i]-text 和 graphic.elements[i]-rect 做文本框、提示框 监听 heatmap 点击事件,输入数字、 heatmap 虚拟按键实现 heatmap 数据准备 //...准备 heatmap 按钮数据,用 '-1' 作为退格按钮、'-2'作为按钮 var btnData = (function() { var res = []; for (i =...函数 function guess(arr) { if (arr.length !...如果存在则返回匹配 Index ,否则 返回 -1 匹配完成后,如果 A === 4 则猜对了,否则通过类似 0A1B 方式提示结果,通过 myChart.setOtion() 更新图表提示区

36630

使用 shell 脚本一个价格小游戏

/bin/bash a=$(expr $RANDOM % 1000) b=0 echo "商品价格范围为0-999,猜猜看是多少?"...echo "恭喜你答对了,实际价格是 $a " echo "你总共了 $b 次" exit 0 elif [ $c -gt.../game.sh 商品价格范围为0-999,猜猜看是多少? 请输入你猜测价格:555 太高了! 请输入你猜测价格:444 太低了! 请输入你猜测价格:450 太低了!...请输入你猜测价格:460 太低了! 请输入你猜测价格:480 太低了! 请输入你猜测价格:490 太低了! 请输入你猜测价格:520 太高了! 请输入你猜测价格:510 太高了!...请输入你猜测价格:500 太低了! 请输入你猜测价格:505 太低了! 请输入你猜测价格:506 太低了! 请输入你猜测价格:507 恭喜你答对了,实际价格是 507 你总共了 12 次

98030

python入门(一) 一个随机小游戏

#随机小游戏代码如下 from random import randint num = randint(0, 100) #import random 可采用引入模块形式随机代码 #num =...默认输入形式为字符串,若输入内容是数字,需要进行强转 int(input()) #input()括号内可以填入字符串作为输入前提示语 python中变量 #直接赋值变量 s = 100 s =..."jack" 即可 #python 中变量为弱类型变量 if语句语法 if 条件: 满足条件时执行内容 随机生成方式 #引入模块方法: from 模块名 import 方法名 #引入模块...:import 模块名 #括号内两个常数是产生随机范围 python中注释 # "#"开头文字为注释 python中while语句语法 while 条件: 循环执行语句 python...中缩进 #python中if,while语句等不再用{}圈定语句范围 #python用缩进长度来判断代码处于语句位置

1.6K10

BZOJ 2222: 游戏【神奇做法,傻逼题,结论】

][Discuss] Description 佳佳和明明玩一个游戏。...佳佳想一个1~n之间整数,明明每次可以随便一个。从第二次猜测起,佳佳告诉明明本次猜测和上次猜测相比哪个更接近。B表示本次猜测更接近,W表示上次猜测更接近。...比如佳佳想是10,下面是一个可能猜测过程: 猜测 5 8 11 6 14 距离 5 2 1 4 4 回答 B B W B/W 明明只知道n,但是它并不知道佳佳想是什么。...如果明明足够聪明,需要多少次才能保证猜到呢? Input 包含一个整数n,表示佳佳所想最大值。 Output 包含一个整数k,表示最坏情况需要个数。...id=2222 题目大意:数字游戏,求最优情况下次数 题解:编号……本来以为是按照二分来,后来发现连样例都推不出来。网上也找不到题解……不过看上去比较像dp。

79860

Python几个有趣小游戏

经典冒泡排序算法: 1.冒泡排序:小排前面,大排后面。...2.排序:最终使得数组中这几个数字按照从小到大顺序排序。 3.冒泡排序概念,关系到下来怎么程序。(重要概念)相邻两个元素,依次比较。...3.售价分别是3.5 4 2 4.5 一个函数用来表示贩卖机功能:4.用户投钱和选择饮料,并通过判断之后,给用户吐出饮料和找零。...选择饮料:字典 投钱:1 5 10 判断金额面值 判断,钱不够,钱多了情况,钱刚好情况 drinks={"1":3.5,"2":4,"3":2,"4":4.5} #用户选择饮料: total=0#...") ''' 输出结果如下: 请选择你要购买饮料:1:橙汁 2:椰汁 3:矿泉水 4:早餐奶 q:退出1 请选择你要购买饮料:1:橙汁 2:椰汁 3:矿泉水 4:早餐奶 q:退出2 请选择你要购买饮料

72220

用 Java 做个“你画手机安卓小游戏

前言 在 2018 年时,Google 推出了《画小歌》应用:玩家可以直接与AI进行你画我游戏。通过画出一个房子或者一个猫,AI 会推断出各种物品被画出概率。...它实现得益于深度学习模型在其中应用,通过深度神经网络归纳,曾经令人头疼绘画识别也变得易如反掌。现如今,只要使用一个简单图片分类模型,我们便可以轻松实现绘画识别。...试试看这个在线涂鸦小游戏吧: 在线涂鸦小游戏: https://djl.ai/website/demo.html#doodle 在当时,大部分机器学习计算任务仍旧需要依托网络在云端进行。...通过一定误差阀值来动态优化用户绘画动作。只有差别超出误差范围内动作才会被记录下来。...3.4 可选优化:输入裁剪 为了得到更高模型推理准确度,你可以通过截取图像来去除无意义边框部分。 ? 上面右侧图片会比左边图片有更好推理结果,因为它所包含空白边框更少。

1.5K20

C语言对游戏优化(防止输入错误)

一.游戏描述 顾名思义,该程序让系统随机生成一个指定范围内整数,让玩家来猜,玩家数字后,系统给予玩家回馈并且统计玩家次数,直到玩家猜对为止。...//srand 用来初始化随机生成器 int ret = rand() % 100 + 1;//1.生成随机(1-100) int count = 0;//想要次数 int trueCount...= 0;//实际次数 int guess = 0;//2.要数字 printf("请输入你想要次数"); count = Judge(count); while (count) {...4.实现效果如下 可以明显看出不会因为输入错误而报错了!!! 如果使用二分法进行100以内任何一个随机,最多七次就可以正确猜对该随机。 所以我建议使用二分法去!...//srand 用来初始化随机生成器 int ret = rand() % 100 + 1;//1.生成随机(1-100) int count = 0;//想要次数 int trueCount

7810

Vue学习-小游戏

今天看了一会儿Vue文档,一个大小小游戏,大概这个丑样: 长这样 需求 按下开始之后出现输入框 输入数字自动与一个1-100之间数字比较 数字一致后,出现「重新开始」按钮,输入框灰显 每次输入非重复内容都会被记录..."> 大小 body 主体部分包含 一个 标签标题 一个交互信息 开始/重新开始按钮 游戏记录 小游戏 {{info}}...li,答应游戏日志 Css 看页面就知道,css瞎 html, body { margin: 5px; padding: 0; } JavaScript data中部分都可以在html...存放全部函数 changed_num,主要游戏结果判断,并会把日志加入到info_list,然后被展示到无序序列里面,有几种状态: 正确 输入为空 输入大于100 输入数字比要数字大 输入数字比要数字小

88050

js】如何正确代码注释?

错误注释 你注释是不是这样? //时间戳日期格式化函数 function formTime(time,isyear){ } 亦或者是这样?.../* 时间戳日期格式化函数 */ function formTime(time,isyear){ } 简单变量声明之类内容可以进行简单注释,但是函数就不能这样做了,要知道注释作用是一种为了让代码更易读...、易维护、易理解,起到提示作用,上面的两个注释都是正确,但是它起到作用太低了,在正式工作中我们往往会协同开发,这种注释是万万不可。...,内容详细了很多,当然,不只是单单内容多了,如果只是内容多了那么/* */段落注释同样也可以,那么它还有什么优点呢?...npm install jsdoc -g 基本使用 jsdoc 文件名 其他使用方式可以去官网查看 jsdoc 33.js 执行完此命令,会生成一个out文件夹,查看里面的index页面即可,右边侧边栏会显示函数使用

13820
领券