最简单的序列帧动画canvas插件 图片序列帧播放工具,用canvas操作图片动画,封装了常用方法。 仓库地址: https://github.com/wenyiweb/c... 喜欢可以给一个star哦有问题可以加群一起讨论,qq群:692337464 CanvasKeyFrames 图片序列帧播 ...
分类:
其他好文 时间:
2020-05-04 12:58:51
阅读次数:
122
问题:如果在slot标签上使用v-show,程序功能是无法实现的,必须改成v-if。 原因:slot实际是一个抽象元素,有点类似template,本质并不是一个元素。 而v-show是通过控制元素的display来进行显示和隐藏的,slot本身不是元素,所以压根就不会有display这个css属性 ...
分类:
其他好文 时间:
2019-12-21 15:44:00
阅读次数:
70
开始写游戏 第二十二篇 今天: 先看看目前战斗场景和昨天的对比 昨天: 1、新增 被动技能 2、新增 敌人被攻击动画 3、优化动画流畅度 4、修改动画封装 说明: 1、新增 被动技能 写死在攻击指令里,目前我觉得不太好,不方便后期扩展。后面我再想想怎么设计代码结构吧。 2、新增 敌人被攻击动画 3、 ...
分类:
其他好文 时间:
2019-12-14 18:54:55
阅读次数:
78
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ margin: 0; padding:0; } .box{ width: 1 ...
分类:
Web程序 时间:
2019-05-07 21:29:25
阅读次数:
174
首先上官网 将动画封装到一个函数,在需要的时候调用,也可以在满足一定条件时重复调用. ...
分类:
微信 时间:
2018-09-27 13:05:42
阅读次数:
3424
//缓动动画封装 function animate(ele,target) { clearInterval(ele.timer); ele.timer = setInterval(function () { var step = (target-ele.offsetTop)/10; step = s ...
分类:
Web程序 时间:
2018-07-11 10:29:52
阅读次数:
164
offsetWidth和offsetHeight offsetLeft和offsetTop offsetLeft和styleleft区别 案例-动画封装 1、体验动画 2、动画封装 3、动画封装去除bug 4、动画封装最终 ...
分类:
编程语言 时间:
2018-03-30 18:36:34
阅读次数:
296
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 7 <style> 8 #box { 9 width: 100px; 10 height: 100px; 11 bac ...
分类:
移动开发 时间:
2018-01-01 18:16:33
阅读次数:
229
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 7 8 <!-- 9 先快后慢 10 一开始的步子要迈的大,后面的步子要小 11 12 步子要越来越小 13 14 被 ...
分类:
其他好文 时间:
2018-01-01 17:06:32
阅读次数:
209
手风琴 1、排他思想 2、ul宽度需要大一点,防止li撑开跑下去 3、一个变大其他所有变小,变小不能太小,不然会出现空白 仿360开机 1、首先下盒子高度变为0,之后整体盒子宽度变为0 2、本例子没有用图片,最好盒子以图片形式为好 ...
分类:
Web程序 时间:
2017-12-07 19:08:36
阅读次数:
273