十个超炫酷的前端 3D 开源项目
创始人
2025-07-13 14:00:57
0

本文将分享 10 个超炫酷的前端 3D 开源项目。从令人惊叹的视觉效果到富有创新概念的交互体验,这些项目展示了前端技术的无限可能。无论你是新手还是经验丰富的开发者,都值得一探究竟!

蛋仔派对(three.js版)

利用 React + threejs 技术栈构建的第三人称Q版闯关类游戏。

Github:https://github.com/Steve245270533/react-three-egg。

历史时间线

通过 3D 地球的形式直观地显示各个历史时间段及历史地图。

Github:https://github.com/gonnavis/Timeline。

3D 球体抽奖程序

年会抽奖程序,基于 Express + Three.js 的 3D 球体抽奖程序,奖品,文字,图片,抽奖规则均可配置,抽奖人员信息Excel一键导入,抽奖结果Excel导出,给你的抽奖活动带来全新酷炫体验。

Github:https://github.com/moshang-xc/lottery。

three-sokoban-live

基于 Vite、TypeScript、Three.js 的 3D 推箱子游戏。

3d-earth

使用 Webpack 5 + TypeScript + Threejs 搭建的 3D 地球。

Github:https://github.com/ertugrulcetin/racing-game-cljs。

T-Rex Run

T-Rex Run 3D 是一款模仿 Google Chrome 霸王龙快跑而制作的 ThreeJS WebGL 游戏。

Github:https://github.com/Priler/dino3d。

Rubik Cube

ThreeJs 制作的魔方游戏,支持自定义魔方阶级(目前界面上只开放 2 - 10 阶魔方)。

Github:https://github.com/pengfeiw/rubiks-cube。

3D 模型查看器

使用 Vue 3 、Three.js 的 3D 模型查看器。

Github:https://github.com/hujiulong/vue-3d-model。

探索three.js

一个免费的 Three.js 入门书籍:《探索 three.js》

在线阅读:https://discoverthreejs.com/zh/book/。

相关内容

热门资讯

如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
Windows恶意软件20年“... 在Windows的早期年代,病毒游走于系统之间,偶尔删除文件(但被删除的文件几乎都是可恢复的),并弹...
20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
着眼MAC地址,解救无法享受D... 在安装了DHCP服务器的局域网环境中,每一台工作站在上网之前,都要先从DHCP服务器那里享受到地址动...
为啥国人偏爱 Mybatis,... 关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...