原生 JS 实现帧动画库_技术问答

首页免费课原生 JS 实现帧动画库问答

原生 JS 实现帧动画库

                
                ustbhuangyi
            Web前端工程师

                    查看讲师更多课程 
                    ustbhuangyi讲师的其他课程
                
Vue.js 源码深入解析 深入理解Vue实现原理
实战·高级·4910

                                                                                                                                    ￥149.00
                                            
下一代前端开发语言 TypeScript从零重构axios
实战·中级·2579

                                                                                                                                    ￥119.00
                                            
Vue3开发企业级音乐Web App 明星讲师带你学大厂代码
实战·高级·2223

                                                                                                                                    ￥448.00
                                            
                难度中级
            
                时长 2小时52分
            
                学习人数
            
综合评分9.53
                            56人评价
                        查看评价
                                9.7
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.4
                                逻辑清晰

全部评论问答未解决精华

qq_九月迷城_03412271

1.25倍速就刚刚好啊，文字和声音同步

1 1-2 设计通用帧动画库

2017-08-17

话说那些位置怎么弄得？

最新回答 / xiangguixing

用ps可以看到每一帧的坐标

1 回答 1232 浏览 1-1 认识帧动画

2017-08-16

慕丝0026560

有时候一开始不懂，看到后面就懂了。

1 2-6 剩余接口实现(上)

2017-08-12

qq_冬冬_4

老师讲的很好正好需要这种思想向高手学习希望老师以后还多出些精品课程

1 2-2 图片预加载实现

2017-08-04

慕斯7387413

图片预加载听得有点蒙，没有思路

2 2-2 图片预加载实现

2017-08-01

mmmnnmm

啊，我的头好痛

0 2-7 剩余接口实现(下)

2017-08-01

weibo_卖火柴的熊爷_0

仔细一步步调试动画库后发现，loadImage这个方法并没有什么卵用。只是把传入的图片加到window这个对象里，最后又删除了。然后我故意如此调用:
var repeatAnimation1 = createAnimation().changePosition(kof, kofMap, images[3]).repeatForever();
repeatAnimation1.start(80);
照样可以，其实在他changeposition的方法内部才是真正加载图片。有用的类就2个，一个animation.js，一个timeline.js。

2 3-2 demo的完整实现

2017-07-26

weibo_卖火柴的熊爷_0

作者技术高深，不得不佩服，可以称之为JS开发大神了。看完2-7后，细细品味作者的编程思想，大局始终在把握之中，逻辑严密丝丝入扣，一环扣一环，太需要想象力了。我自认为自己的js开发功力是中级偏上了，但是有点地方看起来还是很吃力，跟不上作者的思路。但是通过反复观看琢磨，越看越觉的作者可怕，太厉害了。这里面我认为精华所在就是任务链模式和链式调用，以及设计整个帧动画引擎的思想，说真的，这套视频干货满满，不但可以把这种编程思想运用在js里，也可以用到java等语言中。严格来说这套视频不适合初级JS学习者观看。要说缺点，就是编码不够优雅，个人特别见不得在类外面定义方法这种。。。可读和安全以及美观性都差。

3 2-6 剩余接口实现(上)

2017-07-21

菜鸡求经--封装帧动画库

最新回答 / 慕丝0026560

原型和原型链的知识可以上网看看。看完后，可以先看一下其他比较简单的这个函数封装的，涉及到原型的http://www.imooc.com/learn/842然后再自己去看一下CommonJS中那个module的原理，可以看看阮一峰写的，有些原理http://www.ruanyifeng.com/blog/2015/05/commonjs-in-browser.html知道了这些看起来就容易了。

1 回答 1389 浏览 2-4 从入口函数开始

2017-07-14