1. 程式人生 > >1.2 開始第一幅“碼繪”——Javascript、p5.js及HTML5簡介

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學習資料:

JS學習資料:

p5.js學習

程式碼編輯器

任意文字編輯器皆可,比如記事本,但不推薦

推薦下列編輯器:

寫字板, notepad++,  sublimeText, webstorm

相關資源: