1.2 开始第一幅“码绘”——Javascript、p5.js及HTML5简介

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/download/

教程：https://p5js.org/learn/

参考文档：https://p5js.org/reference/

示例程序：https://p5js.org/examples/

代码编辑器

任意文本编辑器皆可，比如记事本，但不推荐

推荐下列编辑器：

写字板, notepad++,  sublimeText, webstorm

相关资源：

教程示例程序：https://github.com/magicbrush/DrawingByCodingTutorialDemos/