为了账号安全，请及时绑定邮箱和手机立即绑定
首页 免费课 原生 JS 实现帧动画库 问答

原生 JS 实现帧动画库

ustbhuangyi Web前端工程师
查看讲师更多课程 ustbhuangyi讲师的其他课程
难度中级
时长 2小时52分
学习人数
综合评分9.53
56人评价 查看评价
9.7 内容实用
9.5 简洁易懂
9.4 逻辑清晰
全部 评论 问答 未解决 精华

为啥这么写

已采纳回答 / qq_一琴心一_0
当然可以，老师这么写为了改变数组项方便后续方法调用
1 回答 1310 浏览 2-2 图片预加载实现
2018-03-17

当对对图片数组(或对象)进行遍历不成功时.直接调用回调函数,并传入加载成功的标志位吗?

已采纳回答 / 桃太郎
count表示的是遍历图片的计数器。这里指的是遍历完成如果计数为0.代表的是在for循环中没有进行count++；也就是说图片数组或对象images是一个空的。到这一步意也意味着图片加载完成，理所调用ca...
3 回答 1650 浏览 2-2 图片预加载实现
2017-04-16

什么控制台？

已采纳回答 / weibo_我_就_是_我_55_032
看视频上面好像是bash，他只是建了一个本地服务器，你也可以直接点击你的html文件直接运行
2 回答 1411 浏览 1-1 认识帧动画
2017-02-17

图片素材哪里下载

已采纳回答 / 精慕门2798116
https://github.com/ustbhuangyi/animation 这是老师上传到github上面的例子，你clone下来就有源码和图片了。素材图片在demo目录下，rabbit-big.png，rabbit-lose.png，rabbit-win.png。
1 回答 1638 浏览 2-2 图片预加载实现
2016-11-23

js代码是否有问题没有效果

已采纳回答 / 慕尼黑3917127
哦哦哦。
2 回答 1551 浏览 1-1 认识帧动画
2016-10-20

是否要用服务器

已采纳回答 / 慕粉3225785
并不用，也可以在本地操作
1 回答 1333 浏览 1-1 认识帧动画
2016-10-20

图片坐标的

已采纳回答 / stone310
打开ps，换成px单位，再测量
2 回答 1577 浏览 1-1 认识帧动画
2016-10-11

材料和源码在哪里

已采纳回答 / qq_南城以南lifes_0
https://github.com/ustbhuangyi/animation
1 回答 1416 浏览 1-1 认识帧动画
2016-10-03

number | 0为何可以向下取整

已采纳回答 / stone310
因为|这个是或位操作符，意思是先将数值转换成32位二进制整数值（如果有小数则忽略），再对二进制上每一位进行或运算，得出结果；这里xxx|0，因为0的二进制就是0000000...00一共32位（32个0），无论任何数对0进行或运算都是原来的数，因此可以用它来进行向下取整
4 回答 3674 浏览 2-6 剩余接口实现(上)
2016-09-23

Animation.prototype是什么 不懂 求解

已采纳回答 / Justin_Hu
这里涉及JavaScript构造函数和原型的知识，建议阅读《JavaScript高级程序设计》这本教材（构造函数和原型在第六章），建议耐心阅读，可以提升对JavaScript的理解
2 回答 1682 浏览 2-1 接口定义
2016-09-16

怎么将动画所有关键帧绘制到一个图片里

已采纳回答 / cathello
使用PS 做一个透明背景的图片，然后把每个关键帧，复制到这个图片中就ok了
1 回答 1632 浏览 1-1 认识帧动画
2016-09-03

原生 JS 实现帧动画库 这课程的源码在哪里？

已采纳回答 / 不生则死
https://github.com/ustbhuangyi/animation
1 回答 1421 浏览 2-4 从入口函数开始
2016-08-26

看看这个问题，不知道哪里错了

已采纳回答 / 刘洪光
是'url(' + imgUrl + ')'，这是一个字符串前一个引号里面是'url(',后一个是')',然后用加号把imgUrl连接
2 回答 1458 浏览 1-1 认识帧动画
2016-08-20

var positions=['0 -854','-174 -852','-349 -852','-524 -852','-698 -852','-873 -848'];这些位置市那么得到的？

已采纳回答 / 风之伤水之痕
这些数值其实是ui设计师制作图片时定的每一帧图片的位置，可以在ps中去量取，是ui设计师给你的。不过网上也有些工具可以读取雪碧图的位置，你可以百度一下
1 回答 1441 浏览 1-2 设计通用帧动画库
2016-08-11

var position= positions[index].split(' ');这句活报错。

讲师回答 / ustbhuangyi
请贴上完整的demo地址，提问方式可以参考http://www.imooc.com/qadetail/142900
4 回答 2258 浏览 1-1 认识帧动画
2016-07-27
首页上一页12下一页尾页
开始学习
课程须知
1、对前端基础知识已经掌握（html、js、css） 2、对前端面向对象编程有一定了解
老师告诉你能学到什么？
1、什么是帧动画及网页中常见的几种帧动画方式 2、原生 JS 实现帧动画的原理 3、如何设计一个通用的帧动画解决方案 4、了解类似 promise的设计思想（异步任务链式调用） 5、面向对象的开发方式和模块化开发思想 6、如何实现图片预加载模块

微信扫码，参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示：

您好，此课程属于迁移课程，您已购买该课程，无需重复购买，感谢您对慕课网的支持！

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消