皮皮网

1.3D绘：25个开源WebGL框架和库
2.开源项目推荐：3D点云处理开源库PCL/Cilantro/Open3d/Easy3D/PDAL/LAStools
3.揭开Three.js的开源框架开源框架面纱，浅谈Three.js
4.开源三维建模软件
5.ET框架1：C#服务器 unity3d客户端 开源 github
6.three.js实现数字孪生3D仓库一期（开源）

3D绘：25个开源WebGL框架和库

       WebGL 是一个用于在 Web 浏览器中呈现交互式 2D 和 3D 图形的 JavaScript API，基于 OpenGL ES。开源框架开源框架它在多种应用程序中得到应用，源码源码包括 3D 图形、开源框架开源框架数据可视化、源码源码网页自适应源码虚拟现实与增强现实、开源框架开源框架建筑与室内设计、源码源码教育工具等。开源框架开源框架

       在这篇文章中，源码源码我们为您精心挑选了用于构建图形丰富的开源框架开源框架 Web 应用程序的 个最佳开源 WebGL 库和框架。以下为您详细介绍：

       1. Three.js: 最知名且广泛使用的源码源码 3D WebGL JavaScript 库，被成千上万的开源框架开源框架开发人员用于游戏、模拟和网站中的源码源码 3D 计算机图形。它提供了一个简单直观的开源框架开源框架 API，使开发者能够在 Web 上创建交互式 3D 体验。

       2. PixiJS: 一个用于在 Web 应用程序中创建交互式和快速 2D 图形的渲染引擎。以其简单性和高性能著称，可轻松构建具有视觉吸引力和响应式的 2D 体验。

       3. Babylon.js: 功能强大且功能丰富的 JavaScript 框架，用于在 Web 上构建 3D 应用程序和体验。提供了一系列全面的工具和实用程序，用于在浏览器环境中创建令人惊叹的 3D 图形、动画和交互。

       4. TensorFlow.js (TF.js): TensorFlow 开发的 JavaScript 库，允许开发者在浏览器中运行机器学习模型并执行深度学习任务。提供高级 API 和预训练模型，适用于图像分类、自然语言处理等任务。

       5. Filament: 由 Google 开发的基于物理的实时渲染引擎，适用于 Android、iOS、Windows 和 Linux 系统。提供高质量图形渲染功能，适用于移动和桌面应用程序。

       6. Twgl.js: WebGL 辅助库，简化 WebGL 应用程序的创建。提供实用函数和抽象，帮助开发者专注于 Web 上的 3D 图形和交互式体验。

       7. A-Frame: 用于构建虚拟现实 (VR) 体验的 Web 框架。允许开发人员使用 HTML 和声明式实体组件系统创建 VR 场景和应用程序。建立在 Three.js 之上，提供易于使用和访问的 VR 开发方法。

       8. PlayCanvas: JavaScript 游戏引擎，专为在浏览器中构建游戏和交互式体验设计。提供广泛的功能和工具，包括高性能渲染引擎、物理模拟、音频支持和资产管理，泛微eteams 源码使游戏开发者受益。

       9. BGFX: 跨平台渲染库，提供高性能图形渲染功能。支持多种渲染技术和功能，适用于游戏、模拟和可视化工具。

       . Phaser: 快速、免费且开源的 HTML5 游戏框架，用于创建桌面和移动游戏。提供全面的功能和工具，包括物理模拟、音频支持、输入处理和资产管理，使游戏开发者受益。

       . deck.gl: 数据可视化库，基于 WebGL 提供支持，在 Web 上创建交互式和可自定义的可视化。适用于地理空间数据可视化、3D 渲染和沉浸式体验。

       . Two.js: JavaScript 库，提供简单且强大的 API，用于在浏览器中创建 2D 图形和动画。适合初学者和有经验的开发者快速构建原型和交互式 2D 体验。

       . React-map-gl: React 组件库，用于使用 WebGL 驱动的 deck.gl 数据可视化库创建交互式和可自定义的地图。简化地图集成到 React 项目中的过程。

       . MelonJS: 轻量级游戏引擎，用于在 HTML5 中创建 2D 游戏。提供实体管理、精灵动画、碰撞检测和输入处理等功能，适用于平台游戏、RPG 和其他类型的 2D 游戏。

       . Regl: 快速轻量级 WebGL 库，用于在浏览器中创建交互式和高性能图形。提供简单且声明性的 API，支持复杂 2D 和 3D 图形渲染。

       . Globe.gl: JavaScript 库，用于在浏览器中创建交互式和可自定义的 3D 地球仪和地图。提供广泛地理空间数据可视化功能，包括标记、弧线、路径和热图。

       . Gio.js: JavaScript 库，允许开发者在 Web 浏览器中创建交互式且视觉上令人惊叹的 3D 地球仪和地图。提供自定义标记、弧线、流和动画功能。matlab看函数源码

       . KickJS: 开源 WebGL 游戏引擎和 3D Web 图形库，专为现代 Web 浏览器构建。提供学习曲线简单的工具和文档，包括着色器编辑器、模型工具等。

       . ClayGL: Web 3D 图形库，用于构建 3D Web 就绪应用程序，如在真实地理地图上绘制交互式 3D 街道地图。

       . Luma: 高性能 WebGL2 组件，用于 GPU 驱动的数据可视化和计算，由 Uber 作为开源项目发布和维护。

       . X3DOM: WebGL 框架，用于为网站和 Web 应用程序构建可嵌入的 3D Web 就绪图形。提供简单的 HTML5 标记代码，易于集成。

       . Grimoire.js: 开源 WebGL 框架，旨在为 Web 工程师和 CG 工程师提供构建 3D Web 应用程序的桥梁。

       . XeoGL: SceneJS 的继任者，数据驱动的 WebGL 图形引擎，提供多种工具，简化 CAD/3D 集成到 Web 项目的过程。

       . CurtainsJS: 开源 WebGL 库，提供基于 WebGL 的动画工具，用于将基于 HTML 的元素转换为 3D 动画对象。

       . PhiloGL: WebGL Javascript 框架，用于构建交互式 3D 复杂图形应用程序，支持数据可视化、创意编码和游戏开发。开源项目，发布在 MIT 许可下。

       基于 WebGL 的 3D 可视化组态编辑器 Sovit3D 是一个物联网可视化 PaaS 平台，基于 JavaScript 的 3D 图形引擎，提供丰富展现形式和视觉效果，帮助开发者轻松搭建 3D 可视化界面。广泛应用于电力能源、水利、物联网、工业互联网、智慧城市、智慧医疗、智慧农业、IT 运维等多个行业领域。

       如果您有任何问题或反馈，请务必发表评论！未经同意禁止转载、摘编！

开源项目推荐：3D点云处理开源库PCL/Cilantro/Open3d/Easy3D/PDAL/LAStools

       PCL（Point Cloud Library）是大型跨平台开源C++编程库，涵盖点云处理领域，bar线指标源码包括点云获取、滤波、分割、配准、检索、特征提取、识别、追踪、曲面重建与可视化等。支持多种操作系统，如Windows、Linux、Android、Mac OS X及部分嵌入式实时系统，用于3D信息获取与处理，具有BSD授权，适用于商业与学术应用。

       Cilantro是一个精简高效的C++库，专为处理点云数据设计，特别关注3D案例，减少样板代码，保持代码可读性和模块化，适用于广泛模块化应用。Cilantro库由Magic leap公司的计算机视觉工程师开发，拥有马里兰大学伯克利分校计算机科学博士学位，是感知机器人小组成员。

       Open3D是一个支持3D数据快速开发的开源库，提供C++与Python数据结构与算法，后端高度优化并支持并行计算，兼容不同平台，代码简洁，易于维护。

       Easy3D是一个轻量级、易用且高效的C++库，专注于3D数据的处理与渲染，提供简便且高效的API。

       PDAL（Point Cloud Data Abstraction Library）是一个点云数据处理库，是一个C/C++开源库，用于点云数据转换与处理，不限于激光雷达数据。

       LAStools是一个用于激光雷达处理的常见开源工具套件，提供广泛的激光雷达数据处理功能。

揭开Three.js的面纱，浅谈Three.js

       对WEBGL探索的旅程中，朋友推荐我尝试Three.js，这是一篇关于这款开源3D引擎的初步了解文档。

       Three.js，一款在浏览器内运行的linux dd命令 源码强大3D引擎，让你能够构建丰富多彩的三维场景，包括相机、光照、材质等元素，其主页上的示范作品令人赞叹。

       作为WebGL三维引擎的代表，Three.js以其丰富的中文资料和广泛的使用度在中国开发者中享有盛名。它是基于JavaScript的脚本库，利用WebGL技术，源代码在GitHub上开源。

       Three.js的独特之处在于它以JavaScript实现GPU加速的3D动画，无需依赖浏览器插件，为网页开发提供了高效且直观的工具。它在3D图形编程中的常用对象上做了封装，提升了开发效率。

       作为WebGL框架的佼佼者，Three.js凭借其易用性和扩展性，几乎能满足大部分开发者的3D需求。它的历史可以追溯到年，由Ricardo Cabello在GitHub上首次发布，早期源于他对3D场景的演示和ActionScript的使用，后来移植到JavaScript。

       Three.js的应用范围广泛，只要是支持WebGL 1.0的现代浏览器，如Firefox、Chrome、Opera、Safari、IE 及Microsoft Edge，都可以运行。WebGL，作为一个JavaScript API，允许在浏览器中以硬件加速的方式创建3D图形，无需插件，与OpenGL ES 2.0高度兼容。

       要深入学习Three.js，可以访问其官方英文网站threejs.org和中文网站webgl3d.cn，那里有详细的文档和教程。此外，还有丰富的视频教程和参考文档供你参考。

开源三维建模软件

       COLMAP

       COLMAP是一款综合性强大的图像基于三维重建软件，包括结构从运动（SfM）和多视图立体（MVS）。它提供图形和命令行界面，支持从有序和无序图像集进行三维重建。软件在Windows、Linux和Mac等普通台式机或计算服务器/集群上运行。COLMAP遵循BSD许可证，使用时请引用相关论文。

       Meshroom

       Meshroom是一款基于AliceVision框架的免费开源摄影测量软件，适合从大量不同角度拍摄的物体图像生成3D模型。Autodesk Maya用户可以安装免费Meshroom插件，在3D建模器中直接使用。

       MicMac

       MicMac是一款由法国国家地理研究所和法国国家地理科学学院开发的免费开源摄影测量软件。其功能复杂，主要针对专业或学术用户，也适用于普通用户。作为不断教学和研究的产物，MicMac已成为一种多功能工具，广泛用于制图、环境保护、林业、文化遗产保护和私营行业。

       openMVG

       openMVG是一款开源SFM软件，可利用多张任意拍摄的照片重建场景三维模型。软件需要编译，启动和运行需具备一定计算机知识。然而，以社区为中心的可访问性使openMVG成为方便的工具，适用于其他摄影测量流程。

ET框架1：C#服务器 unity3d客户端 开源 github

       ET框架是一个专门设计用于C#服务器和unity3d客户端的开源框架，极大节省了人力物力，使得多人游戏机制的开发变得简单高效。该框架最显著的特点如下：

       1. 使用ET框架，你能够同时进行C#服务器端与unity3d客户端的开发，这样前后端开发人员能够直接进行沟通，无需繁琐的沟通成本。

       2. 服务端采用组件式框架，实现了分布式服务器架构，使得服务器的扩展与维护变得更加灵活。

       3. ET框架通过提供清晰的文档与示例，帮助客户端开发人员更好地理解服务器逻辑，反之亦然，促进了团队间更高效的合作。

       在实际应用中，你将需要按照以下步骤进行安装与配置：

       1. 访问github源码地址：github.com/egametang/ET

       2. 随附的文档将指导你完成框架的安装与使用。

       3. 你可以通过斗地主Demo源码进一步了解框架的实际应用。

       如果你在安装与配置过程中遇到问题，可以加入QQ群：，随时与团队成员进行交流。

       以下是详细的运行指南：

       下载ET框架后，确保你的运行环境满足以下要求：

       1. 使用VS，需要安装以下组件：.net 桌面开发、visual studio tools for unity、.netcore2.0。

       2. 安装unity版本：.1.0p5到.1.2，其他版本可能不支持。

       3. 打开unity，选择Egametang/Unity文件夹，启动项目。

       4. 使用VS打开Egametang/Server/Server.sln并编译。

       5. 在Unity中，配置命令行工具以启动服务端。

       6. 启动web资源服务器。

       7. 运行Unity，输入账号，登录，查看日志以确认连接Gate成功。

       在开发过程中，需要注意以下常见问题：

       1. VS .4版本vstools可能存在bug，遇到Hotfix工程问题时，需要重新引用UnityEngine跟UnityEngineUI两个dll。

       2. 中文目录问题也是常见的错误源。

       3. 确保已经安装了最新版本的VS tools。

       在测试帧同步功能时，需要完成以下步骤：

       1. 打开命令行配置，重启服务器。

       2. 使用打包工具，选择PC进行打包。

       3. 运行PC包，登录，进入大厅，进入场景。

       4. 启动web资源服务器。

       5. 运行PC包登录大厅，此时应能看到两个重叠的人物。

       6. 点击鼠标右键即可移动人物。

       完成以上步骤后，你便可以开始深入研究框架的代码。研究代码前，建议先详细阅读文档，对框架有一个大致的了解。在实践过程中，重构ET工程，将它融入自己的项目，是最快掌握框架精髓的关键。遇到问题时，随时在QQ群中寻求帮助，等到你的DEMO跑通后，再回顾文档，你会对框架有更清晰的认识。

three.js实现数字孪生3D仓库一期（开源）

       本文介绍使用three.js实现数字孪生3D仓库一期的项目，提供代码与关键点分析。实现过程包括建模、Instanced Draw、Label、实现人物、弹出抽屉以及UI设计。项目满足多设备兼容性需求，包括PC、平板、安卓与苹果手机，支持浏览器运行。以下为实现的步骤：

       首先，进行实地测量获取仓库与柜子的实际尺寸数据，用于建模。通过拼接立方体与平面几何创建仓库、地面与门，并使用瓷砖纹理贴图。接着，使用CSG构造柜体与抽屉，通过网格辅助抽屉与柜子把手的创建。第一排柜子的抽屉数量较多，采用Instanced Draw优化性能。每个柜子上添加编号标签，使用Sprite实现。为实现人物漫游，采用第三人称相机与动画混合，使用AnimationMixer播放动画，并通过碰撞检测实现与仓库的交互。

       在仓库中，用户可通过双击柜子进入单个柜子的操作模式，点击抽屉弹出显示数据。UI设计包括普通界面与大屏界面，分别采用Antd与DataV-React+ECharts。项目提供代码实现，支持场景切换与设备适配，包括移动端的横屏显示与虚拟摇杆控制。文章提供参考资料与实现方法，旨在帮助开发者了解数字孪生3D仓库项目的实现过程与关键技术。

WebGL的3D框架比较 Three.js和ThingJS

       随着浏览器能力的提升和WebGL技术的发展，3D应用逐渐成为可能。Three.js与ThingJS作为两种流行的3D框架，它们各自在3D应用开发中扮演着重要角色。

       Three.js，作为开源框架，于年诞生，起初选择在ActionScript平台上发展，以应对Flash的辉煌时期。后来，随着Flash的没落，Three.js转向WebGL技术，致力于简化3D应用的开发。它提供了一套完整的3D图形渲染解决方案，为开发者提供了一个易于使用的API，减少了底层渲染细节的学习成本。尽管如此，Three.js仍要求开发者深入理解复杂的3D概念和渲染机制，如模型加载、光线处理和模型交互等。

       相比之下，ThingJS是一款针对物联网领域的JavaScript 3D库，于年问世。它由优锘科技公司研发，旨在简化3D应用的开发流程，降低开发门槛。ThingJS提供了一系列高阶抽象，如模型交互事件、模型操作和层次结构管理，使得开发者无需关注底层的渲染细节，能够更专注于应用逻辑和交互设计。这种封装方式使得ThingJS在物联网应用开发中具有显著优势。

       在模型加载这一关键功能上，Three.js要求开发者细致地处理每个细节，包括模型的加载、场景的构建和渲染。而ThingJS则提供了一种更简洁的方式，仅需关注场景在页面的ID和模型加载的地址，所有的细节都被框架自动处理，简化了开发者的工作量。

       总体而言，Three.js更侧重于提供底层的3D技术支持，适合于热衷于深入学习和探索3D技术的开发者。而ThingJS则专注于提高开发效率，降低开发成本，更适合那些希望使用3D技术进行项目开发的开发者。这两种框架各有所长，开发者可以根据自己的需求和项目特点来选择适合的工具。

web3d技术概览react-three-fiber, a-frame, three.js, babylon.js, filament

       本文概览了当前主流的免费开源web3D技术，包括three.js、react-three-fiber（r3f）、a-frame、babylon.js及filament。这些技术主要面向客户端渲染，不包括商业桌面工具或云渲染。

       three.js是目前最受欢迎的web3D开发框架，提供了全面的功能，包括webgl和webgpu底层API封装、渲染管道、光源、相机、几何体、材质、模型解析、多场景管理、后处理效果、动画和控制组件等。three.js的最新版本为，GitHub上有K颗star。

       r3f，即react-three-fiber，是一个基于three.js的轻量级渲染器，旨在简化对three.js版本的依赖。r3f通过组件映射简化three.js对象的使用，支持声明式语法，将react的生态与three.js相连接。最新版本为8.6，GitHub上有K颗star。

       a-frame是一个基于three.js的webVR开发框架，提供标签声明式语法，易于快速构建场景，还支持游戏引擎的ECS架构。与r3f相比，a-frame更侧重于XR功能，尽管其生态系统较小，最新版本为1.3，GitHub上有K颗star。

       babylon.js是一个开源web3D框架，由微软支持，提供成熟工具和编辑器，以及数百个免费资源包。与three.js相比，babylon.js功能更偏向游戏，最新版本为5.2，GitHub上有K颗star，但相比于r3f的star数量略少。

       filament是一个使用C++编写的跨平台开源渲染引擎，由Google推出，主要针对Android平台，也支持WebGL渲染，但在web3D功能和生态方面与three.js和babylon.js相比存在较大差距，对于Web标准的跟进相对缓慢。最新版本为1.，GitHub上有K颗star，适合某些嵌入式设备。