作者

creativecoding-editor

第 6 / 8 頁

Vue.js入門：完成懷舊的井字圈叉遊戲動態網頁

小時候都玩過圈圈叉叉的遊戲，隨手畫個井字就可以與玩伴鬥智，這次我們要利用Pug、Sass及Vue.js製作出這款動態小遊戲網頁啦！

不論個人或是品牌，都需要讓網站造訪者快速暸解你的歷史發展，時間軸年表是一個常見且好用的表示方法。利用Pug(HTML)、Sass(CSS)及Vue.js製作出一個屬於你的動態時間軸年表吧！

本篇文章以簡短篇幅解釋AR、VR、MR、XR這四個R的實境科技的不同以及相關案例，除了提供簡單的區分方式，從此不會再搞混之外，也希望藉此鼓勵多加嘗試不同的作品體驗。

D3.js工具可以把大筆的資料視覺化呈現於網頁上，本篇文章利用淺顯易懂的解說，一步步寫出如同Google日曆般的日常生活作息方塊圖。

利用p5.js製作出變形的同心圓動態，沒有特別的創作點子時就隨意調整、利用不同的變數增加變化，終究會等到那個靈光一閃，增加許多畫龍點睛的細節，打造出科技HUD風格的量子系統作品《量子不穩定Quantum Unstable》

本篇文章寫於20…

需要發想靈感、紀錄個人代辦清單，或和他人討論嗎？製作一個能夠自由編輯、增刪、變色、拖曳編排的便利貼牆網頁，多個願望一次滿足。下集將便利貼牆美化、功能變得更完善，更連結firebase即時資料庫，再多張便利貼也不怕。

需要發想靈感、紀錄個人代辦清單，或和他人討論嗎？製作一個能夠自由編輯、增刪、變色、拖曳編排的便利貼牆網頁，多個願望一次滿足。上集我們使用Pug、Sass及Vue.js刻出便利貼的基本功能。

互動藝術家吳哲宇於2018年寫下製作完第二門線上課程之後的心得，用另一個角度發掘數學的美，將課程裡循序漸進的內容以及學生會製作的各項階段性成品範例一一呈現。

寫網頁的時候，單看sass變數的程式碼，會不知道色碼是不是合適的嗎？老闆帶你一小時就能利用Vue.js快速建立好視覺化色票卡小工具。文章會從一開始雛型的設計稿發想，一步步教你如何完成工具。