自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

八個開源的 Vue / React 小游戲,個個經(jīng)典!

開發(fā) 前端
本文來分享 8 個基于 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。

責(zé)任編輯:姜華 來源: 前端充電寶
相關(guān)推薦

2022-05-11 07:50:15

React UI組件庫前端

2022-06-13 09:00:33

React 項目前端

2022-12-15 16:38:17

2023-10-10 10:27:37

DevOps

2022-10-10 09:00:35

ReactJSX組件

2023-05-03 21:42:02

Github開源項目

2023-11-13 10:11:49

開源前端

2023-11-29 10:16:45

內(nèi)網(wǎng)開源

2022-08-15 10:28:11

分布式計算

2010-09-15 08:59:04

開源交易

2023-12-10 14:39:25

刪除圖片開源圖片背景移除

2025-01-08 10:17:11

2022-07-08 14:53:46

掃雷小游戲鴻蒙

2023-11-08 14:57:41

2011-03-15 13:19:11

jQuery

2024-10-11 17:00:20

2023-10-05 08:52:53

2023-12-15 13:07:00

開源網(wǎng)頁截圖

2021-09-27 10:52:06

React工具庫開發(fā)

2023-05-30 14:16:00

開源項目Python
點贊
收藏

51CTO技術(shù)棧公眾號