iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

派對動物嗨起來! 系列

隨著網頁的快速發展,瀏覽器的 Web API 功能越來越多,Web 的奇技淫巧也越來越多。

手機瀏覽器甚至有了多種硬體的存取能力,不只可以發出聲音(Audio API),還可以取得加速度、亮度等等各類感測器(Sensor APIs),甚至是震動馬達(Vibration API)等等。

某天望向手中的 joy-con,忽然靈光一閃,「手機不是已經幾乎有 joy-con 的所有功能了嗎?這樣不就可以用手機和 Web 重現一個類 Switch 的遊戲機?」

於是這次的主題就誕生了!

鐵人鍊成 | 共 30 篇文章 | 96 人訂閱 訂閱系列文 RSS系列文
DAY 1

D01 - 沒時間解釋了,快上車!:使用 Vue、babylon.js、NestJS 打造派對遊戲

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

2022-09-15 ‧ 由 鱈魚 分享
DAY 2

D02 - 來打個草稿吧

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

2022-09-16 ‧ 由 鱈魚 分享
DAY 3

D03 - 建立專案:完成 Vue、NestJS、TypeScript 開發環境

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

2022-09-17 ‧ 由 鱈魚 分享
DAY 4

D04 - 門面怎麼可以沒有背景

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

2022-09-18 ‧ 由 鱈魚 分享
DAY 5

D05 - 飄吧!多邊形!

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

2022-09-19 ‧ 由 鱈魚 分享
DAY 6

D06 - 打造遊戲選單按鈕:利用 SVG 產生文字外框

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

2022-09-20 ‧ 由 鱈魚 分享
DAY 7

D07 - 開趴前先 loading 一下:使用 Pinia 與 Composition API

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

2022-09-21 ‧ 由 鱈魚 分享
DAY 8

D08 - 載入就應該要有載入的樣子

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

2022-09-22 ‧ 由 鱈魚 分享
DAY 9

D09 - NestJS 是啥?好吃嗎?

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

2022-09-23 ‧ 由 鱈魚 分享
DAY 10

D10 - 讓前後端接上線:使用 Socket.IO 進行連線

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

2022-09-24 ‧ 由 鱈魚 分享