八個開源的 Vue / React 小游戲,個個經(jīng)典!
3D 俄羅斯方塊
基于 Three.js、React、TypeScript 實現(xiàn)的 3D 俄羅斯方塊游戲,可以拖動旋轉(zhuǎn)頁面進(jìn)行觀察。
Github:https://github.com/RylanBot/threejs-tetris-react。
貪吃蛇
基于 Vue 3.3、Vite、Vuex 實現(xiàn)的經(jīng)典貪吃蛇游戲。
Github:https://github.com/ekinkaradag/snake-vue3
掃雷
一個掃雷游戲,作者嘗試使用老式字體和經(jīng)典的 Win98 圖標(biāo),用 CSS 復(fù)制 Win98 的風(fēng)格,使這個項目盡可能真實。該項目使用的技術(shù)棧包括:TypeScript、Webpack、React、Redux、React Router。
Github:https://github.com/laoqiu233/minesweeper-react
俄羅斯方塊
使用 React + Next + Typescript 開發(fā)的俄羅斯方塊游戲。其功能包括:15個關(guān)卡、快速下落和硬下落、方塊放置預(yù)覽、音效和背景音樂、簡化的得分系統(tǒng)等。
Github:https://github.com/pablonm/react-tetris
貪吃蛇
使用 React 和 TypeScript 構(gòu)建的簡單 2D 蛇游戲??梢允褂?w、a、s 和 d 鍵來移動蛇。當(dāng)吃掉水果時,得分和蛇的長度會動態(tài)增加,使用 canvas 元素構(gòu)建。其用到的技術(shù)包括:React、Chakra-UI、Redux、Redux-saga。
Github:https://github.com/Aklilu-Mandefro/game-application-using-react-and-typescript
3072
3072 是一款受流行游戲“2048”啟發(fā)的數(shù)字合并游戲,但游戲玩法與2048截然不同,使用的是 3 的倍數(shù)而不是 2,這真的是一種非常深刻和令人振奮的用戶體驗改變。這個項目使用 TypeScript、React 和 Tailwind CSS 構(gòu)建,確保高性能的交互性和令人驚艷的響應(yīng)式設(shè)計。
Github:https://github.com/WeiChongDevelops/3072
國際象棋
使用 React、Redux Toolkit、ThreeJS、React Three Fiber、ChessJS 和 ChakraUI 構(gòu)建的經(jīng)典國際象棋游戲。
Github:https://github.com/Kirill2603/3d-chess-v2
記憶翻牌
使用 Vue3.3、Pinia、Webpack、TypeScript 開發(fā)的一款記憶翻牌游戲。
Github:https://github.com/LAxBANDA/frontend-concentration-or-memory。