序言 | Canvas进阶之旅

因参与了公司的讲师课活动,所以开始了课程的编写和准备,同时也准备同步分享到掘金上,希望能给想学习canvas的jym提供一些帮助,当然更主要分享的目的是为了得到大佬的指点,在我不懂的问题上进行解惑?。

对于平时主要工作是写页面布局和样式的前端伙伴来说,Canvas并不是什么必学的技能,当然也不是什么难学的技能,大多数人的观点里,都是学了更好,不学也无妨。

Canvas就是浏览器提供一个API,我们要是照着MDN的文档去学,没几天就能上手并用起来,如果秉着能用就行的目的去学习呢,那从这节课起这门课就没有多大的意义了,所以我并不打算只讲这些(也会讲,毕竟能用是最低要求,讲完连用都不会,这说得过去?),还打算讲些奇奇怪怪的,比如:

① 你说浏览器是怎么表示0.5个像素点的呢?

② 浏览器是怎么知道一个半透明的红色像素盖在半透明的绿色像素上是显示什么颜色呢?

③ 页面脚本卡关我画布什么事呢?为什么要卡着画布绘制呢?

④ 最大的画布能画多大呢?为啥呢?

⑤ 不是常听说画布拿来做游戏吗,那画布又是怎么拿来做H5游戏的呢?

是不是突然觉得这节课突然多了一点点意思呢?

如果你再回头看看上面的问题,你会发现我怎么讲浏览器、讲H5游戏去了,是的,这正是我想讲的。

我时常发现学习就是在掘坑,越掘越深,越掘就越会发现:这个坑没完了。

但我们要知道顶上的土不清掉你又怎么能掘开下一个新坑呢?所以这些知识点会形成非常紧密的关联,你在学习后会有“噢~这样~噢!是哦!”这种恍然大悟的感觉,后面当你遇到面上的问题也能很快想到根源上的解决方法。

讲课模式介绍

上文提的5个问题中将有一个问题会作为我们课程大纲的主线,讲完课后我们理论上就已经能对问题的答案有个初步的认识,那是哪个问题呢?

是的, “如何用画布做一款H5游戏?”

我相信在座的没有一位是不玩游戏的,都会玩,而且都想自己做游戏,这里我赌2毛钱这是百分百的。

对于这个课程游戏,我并不想用任何现在网络上可以找到的游戏模板,什么贪吃蛇、2048、小黄鸟过闸等等…

这样有趣吗,不有趣。

所以我打算和大家一起从零开始制作我自己设计的游戏:小茶的旅行。

在制作和开发游戏的过程中我们会遇到很多问题,而这些问题却恰恰能给我们提供很多学习的方向和动力。当然会遇到什么问题现在还是个未知数,我们会在编码实现中一步一个脚印,逐步探索学习,并最后实现一款小游戏。

这可是划不走系列课程呀,希望大家能在认真学习的过程中也能参与到游戏的设计和开发中,这里插一句,在这之前我也没有专门学习和开发过H5游戏[苦涩],所以与其说是我为大家讲课,不如说大家一同专研学习,我最多是在过程中插播几个提前整理的知识点。

最后得补充一句,这个课程有些的知识点在网上很少有人提到,所以尽管我已经很努力在收集和梳理,但仍可能本身就存在有问题,所以大家要批判性地听,不认同的地方应该自己也去求证一下并分享出来。

课程安排(预计6节课)

image.png

(只做课前参考,具体课程与实际讲课进度有关)

相信大家已经期待起来了吧。那期待起来了就可以开始我们的课程了。

– 会拆分系列文章进行分享直到讲师课完结,最近更新到”序言”:2023.06.26 –

© 版权声明
THE END
喜欢就支持一下吧
点赞0

Warning: mysqli_query(): (HY000/3): Error writing file '/tmp/MYbJ6SAZ' (Errcode: 28 - No space left on device) in /www/wwwroot/583.cn/wp-includes/class-wpdb.php on line 2345
admin的头像-五八三
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

图形验证码
取消
昵称代码图片