文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

八个开源的 Vue / React 小游戏,个个经典!

2024-11-30 06:15

关注

3D 俄罗斯方块

基于 Three.js、React、TypeScript 实现的 3D 俄罗斯方块游戏,可以拖动旋转页面进行观察。

Github:https://github.com/RylanBot/threejs-tetris-react。

贪吃蛇

基于 Vue 3.3、Vite、Vuex 实现的经典贪吃蛇游戏。

Github:https://github.com/ekinkaradag/snake-vue3

扫雷

一个扫雷游戏,作者尝试使用老式字体和经典的 Win98 图标,用 CSS 复制 Win98 的风格,使这个项目尽可能真实。该项目使用的技术栈包括:TypeScript、Webpack、React、Redux、React Router。

Github:https://github.com/laoqiu233/minesweeper-react

俄罗斯方块

使用 React + Next + Typescript 开发的俄罗斯方块游戏。其功能包括:15个关卡、快速下落和硬下落、方块放置预览、音效和背景音乐、简化的得分系统等。

Github:https://github.com/pablonm/react-tetris

贪吃蛇

使用 React 和 TypeScript 构建的简单 2D 蛇游戏。可以使用 w、a、s 和 d 键来移动蛇。当吃掉水果时,得分和蛇的长度会动态增加,使用 canvas 元素构建。其用到的技术包括:React、Chakra-UI、Redux、Redux-saga。

Github:https://github.com/Aklilu-Mandefro/game-application-using-react-and-typescript

3072

3072 是一款受流行游戏“2048”启发的数字合并游戏,但游戏玩法与2048截然不同,使用的是 3 的倍数而不是 2,这真的是一种非常深刻和令人振奋的用户体验改变。这个项目使用 TypeScript、React 和 Tailwind CSS 构建,确保高性能的交互性和令人惊艳的响应式设计。

Github:https://github.com/WeiChongDevelops/3072

国际象棋

使用 React、Redux Toolkit、ThreeJS、React Three Fiber、ChessJS 和 ChakraUI 构建的经典国际象棋游戏。

Github:https://github.com/Kirill2603/3d-chess-v2

记忆翻牌

使用 Vue3.3、Pinia、Webpack、TypeScript 开发的一款记忆翻牌游戏。

Github:https://github.com/LAxBANDA/frontend-concentration-or-memory。

来源:前端充电宝内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯