鐵人檔案
我又回來啦！繼上次的網頁遊戲後，這次我們將把眼光放遠，不要只做一個，來做好多個互動特效！這兩年想不開去當了職業軍人，但還是放不下，在砲兵學校受訓時，放假還是泡圖書館借了電腦，研究了幾個主題，我覺得每個都很有趣！
架構：
使用 React 打造單頁式作品集網站，其實 Vue 我也很喜歡，各有優點！
作品展示：
在每個小作品中，除了展示技術細節，還結合實際成果，比如演算法視覺化：讓快速排序在屏幕上跳起舞來！還有音訊分析、粒子系統和模擬物理等，應用於前端開發。
回顧：
最後回頭優化，確保每一個作品能無縫整合，我還覺得輪播式呈現太無聊，或許能...？最後來看看創意能到哪邊吧！
引言 在昨天的文章中，我們介紹了 快速排序（Quick Sort） 演算法，它也是一種基於 分治法 的排序方法。快速排序透過選取一個樞軸（pivot），將數列分...
引言 在我們前面的文章中，我們探討了以「分治法」為基礎的排序演算法，例如快速排序和合併排序，並展示了它們如何在前端特效應用中進行視覺化處理。然而，除了分治法，另...
開場白 鐵人賽一路走來，搗鼓東、搗鼓西的，今天想來點不同風格，來閒聊一下。別擔心不是在水文章，剩下兩個主題大概還要十篇才寫的完呢！ 在這邊想特別感謝 鱈魚前輩...
引言 在上一個主題中，我們用原生 JS 完成了基本的粒子系統和排序演算法的視覺化，然而，造輪子還是有一定的局限性，尤其是更複雜的圖形如 3D 的投影和座標轉換，...
引言 在 3D 圖形渲染和資料視覺化中，效能是關鍵問題之一。隨著資料量的增大，若繼續使用高階語言提供的內建陣列和資料結構，雖然靈活方便，通常會造成效能瓶頸。為了...
引言 在處理 3D 圖形的渲染時，「頂點」是一個至關重要的概念。頂點代表著 3D 空間中的一個點，它是所有幾何形狀的基本組成單位。無論是建立立方體、球體，還是更...
引言 昨天我們透過計算向量和頂點，完成了 3D 的頻譜圖形，接下來我們可以嘗試結合主題 C 的排序演算法，把 2D 的視覺化帶到 3D 場景。不過，在那之前，讓...
引言 昨天我們學會了頂點數據的動態更新，通過動態創建和局部更新頂點屬性，來優化了渲染效能。接下來就讓我們結合排序演算法，實作三維場景中的動畫吧！ 建議先看過這兩...
引言 昨天我們完成了資料結構的設計，並響應式數據擴充動畫物件，讓動畫執行時能夠呼叫 updateVertices，今天我們將把它完成， 建議先看過這三文章：...
引言 今天花了一整天時間研究 Cannon 引擎，試圖將主題 C 中粒子系統從二維提升到三維，不過，由於效能方面一直無法取得突破，並未達成預期目標。本文純粹分享...
