动画制作 🎬
欢迎来到神奇的动画世界！ ✨
嗨，小朋友们！准备好创造自己的动画了吗？ 今天我们要学习如何让物体动起来，就像魔法一样神奇！
1. 弹跳的彩虹球 🌈
看看这个神奇的小球，它不但会弹跳，还会变色呢！
2. 旋转的魔方 🎲
这个方块会旋转、变大变小，还会变换颜色！
3. 奔跑的小猫 🐱
看，这只可爱的小猫会跑来跑去！
😺
动画的秘密 🔮
1. 移动的魔法
- 位置的改变（上下左右）
- 速度的控制（快慢）
- 方向的变化（来回移动）
2. 变形的魔法
- 大小的变化（放大缩小）
- 旋转的效果（转圈圈）
- 形状的改变（变换形状）
3. 颜色的魔法
- 颜色渐变（慢慢变色）
- 闪烁效果（忽明忽暗）
- 彩虹变换（多彩效果）
动手练习时间 ✏️
1. 创意挑战
试试看能不能创造：
- 一朵会开放的花 🌸
- 一颗会闪烁的星星 ⭐
- 一只会飞的小鸟 🐦
2. 组合练习
把不同的动画组合在一起：
- 会跳舞的方块
- 会变色的月亮
- 会旋转的太阳
3. 故事动画
创造一个简单的动画故事：
- 小猫追蝴蝶
- 小狗找骨头
- 小兔子吃萝卜
小贴士
- 动画要平滑，不要太快
- 颜色要温和，不要太刺眼
- 多观察生活中的动态
进阶挑战 🚀
1. 互动动画
- 点击时的特效
- 鼠标跟随效果
- 键盘控制移动
2. 场景动画
- 日夜交替
- 四季变换
- 天气效果
3. 游戏动画
- 简单的弹球游戏
- 捉迷藏动画
- 赛跑比赛
动画是怎么工作的呢？ 🤔
1. 动画的小秘密 - 连续的画面 🎬
想象一下你在快速翻动一本小人书：
第1页：小人站着 🧍
第2页：小人抬脚 🏃
第3页：小人跑步 🏃♂️当你快速翻动时，小人就像真的在跑步！ 这就是动画的基本原理 - 很多张静止的图片快速播放。
2. 动画中的数学魔法 🔢
位置的变化
想象小猫在数轴上散步：
位置 = 当前位置 + 速度 × 时间
例如：
- 开始位置：0
- 每次移动：+5
- 最终位置：0 → 5 → 10 → 15速度和方向
就像荡秋千一样：
向前：位置 + 速度
向后：位置 - 速度
到边界时：速度 × (-1) // 改变方向3. 时间的魔法 ⏰
想象你在玩跳绳：
javascript
// 每隔一小段时间
setInterval(() => {
// 做一个动作
跳一下();
// 等待一会儿
}, 1000) // 1秒钟4. 让我们一起做个实验！ 🧪
🌱
速度：1x
5. 动画的数学游戏 🎲
圆周运动
想象一个小球在转圈：
x = 圆心x + 半径 × cos(角度)
y = 圆心y + 半径 × sin(角度)
角度 = 角度 + 速度弹跳效果
就像弹力球：
速度 = 速度 + 重力
位置 = 位置 + 速度
如果碰到地面：速度 = -速度 × 弹力6. 颜色变化的秘密 🎨
颜色也是数字的游戏：
红色：0-255
绿色：0-255
蓝色：0-255
例如：
红色 = rgb(255, 0, 0)
黄色 = rgb(255, 255, 0)小测试 📝
动画的三个基本要素是什么？
- [ ] 移动
- [ ] 变形
- [ ] 颜色变化
以下哪些是平滑动画的要点？
- [ ] 速度要适中
- [ ] 变化要自然
- [ ] 效果要连贯
你能想到生活中有哪些动画效果？
- 树叶随风摆动
- 波浪起伏
- 云朵飘动
作业小任务 📚
观察记录
- 记录生活中看到的有趣动态
- 画下你最喜欢的动画效果
- 想象一个动画故事
创意设计
- 设计一个简单的动画角色
- 画出角色的不同动作
- 想象角色的动画效果
动手实践
- 制作一个简单的翻页动画
- 创造一个有趣的动画场景
- 设计一个动画小游戏
准备好了吗？让我们一起进入神奇的动画世界吧！ 🎨
少儿动画编程工具 🎨
我的动画编程工具 🎮
指令积木 🧱
我的程序 📝
点击左边的积木开始编程吧！
预览效果 👀
🐱
编程小贴士 💡
开始编程
- 从左边选择指令积木
- 拖放到中间的程序区
- 点击运行查看效果
创作技巧
- 先想好要实现的效果
- 一步一步添加指令
- 多次尝试和调整
进阶玩法
- 尝试组合不同的动作
- 创造有趣的动画效果
- 设计自己的小故事
小提示
- 每个积木都是一个动作指令
- 程序会从上到下执行
- 可以随时修改或删除积木