p5.js

這個函式庫能夠簡單的做出動畫

Function介紹

• setup()
  • 初始化(如畫布等)
  • 在整個程式裡只會執行一次
• draw()
  • 在整個程式裡會反覆執行
  • 要做動畫，大部分的程式碼會寫在draw函式裡面

範例

• 造波器
• 定向光
• 貪吃蛇

使用方式

引入p5.js函式庫

• https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.1/p5.js

發現的問題

• chrome瀏覽器，由於安全的考量，禁止網頁自動撥放audio或者video，所以如果想使用音樂相關的範例，即使引用了聲音相關的函式庫也無法使用
• 具體錯誤