大图滚动课程内容精炼与算法讲解.pdfVIP

Largeimagescroll

(Time105min)

1Pre-classspeech（25min)

2CourseReview（15min)

3Introductionandoverviewofnewsons（2

min)

4NewsonContent（55min)

4.1Tweenalgorithm（25min)4.2I

deareview（30min)

5CourseSummary（10min)

6assignment（1min)

7FAQnotes

大图滚动

课前（无PPT）建议时间：25min

课程回顾（PPT2）建议时间：15min

1)讲师对上节课学的知识点进行提问，并对上节课的作业进行检查、展示、点评。

触发机制——时间触发：计时器（设置与清除）；触发：onclick等

scrollLeft等属性值的变化

教学目标（PPT3）建议时间：2min

1）为学生展示通过本节课的学习需要达到的目标（详见PPT）

新课内容——Tween算法（PPT第4-13页）建议时间：25min

1）讲解算法的基本概念。

算法：指解题方案的准确而完整的描述，是一系列解决问题的清晰指令，算法代表着用系统的方法描述解

决问题的策略机制。也就是说，能够对一定规范的输入，在有限时间内获得所要求的输出。

2）讲解tween算法的功能

tween算法可以用来制作相对复杂一些的动画效果，比如缓动、弹簧等等

3）查看tween算法效果

4）tween算法对象的方法

详见PPT

5）easeIn、easeOut和easeInOut的参数含义

easeIn：从0开始加速的缓动；easeOut：到0的缓动；easeInOut：前半段从0开始加速，后半段

到0的缓动

6）分析tween算法的功能

四个参数t表示当前步数；b表示起始位置；c表示移动的距离；d表示的是最大步数/总步数。之前是一

像素一像素的发生变化，如果想控制，可能需要用if，例如实现刚开始变化速度快，然后变化慢一点，最后再

快一点。Tween就为开发者了已经编写好的变化方法。tween的出现，仅仅是改变了