![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
typescript
YiField
这个作者很懒,什么都没留下…
展开
-
简单的钱袋子接金币demo
1.界面展示 2.手指拖动钱袋子,钱袋子可在一定范围内自由移动。钱袋子接触到金币,将收取金币,金额增加。金币从上到下,x位置随机,下落速度在一定范围随机。倒计时0s后结束游戏。 金币下落的逻辑:使用定时器,每200ms创建几个,为了更容易接金币,速度越快创建的金币越多。 金币与钱袋子碰撞使用每帧检测 钱袋子的逻辑处理: 事件注册: 价格显示,不管是几位数都需要...原创 2019-12-18 11:15:10 · 1424 阅读 · 0 评论 -
简单点击转动转盘到指定位置的demo
1.界面显示 2.转盘慢速转动,当点击转动按钮后,转盘加速转动(有加速度),转动一段时间后停留在指定的位置。 难点:如何给转盘一个加速?如何让转盘停留在指定的位置? 思路:转盘转动通过每一帧rotation++得到 加速的逻辑:使用tween动画将speed变大变小。 每一帧增加rotation的逻辑: 当速度达到了最大值,速度会逐渐减小。速度变化:0.5(自动转动的速度)...原创 2019-12-17 18:35:26 · 2142 阅读 · 0 评论 -
简单实现图片循环翻页的demo
1.界面显示 点击左边的按钮倒序播放,点击右边的按钮顺序播放。 难点:三张图片无限循环,短时间点击了同一个按钮的逻辑实现 点击右边的按钮为例:点击右边倒序播放 写那么多代码发现:真正实现的代码只有后面几行,大部分的代码是在处理实现代码可以运行的一系列操作。 ...原创 2019-12-17 18:23:24 · 1197 阅读 · 0 评论 -
简单点击按钮增减金额的demo
1.界面显示 2. 点击左边的按钮,金额减少固定值100,点击右边的按钮,金额增加固定值100。当金额等于100不能再减,当金额等于1000不能再增加。 按钮按下时:按钮有个tween缩小效果 按钮抬起时:按钮有一个twen放大效果 难点:手指再按钮处按下移开再抬起时,要将按钮置回原来的大小。 逻辑实现: 分别为按钮注册点击事件实现金额增减逻辑,为按钮注册手指按下的事件实现...原创 2019-12-17 17:55:10 · 1014 阅读 · 0 评论 -
TypeScript简介
TypeScript教程 1.TypeScript 中,使用:指定变量的类型,:的前后有没有空格都可以。 2.TypeScript 只会进行静态检查,如果发现有错误,编译的时候就会报错。 3.TypeScript 编译的时候即使报错了,还是会生成编译结果 如果要在报错的时候终止 js 文件的生成,可以在tsconfig.json中配置noEmitOnError即可。...原创 2019-04-11 14:04:22 · 854 阅读 · 0 评论