實驗遊樂場
一些關於圖形、動畫、電腦視覺與互動的實驗。
41 個實驗
調整剛性、阻尼與質量，觀察彈簧運動如何改變。
用彈簧動畫呈現翻面的照片卡片。
探索由彈簧物理驅動的翻轉效果。
展開一組帶有彈簧動畫的浮動按鈕。
以彈簧動畫探索元素的顯示與隱藏。
以彈簧動畫讓數值逐漸接近目標。
以彈簧節奏繪製與擦除星形輪廓。
以 WebGL 渲染並旋轉立體方塊。
探索 WebGL 場景中的 Bloom 輝光效果。
以 WebGL 渲染帶有材質的立體骰子。
透過 WebGL 球體探索旋轉與透視。
觀察立體線框的邊緣與結構。
以 Three.js 建立可環繞觀察的輝光骰子。
探索三維 Sierpinski 分形的幾何結構。
以 SVG 建立的圖表實驗。
經典貪食蛇的瀏覽器版本。
搭配數位時間顯示的即時指針時鐘。
在即時攝影機畫面中追蹤身體關鍵點。
調整關節角度，觀察三節手臂末端的位置。
移動目標，觀察手臂如何計算關節角度。
可互動切換投影片的個人簡報。
使用模板比對來比較上傳的圖片。
對齊上傳的圖片並檢視重疊結果。
比較攝影機畫面與基準圖片。
在即時攝影機畫面中探索運動估計。
用互動網格探索流向向量的方向。
偵測並顯示圖片中的 ORB 特徵點。
用游標直接控制的拖曳實驗。
放開後會以彈簧動畫回到原位的拖曳方塊。
拖曳方塊，讓它吸附到最近的插槽。
透過直接操作平移與縮放圖片。
將攝影機畫面變成瀏覽器中的鏡子。
可新增、完成與刪除項目的小型待辦清單。
觀察多個個體透過轉向行為一起移動。
單一個體追蹤目標，並留下移動軌跡。
南大資工學生展的網站作品。
編譯器課程期末專案的簡報。
以視覺化方式探索頻率響應。
探索 Google 廣告整合的支持頁面。
使用 OAuth 驗證的登入實驗。
早期用來調整 React Motion 彈簧參數的實驗。
Ryan Zheng鄭聖玄Ryan Zheng鄭聖玄Ryan Zheng鄭聖玄
