1.2 開始第一幅“碼繪”——Javascript、p5.js及HTML5簡介
阿新 • • 發佈:2019-01-03
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