-
画大鱼函数：
查看全部 -
绘制海葵：
查看全部 -
课程介绍：
查看全部 -
绘图API回顾
查看全部 -
手册：
https://www.w3school.com.cn/tags/html_ref_canvas.asp
查看全部 -
5、大鱼吃果实的碰撞检测
原理：
检测大鱼和果实的距离
查看全部 -
4、画大鱼，身子，尾巴，眼睛
使用到的API
translate()
rotate()
Math.atan2(y, x)
查看全部 -
3、绘制果实，黄色果实和蓝色果实
使用到的API
drawImage()
长大 ---> 成熟
查看全部 -
2、绘制海葵
绘制直线的API
beginPath()
closePath()
strokeStyle
stroke()
lineWidth
lineCap()
globalAlpha;
save()
destore()
查看全部 -
课程结构
1、准备工作
搭建HTML网页结构
绘制背景
查看全部 -
课程面向用户
1、具有HTML、CSS基础知识
2、具有JavaScript基础知识（函数、类、对象）
3、具有一些Canvas基础（画线、弧线、圆）
查看全部 -
分两个阶段
阶段一目标
1、静止的海葵
2、海葵产生果实
3、果实自动漂浮
4、大鱼吃果实
5、大鱼喂小鱼
阶段二目标
1、海葵摆动动画
2、大鱼眼睛、尾巴动画
3、小鱼眼睛、尾巴动画
4、小鱼生命值判断
5、游戏分值计算
6、漂浮物
查看全部 -
课程介绍
玩法：
1、大鱼吃果实
2、大鱼喂小鱼
3、小鱼恢复体力
查看全部
举报
0/150
提交
取消