首页 分享 10个超炫酷的前端3D开源项目

10个超炫酷的前端3D开源项目

来源:花匠小妙招 时间:2024-12-07 19:17

最新推荐文章于 2024-10-30 22:02:19 发布

嘴巴嘟嘟 于 2023-08-06 14:36:26 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

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

1. 3d

图片

基于 Three.js 的前端 WebGL 页面开发合集,包含冰墩墩、数字城市、3D人像、车模展示、塞尔达传说等一些3D趣味演示页面。

Github:https://github.com/dragonir/3d

2. My Room in 3D

在这里插入图片描述

用 Three.js 实现的 3D 房间。

Github:https://github.com/brunosimon/my-room-in-3d

3. Mini Tokyo 3D

在这里插入图片描述

用 Three.js 的东京公共交通系统的实时 3D 数字地图。

Github:https://github.com/nagix/mini-tokyo-3d

4.three-geo在这里插入图片描述

three-geo是基于three.js的地理可视化库。使用three-geo可以通过简单地指定全球任何地方的GPS坐标来轻松构建具有卫星纹理的3D地形模型,几乎实时更新。地形的几何结构基于Mapbox Maps API提供的RGB编码DEM(数字高程模型)。

Github:添加链接描述

5.3D Blog

在这里插入图片描述

用 Three.js 实现的 3D 博客项目,通过开小车找到文章进行阅读。

Github:https://github.com/brunosimon/folio-2019

6.Portfolio 2020

在这里插入图片描述

使用Three.js和Ammo.js构建的3D互动世界。

Github:https://github.com/0xFloyd/Portfolio_2020

7.2019-nCov-3D

在这里插入图片描述

新型冠状病毒疫情数据三维可视化。

Github:https://github.com/cesiumlab/2019-nCoV-3d

8.vr-hall

图片

基于 threejs 开发的 3D 展厅,展品可以自由摆放,支持 gltf/glb 格式。

Github:https://github.com/mtsee/vr-hall

9.Buzzwords.gg

Summer IS HERE 图片

一款基于 three.js 的文字策略游戏,可以多人游戏对战。

Github:https://github.com/ViciousFish/buzzwords

10.Celestiary

在这里插入图片描述

受 Celestia ( http://shatters.net/celestia ) 启发的天体模拟器,用 JS/ Three.js/GLSL 编写。

Github:https://github.com/celestiary/web

相关知识

炫酷3D相册❤ 520七夕情人节表白网页制作❤(HTML+CSS+JavaScript)
炫酷实用的10个家庭养花创意
html+css+javaScript实现炫酷烟花表白(云雾状粒子文字3D开场)七夕情人节表白/520表白源码HTML
一行代码教你七夕情人节如何告白❤—动漫3D相册(音乐+文字)HTML+CSS+JavaScript
Google的60款开源项目
HTML+CSS+JavaScript 超具创意的网页生日快乐祝福网页模板
《520七夕情人节表白礼物》❤520表白星空漫漫3D相册❤(HTML+CSS+JavaScript)
超火的炫酷告白源码(HTML+CSS),不是程序员都能学会
炫酷的表白烟花 html+css+js实现的表白烟花特效(程序员专属情人节表白网站)
HTML+CSS+JS ❤ 9.10教师节祝福网页制作 (3D炫酷烟花祝福)

网址: 10个超炫酷的前端3D开源项目 https://www.huajiangbk.com/newsview949312.html

所属分类:花卉
上一篇: VSCode安装及配置(前端开发
下一篇: App前端开发跨平台框架比较:R

推荐分享