请选择 进入手机版 | 继续访问电脑版
查看: 2815|回复: 136

[新手教程] html5——纯javascript实现汉诺塔可视化小游戏

  [复制链接]
最佳答案
0 
guofinni 发表于 2017-3-14 15:08:07 | 显示全部楼层 |阅读模式

简要教程:

QQ截图20170314143239.jpg

QQ截图20170314151232.jpg

这是一款使用纯javascript制作的汉诺塔可视化小游戏。汉诺塔源于印度一个古老传说的益智玩具。游戏中需要将所有的盘子移动到右边的柱子上,每次移动一个盘子,大盘子必须在小盘子之下。


使用方法:

游戏介绍


汉诺塔(又称河内塔)问题是源于印度一个古老传说的益智玩具。大梵天创造世界的时候做了三根金刚石柱子,在一根柱子上从下往上按照大小顺序摞着64片黄金圆盘。大梵天命令婆罗门把圆盘从下面开始按大小顺序重新摆放在另一根柱子上。并且规定,在小圆盘上不能放大圆盘,在三根柱子之间一次只能移动一个圆盘。


法国数学家爱德华·卢卡斯曾编写过一个印度的古老传说:在世界中心贝拿勒斯(在印度北部)的圣庙里,一块黄铜板上插着三根宝石针。印度教的主神梵天在创造世界的时候,在其中一根针上从下到上地穿好了由大到小的64片金片,这就是所谓的汉诺塔。不论白天黑夜,总有一个僧侣在按照下面的法则移动这些金片:一次只移动一片,不管在哪根针上,小片必须在大片上面。僧侣们预言,当所有的金片都从梵天穿好的那根针上移到另外一根针上时,世界就将在一声霹雳中消灭,而梵塔、庙宇和众生也都将同归于尽。


游戏规则


游戏中你可以使用鼠标来移动盘子,每次只能移动一个盘子,移动时,小盘子必须在打盘子之上。


操作界面上还有几个功能按钮和选项:


”Instructions“按钮用于查看游戏的简介。


”Solve“按钮由于程序自动完成操作演示。


”Restart“按钮用于重新开始游戏。


”No. of disks“是用于选择要操作的盘子数量。


这个游戏中的弹出对话框使用的是SweetAlert,一款非常强大的弹出对话框插件。




详细代码请下载附件学习:
游客,如果您要查看本帖隐藏内容请回复




最佳答案
0 
tmallgg 发表于 2017-3-14 15:56:19 | 显示全部楼层
感谢分享哈哈哈哈哈。
最佳答案
0 
jiangzi 发表于 2017-3-14 21:25:03 | 显示全部楼层
html5——纯javascript实现汉诺塔可视化小游戏
最佳答案
0 
liujin1992112 发表于 2017-3-14 21:36:05 | 显示全部楼层
66666666666666666666666666
最佳答案
0 
liujin1992112 发表于 2017-3-14 21:36:12 | 显示全部楼层
66666666666666666666666
最佳答案
0 
liujin1992112 发表于 2017-3-14 21:36:18 | 显示全部楼层
666666666666666666666
最佳答案
0 
liujin1992112 发表于 2017-3-14 21:36:24 | 显示全部楼层
66666666666666666666
最佳答案
0 
liujin1992112 发表于 2017-3-14 21:36:29 | 显示全部楼层
6666666666666666666
最佳答案
0 
liujin1992112 发表于 2017-3-14 21:36:34 | 显示全部楼层
66666666666666666666666
最佳答案
0 
liujin1992112 发表于 2017-3-14 21:36:39 | 显示全部楼层
666666666666666666666666
您需要登录后才可以回帖 登录 | 注册

本版积分规则

推荐阅读 More>

© 2001-2015 9秒社团

合作伙伴

公司简介 | 联系方式
COPYRIGHT©2015 ZHONGQINGLONGTU NETWORK CO.LTD ALL RIGHTS RESERVED.ICP备11023195号-4
北京中清龙图网络技术有限公司
返回顶部 返回列表