內容目錄
Created by Alessandro Valentino
上面這個美麗的動態圖，是透過p5.js完成的，那這又是個什麼東西?
點我，玩玩看整頁模式，手機也可以噢！
請大家移動到下面這個網站，有人已經寫了不錯的介紹，直接搬過來我覺得有點沒品。
但其實在我寫這篇文的當下，我也才剛接觸p5.js不到半小時，所以這篇比較不像是教學文，是我寫給我自己的筆記。
目前依我的經驗，要做資料視覺化的有分為本地、雲端兩種方式，那我前面在處理的就是如何把之前在本地端執行的Processing程式給放到網路上，這樣其可觸性較高，不會只被鎖在電腦裡面，想想看如果你今天想要展示些什麼結果還要把電腦打開、程式打開、開始執行，這樣就太慢了。點開一個網頁，你甚至不用在對方身旁，就可以讓對方看到你所做的。
不過，如果是要開發連接硬體裝置的話，還是推薦使用Processing，而且他還可以直接打包成APP安裝在手機上。如果是要跟網路上的相關資料串接，就可以使用p5.js，而且他還提供了線上編輯器，不用下載好大一包的Processing。
底下再介紹一個也是用p5.js寫出來的3D可互動世界：
這個就真的是相當的酷炫了，我個人非常喜歡，而詳細的資料、原始碼可以點這個上方的相關資訊。
眼尖的朋友可以注意到，這篇文章用了兩種不同的方式來嵌入p5.js，那詳細到底是怎樣，就請看下篇文囉。不過這邊要提醒一點，就是如果都用這種嵌入式的方法來展現，那麼在分享網站時、Google圖片搜尋時，就不會出現了，因為不是圖片。
