鐵人檔案
我又回來啦！繼上次的網頁遊戲後，這次我們將把眼光放遠，不要只做一個，來做好多個互動特效！這兩年想不開去當了職業軍人，但還是放不下，在砲兵學校受訓時，放假還是泡圖書館借了電腦，研究了幾個主題，我覺得每個都很有趣！
架構：
使用 React 打造單頁式作品集網站，其實 Vue 我也很喜歡，各有優點！
作品展示：
在每個小作品中，除了展示技術細節，還結合實際成果，比如演算法視覺化：讓快速排序在屏幕上跳起舞來！還有音訊分析、粒子系統和模擬物理等，應用於前端開發。
回顧：
最後回頭優化，確保每一個作品能無縫整合，我還覺得輪播式呈現太無聊，或許能...？最後來看看創意能到哪邊吧！
為什麼需要模組化結構？ 這個話題我跟 AI 討論很久，就老實跟大家說吧，文章順序考慮很久，砍了又改、改了又砍。那麼，還是先把架構講清楚吧！ 首先，我不想這變成一...
架構設計 延續前幾篇的設計模式，我們的目標是模組化演算法，提供一個生成演算法的工廠，並且把使用方法封裝在 update 和 render 方法中，這裡，物件的初...
架構設計 在昨天的文章中，我們探討了如何創建動態效果，雖然過程中省略了一些細節，但這為我們打下了良好的基礎。今天，我們將逐步補充那些細節，根據昨天的討論，目前的...
架構設計 在昨天的文章中，我們完成了一個繪圖工具 painter，已經完成渲染的步驟，今天，我們將把演算法的細節補足： export default funct...
引言 在單執行緒的 JavaScript 中，所有的任務都在主執行緒上執行，包括渲染、事件處理與計算邏輯。這導致在進行複雜的計算時，可能會引發畫面卡頓或掉幀的情...
引言 在上一個主題中，我們成功實現了基本的動畫效果和粒子系統，並設計了一個獨立的繪圖管理工具。然而，對於一個相對簡單的粒子系統來說，這樣的設計似乎有些多餘，因為...
引言 昨天，我們完成一個簡單的粒子系統，具備了視覺化界面。接下來，讓我們植入排序演算法吧！相信大家也不陌生，就是一種把無序的數列按大小順序排列的方法，我們可以用...
引言 昨天，我們完成排序演算法的動畫架構，接下來，讓我們將各種排序方法逐步實現並植入動畫，製作逐格動畫效果！這樣的視覺化能讓我們清楚看到數據排序的過程，並進一步...
引言 在前一篇文章中，我們完成了泡沫排序和選擇排序，並詳細說明了如何自製迭代方程式，並將其與依賴迭代生成器的方法進行比較。今天，藉著這股勢頭，我們將繼續探索插入...
引言 演算法中，遞迴通常是用來處理分治問題的利器，像是快速排序 (QuickSort) 就是其中的典型範例。然而，傳統遞迴有一個問題——當數據集非常龐大時，會因...
