- 博客(5)
- 资源 (5)
- 问答 (3)
- 收藏
- 关注
原创 web小游戏开发:拼图——蜂巢拼图
将 this.mode 的复制移动到 请选择游戏模式的提示后边,然后追加一个验证,如果是蜂巢拼图模式,则直接调用蜂巢游戏代码,否则继续正常按照方形游戏模式进行。不过我们之前的拖拽代码,是用 mouse 事件实现的,里面加了一个 puzzle.mode 的验证,不为零(原始拼图)时,不允许拖拽。4、如果覆盖的元素的 sn 与 拖拽对象的 sn 相同,则移除挖空的六边形 canvas 及 拖拽对象。3、需要挖空的六边形图块,根据可视图片尺寸进行计算,在预留四个边的最小尺寸下,进行最大的图块设置。
2024-08-15 15:51:07
458
1
原创 web小游戏开发:2048(完)移动操作及动画效果
1、es6 的数组操作,要熟练掌握哦,map 用来给数组赋值,filter 用来筛选元素,forEach 用来对数组进行循环,当然经典的 js 数组方法也要复习一下哦,sort 用来排序,splice 删除元素等。思路就是,如果当前数组中对应的元素值为零,则删除该元素,例如第一行左移 0 0 0 1,最后会变成 1,那么记录到 trace 里的轨迹就是 [3,0],意义就是,第三个元素移动到第一个元素。在每次游戏重新开始的时候,我们都需要重新清空数组中的所有数字,分数,以及界面中的样式。
2024-08-04 11:10:59
894
原创 web小游戏开发:2048(一)初始化界面及键盘和鼠标事件
之前,老顾在玩 python 的时候,写了一版的 py 版 2048,由于对 pygame 这个第三方库不了解,所以没有做成图形界面的。这次就从新一版 js 的,直接在页面进行游戏好了。
2024-08-03 11:02:57
400
原创 web小游戏开发:拼图(完)完整代码展示
那么,在拼图里,我们之前使用的是多个图块,每个图块从新加载一遍图片,然后对图片进行位移的方式来制作拼图的图块的。这个办法有一个致命的问题,就是当图片较大,且切分数量较多的时候,会出现明显的卡顿,甚至延迟。好吧,应该按照图片实际尺寸来设置,毕竟不管你怎么缩放,对与 Image 对象来说,他加载的图片信息都没有变化,和刚才的 canvas 类似,内部的 width 不受外部显示大小的影响。canvas 里提供了一个 clip 方法,可以切割出各种不规则的图形,用这个办法,就可以对应于带有咬合齿的拼图块了。
2024-08-02 10:52:41
880
3
原创 web小游戏开发:拼图(四)对调和移动拼图玩法的实现
具体实现就是,生成一个数组,表示每个色块的编号,然后打乱其顺序,然后按照打乱后的顺序,顺序添加到拼图区域,同步在提示区添加一个提示块,同时验证色块位置是否正确。嗯,这里用到了 puzzle.group 对象,mode_1 中,将这个对象重新初始化了,有两个属性,s 表示选中的色块,n 表示当前色块的顺序。那么,本文中,其实也没有多少新的内容需要总结了,更多的是,将我们已经学习过的内容,进行灵活的运用。这两个玩法,主要的内容,其实是数组的操作,然后根据数组,将其对应的图块的位置更新一下。
2024-08-01 10:34:16
471
一个给学生练手用的js版本的保卫萝卜游戏
2023-04-13
英语外交官单词拼读识别.rar
2021-05-30
mssql正则clr及函数,追加Group分组支持
2021-05-12
支持 uploadify 上传的文件头判断类型
2014-07-29
文盲版C#样式选择器(c#源码)
2018-07-05
算法:使数组中各位置的值经过累加后,各值相同
2025-02-06
nuxt、uniapp、ruoyi-vue 相关发布问题
2024-09-14
在修改IIS配置时,出现终结点映射器中没有更多的终结点可用
2021-10-10
flex布局下,max-width的 flex-basis 的问题
2021-07-27
python自定义类的私有类中,如何实例化私有类本身
2021-06-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅