Canvas奇幻之旅第一季--从代码到游戏 - SiKi学院|SiKi学堂 - unity|u3d|虚幻|ue4/5|java|python|人工智能|视频教程|在线课程

184人加入学习

(0人评价)

Canvas奇幻之旅第一季--从代码到游戏

制作完成于2023年2月10日使用WebStorm2020.2.4

价格免费

学习有效期永久有效

扫一扫扫二维码继续学习二维码时效为半小时
分享
已收藏
收藏

加入学习

课程介绍

>课程目录

>课程内容

在学习本门课程之前，相信同学们都已经熟悉掌握了CSS以及js的基本使用了，并且能使用这些技术熟练地写出一些非常好看的页面。
但是对于一些复杂的图形的绘制、炫酷的动画效果可能就无能为力了。Canvas奇幻之旅系列课程中，Mark老师将会带着大家一起起航，
在Canvas的海洋中探索、遨游，共同学习、体会Canvas之美。

>课程目标

同学们通过本课程的学习，能使用Canvas绘制简单的三角形、矩形等规则多边形，以及圆、半圆、圆弧等曲线，了解动画的基础概念(比如什么是帧，如何控制帧率)，能自己实现简单的动画效果，让你的网页动起来。

>适宜人群

1.熟练掌握HTML、CSS、Javascript的同学
2.想要学习图标库的绘制以及动画炫酷特效制作的同学

>课程环境

1.WebStorm 2020.2.4

2.Chrome浏览器109.0.5414.120

>关于我们

#什么是A计划

提供完整的视频学习路线
- 从入门到就业的大量内部课程
- 专属QQ交流群
- 与游戏行业中的同僚们交流经验、分享干货
有效期内所属方向课程持续更新

#SiKi学院

Siki学院（www.sikiedu.com）每周更新大量编程视频教程。（游戏开发、移动开发、Unity、虚幻Unreal、Java、Web开发、JavaEE、C语言、Python、C++、VB、JavaScript、C#、PHP、SQL、Objective-C、Go、Swift、数据挖掘、搜索算法、全栈工程师、Hadoop、区块链、人工智能、前端开发、Android、iOS、服务器端编程、大数据、Linux、UI设计、游戏美术、3DSMax、Maya）

生命不息，学习不止！

目录

[{"itemType":"task","number":"1","published_number":"1","title":"\u8d44\u6599","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110689","isOptional":"0","type":"download","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"","activityEndTime":"","fileStorage":"","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"chapter","number":"1","published_number":0,"title":"Canvas\u7b80\u4ecb","result":"","resultStatus":"","lock":"","status":"published","taskId":"113750","isOptional":"0","type":"chapter","isTaskFree":"","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"","activityEndTime":"","fileStorage":"","isTaskTryLookable":"","isSingleTaskLesson":false},{"itemType":"task","number":"2","published_number":"2","title":"01-\u8bfe\u7a0b\u7b80\u4ecb","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110690","isOptional":"0","type":"video","isTaskFree":"1","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"02:50","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"task","number":"3","published_number":"3","title":"02-Canvas\u7b80\u4ecb","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110691","isOptional":"0","type":"video","isTaskFree":"1","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"07:21","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"chapter","number":"2","published_number":0,"title":"Canvas\u7684\u57fa\u672c\u4f7f\u7528","result":"","resultStatus":"","lock":"","status":"published","taskId":"113751","isOptional":"0","type":"chapter","isTaskFree":"","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"","activityEndTime":"","fileStorage":"","isTaskTryLookable":"","isSingleTaskLesson":false},{"itemType":"task","number":"4","published_number":"4","title":"03-Canvas\u6807\u7b7e\u7684\u4f7f\u7528","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110692","isOptional":"0","type":"video","isTaskFree":"1","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"10:08","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"task","number":"5","published_number":"5","title":"04-Canvas\u4e0a\u4e0b\u6587\u5bf9\u8c61context\u7684\u521b\u5efa","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110693","isOptional":"0","type":"video","isTaskFree":"1","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"08:01","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"chapter","number":"3","published_number":0,"title":"\u5c01\u95ed\u6298\u7ebf\u56fe\u5f62\u7684\u7ed8\u5236","result":"","resultStatus":"","lock":"","status":"published","taskId":"113752","isOptional":"0","type":"chapter","isTaskFree":"","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"","activityEndTime":"","fileStorage":"","isTaskTryLookable":"","isSingleTaskLesson":false},{"itemType":"task","number":"6","published_number":"6","title":"05-\u76f4\u7ebf\u7684\u7ed8\u5236","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110694","isOptional":"0","type":"video","isTaskFree":"1","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"07:00","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"task","number":"7","published_number":"7","title":"06-\u4e09\u89d2\u5f62\u548c\u77e9\u5f62\u7684\u7ed8\u5236","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110695","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"08:13","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"task","number":"8","published_number":"8","title":"07-fill\u65b9\u6cd5\u7684\u4f7f\u7528","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110696","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"06:06","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"task","number":"9","published_number":"9","title":"08-beginPath\u548cclosePath\u65b9\u6cd5","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110697","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"07:45","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"task","number":"10","published_number":"10","title":"09-lineWidth\u5c5e\u6027\u4ee5\u53ca\u7ed8\u5236\u77e9\u5f62\u7684\u4e09\u4e2a\u5185\u7f6e\u65b9\u6cd5","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110698","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"09:24","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"task","number":"11","published_number":"11","title":"10-\u7ec3\u4e60--uView icon\u7ed8\u5236","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110699","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"20:06","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"task","number":"12","published_number":"12","title":"11-\u7ec3\u4e60--\u7bad\u5934\u7ed8\u5236","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110700","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"06:59","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"task","number":"13","published_number":"13","title":"12-\u7ec3\u4e60--\u4e03\u5de7\u677f\u7ed8\u5236","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110701","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"10:10","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"task","number":"14","published_number":"14","title":"13-\u4e03\u5de7\u677f\u4ee3\u7801\u4f18\u5316","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110702","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"08:21","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"chapter","number":"4","published_number":0,"title":"\u66f2\u7ebf\u7684\u7ed8\u5236","result":"","resultStatus":"","lock":"","status":"published","taskId":"113753","isOptional":"0","type":"chapter","isTaskFree":"","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"","activityEndTime":"","fileStorage":"","isTaskTryLookable":"","isSingleTaskLesson":false},{"itemType":"task","number":"15","published_number":"15","title":"14-\u5f27\u5ea6\u5236\u7684\u8868\u793a\u65b9\u6cd5\u4ee5\u53ca\u5706\u7684\u7ed8\u5236","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110703","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"08:51","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"task","number":"16","published_number":"16","title":"15-\u534a\u5706\u3001\u6247\u5f62\u7684\u7ed8\u5236","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110704","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"09:43","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"task","number":"17","published_number":"17","title":"16-\u692d\u5706\u7684\u7ed8\u5236","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110705","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"06:36","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"task","number":"18","published_number":"18","title":"17-\u7ec3\u4e60--\u5706\u89d2\u77e9\u5f62\u7ed8\u5236","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110706","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"11:11","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"task","number":"19","published_number":"19","title":"18-\u7ec3\u4e60--\u6ce2\u6d6a\u7ebf\u7ed8\u5236","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110707","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"08:44","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"task","number":"20","published_number":"20","title":"19-\u7ec3\u4e60--uView icon\u7ed8\u5236(\u4e00)","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110708","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"05:10","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"task","number":"21","published_number":"21","title":"20-\u7ec3\u4e60--uView icon\u7ed8\u5236(\u4e8c)","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110709","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"12:01","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"chapter","number":"5","published_number":0,"title":"\u52a8\u753b\u7684\u57fa\u672c\u6982\u5ff5","result":"","resultStatus":"","lock":"","status":"published","taskId":"113754","isOptional":"0","type":"chapter","isTaskFree":"","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"","activityEndTime":"","fileStorage":"","isTaskTryLookable":"","isSingleTaskLesson":false},{"itemType":"task","number":"22","published_number":"22","title":"21-\u52a8\u753b\u7684\u57fa\u672c\u6982\u5ff5\u4e0e\u5236\u4f5c","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110710","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"13:03","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"chapter","number":"6","published_number":0,"title":"\u7efc\u5408\u6848\u4f8b--RollABall","result":"","resultStatus":"","lock":"","status":"published","taskId":"113755","isOptional":"0","type":"chapter","isTaskFree":"","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"","activityEndTime":"","fileStorage":"","isTaskTryLookable":"","isSingleTaskLesson":false},{"itemType":"task","number":"23","published_number":"23","title":"22-RollABall\u6848\u4f8b--\u9879\u76ee\u6f14\u793a\u53ca\u6846\u67b6\u642d\u5efa","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110711","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"07:29","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"task","number":"24","published_number":"24","title":"23-RollABall\u6848\u4f8b--\u5982\u4f55\u8ba9\u5c0f\u7403\u52a8\u8d77\u6765\u53ca\u8fb9\u754c\u68c0\u6d4b","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110712","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"10:10","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"task","number":"25","published_number":"25","title":"24-RollABall\u6848\u4f8b--\u8fb9\u754c\u68c0\u6d4b\u53ca\u6a21\u62df\u5404\u79cd\u7269\u7406\u8fd0\u52a8","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110713","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"07:41","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"task","number":"26","published_number":"26","title":"25-RollABall\u6848\u4f8b--\u4f7f\u7528\u9762\u5411\u5bf9\u8c61\u7684\u601d\u60f3\u4f18\u5316\u4ee3\u7801","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110714","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"05:58","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"task","number":"27","published_number":"27","title":"26-RollABall\u6848\u4f8b--\u76d1\u542c\u952e\u76d8\u6309\u952e\u6765\u63a7\u5236\u5c0f\u7403\u79fb\u52a8","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110715","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"09:16","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"task","number":"28","published_number":"28","title":"27-RollABall\u6848\u4f8b--\u56fa\u5b9a\u65f6\u95f4\u95f4\u9694\u5185\u968f\u673a\u751f\u6210\u5c0f\u7403","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110716","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"09:38","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"task","number":"29","published_number":"29","title":"28-RollABall\u6848\u4f8b--\u8ba9\u7cfb\u7edf\u751f\u6210\u7684\u5c0f\u7403\u968f\u673a\u79fb\u52a8\u53ca\u8fb9\u754c\u68c0\u6d4b","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110717","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"09:57","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"task","number":"30","published_number":"30","title":"29-RollABall\u6848\u4f8b--\u5c0f\u7403\u4e0e\u5c0f\u7403\u4e4b\u95f4\u7684\u78b0\u649e\u68c0\u6d4b","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110718","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"12:22","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"task","number":"31","published_number":"31","title":"30-RollABall\u6848\u4f8b--\u5927\u7403\u201c\u5403\u201d\u5c0f\u7403\u5b9e\u73b0","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110719","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"08:02","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true},{"itemType":"task","number":"32","published_number":"32","title":"31-\u8bfe\u7a0b\u603b\u7ed3\u4e0e\u5c55\u671b","result":"","resultStatus":"","lock":false,"status":"published","taskId":"110720","isOptional":"0","type":"video","isTaskFree":"0","watchLimitRemaining":false,"replayStatus":"","activityStartTimeStr":"","activityStartTime":"","activityLength":"07:57","activityEndTime":"","fileStorage":"cloud","isTaskTryLookable":0,"isSingleTaskLesson":true}]

查看全部

UE5.2 类超级马里奥童年经典案例复刻

UE5.2 类超级马里奥童年经典案例复刻

52 0

手把手带你撸一个毕设项目-学生宿舍管理系统-JavaWeb版本-赠送全套代码资料-第一季

手把手带你撸一个毕设项目-学生宿舍管理系统-JavaWeb版本-赠送全套代码资料-第一季

70 0

Cocos3.8 2DJRPG零基础教程第二季-Luna's Fantasy

Cocos3.8 2DJRPG零基础教程第二季-Luna's Fantasy

0 0

Cocos Creator 3D 挪车载人玩法小游戏的完整实现《第一季》

Cocos Creator 3D 挪车载人玩法小游戏的完整实现《第一季》

192 3

授课教师

老师_Mark

大数据讲师

课程特色

下载资料(1)

视频(31)

最新学员

学员动态

天才小浣熊开始学习 07-fill方法的使用

天才小浣熊完成了 06-三角形和矩形的绘制

天才小浣熊开始学习 06-三角形和矩形的绘制

天才小浣熊完成了 05-直线的绘制

天才小浣熊开始学习 05-直线的绘制

UnityA计划

Unity学习路线

虚幻A计划

虚幻学习路线

JavaA计划

Java学习路线

PythonA计划

Python学习路线

微信小程序A计划

小程序学习路线