h5 game
YiField
这个作者很懒,什么都没留下…
展开
-
简单的钱袋子接金币demo
1.界面展示2.手指拖动钱袋子,钱袋子可在一定范围内自由移动。钱袋子接触到金币,将收取金币,金额增加。金币从上到下,x位置随机,下落速度在一定范围随机。倒计时0s后结束游戏。金币下落的逻辑:使用定时器,每200ms创建几个,为了更容易接金币,速度越快创建的金币越多。金币与钱袋子碰撞使用每帧检测钱袋子的逻辑处理:事件注册:价格显示,不管是几位数都需要...原创 2019-12-18 11:15:10 · 1414 阅读 · 0 评论 -
简单点击转动转盘到指定位置的demo
1.界面显示2.转盘慢速转动,当点击转动按钮后,转盘加速转动(有加速度),转动一段时间后停留在指定的位置。难点:如何给转盘一个加速?如何让转盘停留在指定的位置?思路:转盘转动通过每一帧rotation++得到加速的逻辑:使用tween动画将speed变大变小。每一帧增加rotation的逻辑:当速度达到了最大值,速度会逐渐减小。速度变化:0.5(自动转动的速度)...原创 2019-12-17 18:35:26 · 2130 阅读 · 0 评论 -
简单实现图片循环翻页的demo
1.界面显示点击左边的按钮倒序播放,点击右边的按钮顺序播放。难点:三张图片无限循环,短时间点击了同一个按钮的逻辑实现点击右边的按钮为例:点击右边倒序播放写那么多代码发现:真正实现的代码只有后面几行,大部分的代码是在处理实现代码可以运行的一系列操作。...原创 2019-12-17 18:23:24 · 1193 阅读 · 0 评论 -
简单点击按钮增减金额的demo
1.界面显示 2. 点击左边的按钮,金额减少固定值100,点击右边的按钮,金额增加固定值100。当金额等于100不能再减,当金额等于1000不能再增加。按钮按下时:按钮有个tween缩小效果按钮抬起时:按钮有一个twen放大效果难点:手指再按钮处按下移开再抬起时,要将按钮置回原来的大小。逻辑实现:分别为按钮注册点击事件实现金额增减逻辑,为按钮注册手指按下的事件实现...原创 2019-12-17 17:55:10 · 1008 阅读 · 0 评论 -
Simple Canvas Game
啦啦啦我的第一个h5小游戏:抓怪兽,查看原教程点击打开[参考教程]目录1.界面2. JS代码实现思路A.create the canvasB.background/hero/monster imagebackgroundheromonsterC.Game ObjectsheromonstermonsterCaughtD.Player Input...原创 2019-04-05 22:38:54 · 919 阅读 · 0 评论 -
创建并初始化canvas的方法
H5入门啦啦啦啦点击w3c的canvas教程1.通过标签<canvas><body onload="draw();"> <canvas id="tutorial" width="150" height="150"></canvas> </body><script type="text/javascri...原创 2019-04-03 09:27:53 · 3634 阅读 · 0 评论 -
egret项目结构
helloworld项目.wing:包括 Egret 项目的任务配置文件和启动配置文件。 wingProperties.json:Egret Wing 项目配置文件。 bin-debug:项目调试时,所产生的文件存放于此目录。 libs:库文件,包括 Egret 核心库和其他扩展库存放于此目录。 resource:项目资源文件存放于此目录。default.res.json:资源文...原创 2019-04-09 15:53:36 · 1333 阅读 · 0 评论