Javascript、p5.js及HTML5辨析
在正式学习前,还有必要对我们要用到的几个玩意进行理解和辨析,它们是 Javascript(简称JS), HTML5(简称H5), P5.js (简称P5)
这几个的具体介绍可自行搜索,这里主要是以类比作画来辨析它们之间的联系和区别:
HTML5 ( H5 ): 提供整个创作环境的基础,只要再浏览器上运行的玩意,都需要用HTML语言,而HTML5是目前最新的版本,在本教程中需要用到HTML5的功能并不多,应该说,教程所使用的开发环境已经搭建妥当,不需要我们去做太多操作。当然,学到高级阶段,其实可以用到很多HTML5的功能。
Javascript ( JS ): 一门编程语言,在网页上运行的许多程序都是用这门语言写的,在我们的教程中,JS就相当于支配各种绘画材料的发号施令的规矩和组织方法;为了编写JS语言,还需要用到编辑器,其实任意文本编辑器都可以用来编写JS代码,不过为了方便,推荐notepad++, sublimeText,
P5.js(P5):在JS基础上,提供了一套框架以及各种工具,相当于我们要用到的各种绘画材料。
参考资料
HTML5学习资料:
http://www.runoob.com/html/html-tutorial.html
JS学习资料:
http://www.runoob.com/js/js-tutorial.html
www.codecombat.com 游戏化学习编程,强烈推荐
p5.js学习
参考文档:https://p5js.org/reference/
示例程序:https://p5js.org/examples/
代码编辑器
任意文本编辑器皆可,比如记事本,但不推荐
推荐下列编辑器:
写字板, notepad++, sublimeText, webstorm
相关资源:
教程示例程序:https://github.com/magicbrush/DrawingByCodingTutorialDemos/