当前位置： 首页 > news >正文

汇总：五个开源的Three.js项目

news 文章来源：https://blog.csdn.net/VRlook/article/details/137168510 2025/2/13 0:11:36

Three.js 是一个基于 WebGL 的 JavaScript 库，它提供了一套易于使用的 API 用来在浏览器中创建和显示 3D 图形。通过抽象和简化 WebGL 的复杂性，Three.js 使开发者无需深入了解 WebGL 的详细技术就能够轻松构建和渲染3D场景、模型、动画、粒子系统等。

Three.js
Three.js

其应用场景广泛，包括网页游戏、数据可视化、虚拟现实（VR）、增强现实（AR）、艺术展示和教育工具等，几乎覆盖了所有需要在网页中展示3D内容的领域。

简述：

如果你想要学习 Three.js，首先当然需要掌握 JavaScript 和基本的 Web 开发知识。然后通过官方文档和示例学习 Three.js 的核心概念，包括场景、相机、渲染器，以及如何创建和操作 3D 对象。接着，需要深入探索高级功能如光照、动画、性能优化。

当然，理论也要和实践相结合才能发挥它的作用，今天就为大家介绍五款优秀的 Three.js 实操项目，帮助大家理论实践相结合，更好地掌握 Three.js。

一、icegl-three-vue-tres

这是一款三维可视化项目快速落地的开源框架，能让你像写 Vue3.x 一样写三维可视化项目。
项目作者： ICEGL 图形学社区
开源许可协议： Apache-2.0
项目地址：https://gitee.com/ice-gl/icegl-three-vue-tres

二、ShadowEditor

这是一个基于 Three.js、Go 语言和 MongoDB 的跨平台的 3D 场景编辑器。
项目作者： tengge1
开源许可协议： MIT
项目地址：ShadowEditor: 基于Three.js、Go语言和MongoDB的跨平台的3D场景编辑器，支持桌面版和Web版。

三、threejs 3d模型可视化编辑器

包含了包含模型加载，模型文件导入导出，模型背景图，全景图，模型动画，模型灯光，模型定位，辅助线，模型辉光，模型拖拽，模型拆解， 模型材质等可视化操作编辑系统。
项目作者： 答案
开源许可协议： MulanPSL-2.0
项目地址：https://gitee.com/ZHANG_6666/Three.js3D

 

四、gallery

这是一个数字展馆概念项目，技术栈为 three.js，使用 blender 进行建模，最后烘焙渲染场景贴图，导出 glb 地图格式在 Web 端渲染。
项目作者： steve
开源许可协议： GPL-3.0
项目地址：https://gitee.com/steve007/gall

五、vis-three

这是一款基于 three.js 的组装式前端 3D 开发框架。
项目作者： Shiotsuki
开源许可协议： MPL-2.0
项目地址：https://gitee.com/Shiotsukikaedesari/vis-three

 

相关文章：

汇总：五个开源的Three.js项目

Three.js 是一个基于 WebGL 的 JavaScript 库，它提供了一套易于使用的 API 用来在浏览器中创建和显示 3D 图形。通过抽象和简化 WebGL 的复杂性，Three.js 使开发者无需深入了解 WebGL 的详细技术就能够轻松构建和渲染3D场景、模型、动画、粒子系统等。 T…...

编程日记 2024/3/31 5:48:29

JavaScript(一)---【js的两种导入方式、全局作用域、函数作用域、块作用域】

一.JavaScript介绍 1.1什么是JavaScript JavaScript简称“js”&#xff0c;js与java没有任何关系。 js是一种“轻量级、解释型、面向对象的脚本语言”。 二.JavaScript的两种导入方式 2.1内联式 在HTML文档中使用<script>标签直接引用。 <script>console.log…...

编程日记 2024/3/31 5:46:27

部署云原生边缘计算平台kubeedge

文章目录 1、kubeedge架构2、基础服务提供 负载均衡器 metallb2.1、开启ipvc模式中的strictARP2.2、部署metalb2.2.1、创建IP地址池2.2.2、开启二层转发&#xff0c;实现在k8s集群节点外访问2.2.3、测试 3、部署cloudcore3.1、部署cloudcore3.2、修改cloudcore的网络类型 4、部…...

编程日记 2024/3/31 5:43:24

Java设计模式：单例模式详解

设计模式&#xff1a;单例详解 文章目录 设计模式&#xff1a;单例详解一、单例模式的原理二、单例模式的实现推荐1、饿汉模式2、静态内部类 三、单例模式的案例四、单例模式的使用场景推荐总结 一、单例模式的原理 单例模式听起来很高大上&#xff0c;但其实它的核心思想很简…...

编程日记 2024/3/31 5:41:22

Qt5.14.2 定时器黑魔法，一键唤醒延时任务

在图形界面程序的世界里&#xff0c;有这么一个需求无处不在:在特定的时间间隔后&#xff0c;执行一段特殊的代码。比如说30秒后自动保存文档、500毫秒后更新UI界面等等。作为资深Qt程序员&#xff0c;我相信各位一定也曾为实现这种"延时任务"而绞尽脑汁。今天&#…...

编程日记 2024/3/31 5:40:21

C++项目——集群聊天服务器项目(九）客户端异常退出业务

服务器端应检测到客户端是否异常退出&#xff0c;因此本节来实现客户端异常退出&#xff0c;项目流程见后文 一、客户端异常退出业务流程 &#xff08;1&#xff09;在业务模块定义处理客户端异常退出的函数 &#xff08;2&#xff09;集群聊天服务器项目(八&#xff09;提到…...

编程日记 2024/3/31 5:39:20

STM32CubeIDE基础学习-HC05蓝牙模块和手机通信

STM32CubeIDE基础学习-HC05蓝牙模块和手机通信 文章目录 STM32CubeIDE基础学习-HC05蓝牙模块和手机通信前言第1章 硬件连接第2章 工程配置第3章 代码编写3.1 手机指令控制LED 第4章 实验现象总结 前言 前面的文章学习了串口通过轮询和中断的简单使用方法&#xff0c;现在就来用…...

编程日记 2024/3/31 5:37:18

npm mongoose包下载冲突解决之道

我在新电脑下载完项目代码后,运行 npm install --registryhttps://registry.npm.taobao.org 1运行就报错&#xff1a; npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: lowcode-form-backend1.0.0 npm …...

编程日记 2024/3/31 5:36:17

26. UE5 RPG同步面板属性（二）

在上一篇&#xff0c;我们解析了UI属性面板的实现步骤&#xff1a; 首先我们需要通过c去实现创建GameplayTag&#xff0c;这样可以在c和UE里同时获取到Tag创建一个DataAsset类&#xff0c;用于设置tag对应的属性和显示内容创建AttributeMenuWidgetController实现对应逻辑 并且…...

编程日记 2024/3/31 5:35:15

五、postman基础使用案例

postman基础使用 相关案例【传递查询参数】【提交表单数据】【提交JSON数据】 注&#xff1a;postman⼀款⽀持调试和测试的⼯具&#xff0c;开发、测试⼯程师都可以使⽤。方法一般统一为&#xff1a;方法→请求头→请求体→断言 相关案例 【传递查询参数】 访问TPshop搜索商品的…...

编程日记 2024/3/31 5:31:11

Git合并利器：Vimdiff使用指南

使用 vimdiff 作为 Git 的合并工具确实可能会让新手感到困惑&#xff0c;但它是一个功能强大的工具&#xff0c;一旦掌握了它&#xff0c;就可以非常高效地进行代码合并和比较。以下是一个简短的教程&#xff0c;旨在帮助理解 vimdiff 的基本用法以及如何利用它来进行 Git 合并…...

编程日记 2024/3/31 5:30:10

阿里云2核4G服务器租用价格_30元3个月_165元一年_199元

阿里云2核4G服务器租用优惠价格&#xff0c;轻量2核4G服务器165元一年、u1服务器2核4G5M带宽199元一年、云服务器e实例30元3个月&#xff0c;活动链接 aliyunfuwuqi.com/go/aliyun 活动链接如下图&#xff1a; 阿里云2核4G服务器优惠价格 轻量应用服务器2核2G4M带宽、60GB高效…...

编程日记 2024/3/31 5:26:06

＜QT基础(2)＞QScrollArea使用笔记

项目需要设置单个检查的序列图像预览窗口&#xff0c;采用QScrollArea中加入QWidget窗口&#xff0c;每个窗口里面用Qlabel实现图像预览。 过程涉及两部分内容 引入QWidget 引入label插入图像&#xff08;resize&#xff09; 引入布局 组织 scrollArea内部自带Qwidget&#…...

编程日记 2024/3/31 5:25:05

springboot企业级抽奖项目业务四 (缓存预热)

缓存预热 为什么要做预热: 当活动真正开始时&#xff0c;需要超高的并发访问活动相关信息 必须把必要的数据提前加载进redis 预热的策略: 在msg中写一个定时任务 每分钟扫描一遍card_game表 把(开始时间 > 当前时间)&& (开始时间 < 当前时间1分钟)的活动及相…...

编程日记 2024/3/31 5:22:02

opejdk11 java 启动流程 java main方法怎么被jvm执行

java启动过程 java main方法怎么被jvm执行 java main方法是怎么被jvm调用的 1、jvm main入口 2、执行JLI_Launch方法 3、执行JVMInit方法 4、执行ContinueInNewThread方法 5、执行CallJavaMainInNewThread方法 6、创建线程执行ThreadJavaMain方法 7、执行ThreadJavaMain方法…...

编程日记 2024/3/31 5:20:01

link 样式表是否会阻塞页面内容的展示？取决于浏览器，edge 和 chrome 会，但 firefox 不会。

经过实测&#xff1a; 在 head 中 link 一个 1M 大小的样式表。设置网络下载时间大概为 10 秒。 edge 和 chrome 只有在下载完样式表后&#xff0c;页面上才会出现内容。而 firefox 可以直接先显示内容&#xff0c;然后等待样式表下载完成后再应用样式。 DOMContentLoaded 事…...

编程日记 2024/3/31 5:19:00

uniapp对接极光推送(国内版以及海外版)

勾选push&#xff0c;但不要勾选unipush 国内版 网址&#xff1a;极光推送-快速集成消息推送功能,提升APP运营效率 (jiguang.cn) 进入后台&#xff0c;并选择对应应用开始配置 配置安卓包名 以及ios推送证书&#xff0c;是否将生产证书用于开发环境选择是 ios推送证书…...

编程日记 2024/3/31 5:17:59

智慧城市数字孪生，综合治理一屏统览

现代城市作为一个复杂系统&#xff0c;牵一发而动全身&#xff0c;城市化进程中产生新的矛盾和社会问题都会影响整个城市系统的正常运转。智慧城市是应对这些问题的策略之一。城市工作要树立系统思维&#xff0c;从构成城市诸多要素、结构、功能等方面入手&#xff0c;系统推进…...

编程日记 2024/3/31 5:16:58

在Java中对SQL进行常规操作的通用方法

SQL通用方法 一、常规方法增删改查二、具体优化步骤1.准备工作2.getcon()方法&#xff0c;获取数据库连接对象3.closeAll()方法&#xff0c;关闭所有资源4.通用的增删改方法5.通用的查询方法6.动态查询语句 总结 一、常规方法增删改查 在常规方法中&#xff0c;我们在Java中对…...

编程日记 2024/3/31 5:15:57

JavaSE day16笔记 - string

第十六天课堂笔记 学习任务 Comparable接口★★★★ 接口 : 功能的封装 > 一组操作规范 一个抽象方法 -> 某一个功能的封装多个抽象方法 -> 一组操作规范 接口与抽象类的区别 1本质不同 接口是功能的封装 , 具有什么功能 > 对象能干什么抽象类是事物本质的抽象 &…...

编程日记 2024/3/31 5:14:55

java将文件转成流文件返回给前端

环境&#xff1a;jdk1.8&#xff0c;springboot2.5.3,项目端口号&#xff1a;9100 1.待转换的文件 一、路径 二、文件内容 2.controller中代码 package com.example.pdf.controller;import com.example.pdf.service.GetFileStreamService; import org.springframework.web.b…...

编程日记 2024/3/31 5:13:54

使用Node.js常用命令提高开发效率

Node.js是一个基于Chrome V8引擎的JavaScript运行时环境&#xff0c;广泛用于构建服务器端应用程序和命令行工具。Node.js提供了丰富的命令和工具&#xff0c;可以帮助开发者更高效地开发应用程序。在日常开发中&#xff0c;除了Node.js本身的核心功能外&#xff0c;npm&#x…...

编程日记 2024/3/31 5:10:52

百度资源平台链接提交

百度资源平台是百度搜索引擎提供的一个重要工具&#xff0c;用于帮助网站主将自己的网站链接提交给百度搜索引擎&#xff0c;以便更快地被收录和展示在搜索结果中。以下将就百度资源平台链接提交的概念、操作方法以及其对网站收录和曝光的影响进行探讨&#xff1a; 什么是百度资…...

编程日记 2024/3/31 5:09:51

力扣爆刷第108天之CodeTop100五连刷26-30

力扣爆刷第108天之CodeTop100五连刷26-30 文章目录 力扣爆刷第108天之CodeTop100五连刷26-30一、15. 字符串相加二、300. 最长递增子序列三、42. 接雨水四、43. 重排链表五、142. 环形链表 II 一、15. 字符串相加 题目链接&#xff1a;https://leetcode.cn/problems/add-strin…...

编程日记 2024/3/31 5:08:50

Android裁剪图片为波浪形或者曲线形的ImageView

如果需要做一个自定义的波浪效果的进度条&#xff0c;裁剪图片&#xff0c;对ImageView的图片进行裁剪&#xff0c;比如下面2张图&#xff0c;如何实现&#xff1f; 先看下面的效果&#xff0c;看到其实只需要对第一张高亮的图片进行处理即可&#xff0c;灰色状态的作为背景图。…...

编程日记 2024/3/31 5:04:46

Linux课程____shell脚本应用

:一、认识shell 常用解释器 Bash , ksh , csh 登陆后默认使用shell&#xff0c;一般为/bin/bash&#xff0c;不同的指令&#xff0c;运行的环境也不同 二、 编写简单脚本并使用 # vim /frist.sh //编写脚本文件&#xff0c;简单内容 #&#xff01;/bin/bash …...

编程日记 2024/3/31 5:03:45

设计模式12--组合模式

定义 案例一 案例二 优缺点...

编程日记 2024/3/31 5:02:44

【微服务】软件架构的演变之路

目录 单体式架构的时代单体式架构(Monolithic)优点缺点适用场景单体式架构面临诸多问题1.宽带提速&#xff0c;网民增多2.Web2.0时代的特点问题描述优化方向 集群优点缺点适用场景搭建集群后面临诸多问题用户请求问题用户的登录信息数据查询 改进后的架构 垂直架构优点缺点 分布…...

编程日记 2024/3/31 5:01:43

安全算法 - 加密算法

加密算法是一种在信息安全领域中广泛应用的算法&#xff0c;能够将数据进行加密转换&#xff0c;以保证数据的保密性和安全性。 它具有保密性、对称加密和非对称加密、密钥管理、数据完整性和认证等重要特点和应用。 加密算法可以分为对称加密和非对称加密两种类型&#xff1…...

编程日记 2024/3/31 5:00:42

安全算法 - 国密算法

国密算法是中国自主研发的密码算法体系&#xff0c;包括对称加密算法、非对称加密算法和哈希算法。其中&#xff0c;国密算法采用SM4作为对称加密算法&#xff0c;SM2作为非对称加密算法&#xff0c;以及SM3作为哈希算法。国密算法在信息安全领域具有重要意义和广泛应用&#x…...

编程日记 2024/3/31 4:58:40

新做的网站如何/信息流优化师前景

9CD1DVD (安装手册) &#xff1b;最权威&#xff1a;Red Hat官方唯一授权&#xff1b;最全面&#xff1a;支持CD-ROM、DVD两种格式&#xff1b;最方便&#xff1a;特别增加一张DVD系统安装盘&#xff0c;对于DVD光驱用户可免除频繁换盘的麻烦&#xff1b;最超值&#xff1a;唯一…...

编程日记 2025/2/12 22:50:08

深圳高端做网站公司/百度小说搜索热度排行榜

首先&#xff1a; filter方法的使用可以参考&#xff1a; https://blog.csdn.net/weixin_41615439/article/details/108661807 使用filter操作对象数组&#xff0c;可以减少不必要的请求&#xff1b;如果不是对象数组&#xff0c;那filter方法是没有改变原数组的。 1、首先&…...

编程日记 2025/2/12 21:28:01

中国建设银行网站首页企业网银/查淘宝关键词排名软件有哪些

刚刚研究了Kmeans。Kmeans是一种十分简单的聚类算法。可是他十分依赖于用户最初给定的k值。它无法发现随意形状和大小的簇。最适合于发现球状簇。他的时间复杂度为O(tkn)。kmeans算法有两个核心点&#xff1a;计算距离的公式&推断迭代停止的条件。一般距採用欧式距离等能够…...

编程日记 2025/2/12 20:47:24

国内十大网站制作公司/哪个好用?

1.1 复习jQuery操作DOM 选择器 基本选择器&#xff1a;#id 、.class 、element、* 、 层级选择器&#xff1a; 空格、>、、~基本过滤选择器&#xff1a;:first、:last、:eq(index)、:lt(index)、:gt(index)、:odd、:even筛选选择器&#xff1a;.eq(index)、.children()、.…...

编程日记 2025/2/12 16:31:35

在什么网站上做兼职靠谱/优化大师怎么下载

课程首页地址&#xff1a;http://blog.csdn.net/sxhelijian/article/details/7910565眼见到了期末&#xff0c;同学们各种忙与学期初、学期中完全不同。积累代码行的事情搁置一边可以理解&#xff0c;也不应在此时再抓了。第17周只要求一个项目&#xff0c;另外可以总结整个课程…...

编程日记 2025/2/12 15:44:47

东台专业做网站/株洲网站设计外包首选

5.1 Laravel中的文件上传 文件系统 Laravel 的文件系统是基于 Frank de Jonge 的 Flysystem 扩展包 提供了简单的接口&#xff0c;可以操作本地端空间、Amazong S3、Rackspace Clound Storage 可以非常简单的切换不同的保存方式&#xff0c;但仍使用相同的api操作 配置文件…...

编程日记 2025/2/12 15:38:41