Skip to content

YuYeh/Web3D

Repository files navigation

以下為Web 3D 的解說

可以點選 這裡 跳轉到預覽頁面。
如有任何問題,請發送信件到此信箱: kevinyytsai12@gmail.com

各項狀態:  ✅:已完成      🔄:待補中

Xmas Lights with HTML & CSS

藉由Html,CSS以及javascript實作聖誕樹燈泡的運作。

Gallery layout

建立畫廊空間以及監視器運行的模擬。

Harry Potter

哈利波特系列的畫廊展示,下拉式選單選擇任一角色會將鏡頭移動到該畫作前面,點選畫作即可顯示該人物詳細資訊。此外,右下角有全部位置的監視器畫面,可點擊右上方地圖選擇要操作的監視器。

Node.js, Shelljs, Native Methods

藉由後端的Node.js,透過shelljs執行碰撞偵測演算法的exe檔後,將其運算結果傳回browser並輸出在頁面上,實作出碰撞偵測的效果。

Race by server(socket.io)

前端的client連接到server上的three.js網頁,每個client操作自己的車子比賽,並將指令上傳至server,利用socket.io將資訊broadcast給其他的client,在其他host端上更新graphics內容,顯示各個client的車子運行結果,實作出realtime雙人競爭的賽車遊戲。

Tilt Labyrinth

利用手機的陀螺儀實作Tilt Labyrinth遊戲(碰撞偵測)。