1.2 开始第一幅“码绘”——Javascript、p5.js及HTML5简介
2017-09-04 23:03
585 查看
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/
相关文章推荐
- HTML5之JavaScript简介(一)
- HTML5之JavaScript简介(二)
- HTML5学习+javascript学习:打飞机游戏简介以及Model层
- 从0开始用javascript和HTML5的canvas编写光线追踪渲染器<一>
- 1.3 开始第一幅“码绘”——开始使用p5.js,画一个懵逼脸
- 从0开始用javascript和HTML5的canvas编写光线追踪渲染器<二>
- LevelDB初探之简单使用 2014-07-28 17:16:18 分类: 大数据 一、简介 LevelDB是google开源的一个key-value存储引擎库,从版本1.2开始就
- JavaScript 简介
- 全栈式JavaScript简介 - An Introduction To Full-Stack JavaScript
- HTML5简介(转)
- 从头开始学JavaScript (五)——操作符(二)
- 突袭HTML5之Javascript API扩展2 - 地理信息服务
- javascript 和HTML5 利用canvas构建 猜牌游戏(让我猜猜你心中的牌)【图文说明】
- HTML5学习笔记三 HTML元素、属性、标题、段落简介
- HTML5-CSS3-JavaScript(3)
- [H5]HTML5声明、标签、元素、属性、格式化简介
- Shadow DOM:[1-简介, 2-基础, 3-样式, 4-样式(续), 5-JavaScript, 6-综述]
- JavaScript 的简介
- SJS(simple javascript)html5开发扩展库
- ◆C语言函数库简介系列◆1.2 显示图片原来是这么简单--GTK+的图zz