web小游戏开发:拼图——蜂巢拼图
web小游戏开发:拼图——蜂巢拼图
- 蜂巢拼图
- 游戏规则
- 调整选项
- 切图
- 计算六边形的宽和高
- 铺上背景
- 画出蜂巢
- 制作图块
- 游戏方法
- 打乱排列
- 拖拽图块
- 开始拖拽
- 拖拽移动
- 放置图块
- 小结
蜂巢拼图
之前我们已经完成了长方形的拼图代码,包括了三个游戏方式,并讨论了带咬合齿的游戏代码该如何制作。
那么,我们就在原来代码的基础上,再完成一下蜂巢拼图的游戏方式吧。
CSDN 文盲老顾的博客,https://blog.csdn.net/superwfei
老顾的个人社区,https://bbs.csdn.net/forums/bfba6c5031e64c13aa7c60eebe858a5f?category=10003&typeId=3364713
游戏规则
1、图片固定在拼图区域中央,并完整显示其内容,根据可视区域进行缩放。
2、对已经放置好的背景图片进行挖空,即放置正六边形的遮挡图块。
3、需要挖空的六边形图块,根据可视图片尺寸进行计算,在预留四个边的最小尺寸下,进行最大的图块设置
4、将挖空的部分进行图块制作,放置到待选区域,等待用户拼接
5、对图块进行拖拽&