webgl标签_AtomGit开源社区

webgl

.glb 文件太大怎么处理？轻装3D轻松解决你的3D模型加载难题！

本文介绍了在Web端3D展示项目中遇到的.glb文件体积过大问题及优化方案。.glb作为GLTF的二进制格式，广泛用于Web/移动端3D展示、AR/VR等领域，但复杂模型会导致文件臃肿。作者推荐使用轻装3D工具进行轻量化处理，通过四个步骤：导入模型、分析结构、智能优化（减少物体数量/压缩贴图/降低分辨率）、预览导出，实现在保持模型质量的同时显著减小文件体积，有效提升加载速度和运行效率。该工具操作简

 一根数据线
2026-06-09 16:18:32

 267

 7

#webgl
AI应用App的开发流程

这个阶段需要确定App的核心卖点，并评估AI在其中的角色。明确App解决什么用户的什么痛点（例如：针对小学生的AI互动英语教学系统）。确定用户如何与AI互动。是纯文本对话、语音交互（需集成语音识别与合成），还是拍照识别（需集成计算机视觉）？评估当前大模型的能力能否百分百满足应用场景，并确认AI生成内容（AIGC）在目标市场的政策合规性。

zhaoyin0335
2026-06-08 10:50:17

 212

 3

#webgl #人工智能
WebGL 数字孪生项目开发

WebGL数字孪生开发流程摘要 WebGL数字孪生开发需平衡3D数据规模与Web性能，核心流程包括：1. 需求定义，明确业务目标、数据接口及运行环境；2. 3D资产优化，精简工业模型面数，烘焙光影并导出为gLTF/glb格式；3. 场景搭建，通过Three.js等引擎加载模型，实现层级管理和视觉特效；4. 动态交互，开发视角漫游、点击反馈及机械动画；5. IoT数据驱动，通过WebSocket/M

zhaoyin0335
2026-06-08 10:28:57

 345

 10

#webgl
WebGL渲染数据爬虫实战：使用Python逆向Three.js构建的3D模型

大约两个月前，我接到了一个相当棘手的任务：需要从一个使用Three.js构建的在线3D产品展示网站上，自动抓取所有产品的三维模型数据。传统的爬虫面对HTML文本如鱼得水，但面对WebGL渲染的画布时，却像面对一堵无形的墙——你明明能看到精美的3D模型在眼前旋转，但就是无法通过常规手段抓取到模型的顶点坐标、法线贴图或材质参数。这个需求让我意识到，随着Web3D技术的普及，越来越多电商、房地产、教育平

 移动开发经验汇总
2026-05-26 08:54:22

 26

#webgl #爬虫 #python +2
WebGL入门：Three.js高级材质与光照

Three.js提供了多种高级材质和光照模型，用于创建更真实的3D场景效果。通过组合不同材质和光照类型，可以创建从风格化到写实的各种视觉效果。工具实时调整参数观察效果变化。

2301_78731243
2026-05-21 11:35:34

 417

 6

#webgl #javascript #材质
PlayCanvas 开源 WebGL/WebGPU 3D 创作平台分析

PlayCanvas 综合概述：产品定位与商业模式，核心技术与架构，竞品对比分析，适用场景与建议。WebGPU 实现: 架构设计、计算着色器、内存管理、性能优化。3D Gaussian Splatting 算法: 数学原理、渲染管线、训练优化。PlayCanvas 实现: SuperSplat 工具、渲染器架构。性能优化策略: 剔除、LOD、批处理、计算着色器。代码示例: 完整的实践代码。

manong~
2026-05-17 12:39:54

 730

 8

#开源 #webgl #3d
如何在开发中使用 PlayCanvas体现webgl的效果

本文分享了在网页开发中嵌入PlayCanvas 3D引擎的实践经验，以iQOO 15 Ultra手机展示页面为例。主要内容包括：PlayCanvas开发流程（项目规划、3D资产准备、场景搭建、脚本开发、动画系统使用和性能优化技巧），以及两种网页嵌入方案（iframe简单嵌入和脚本直接嵌入）。文章详细介绍了如何通过JavaScript脚本控制3D模型交互、相机设置和动画效果，并提供了性能优化的具体建

 eve Yu
2026-05-15 11:51:03

 424

 8

#webgl #javascript
Three.js 从入门到实战 — 一篇文章吃透 WebGL 的灵魂封装

本文是一篇全面的Three.js入门到实战教程，涵盖了WebGL封装库Three.js的核心概念和实际应用。文章首先对比了原生WebGL的复杂性和Three.js的简洁性，展示了Three.js如何通过面向对象的方式简化3D开发。主要内容包括：基础入门：通过"Hello Cube"示例快速上手Three.js 核心概念：详细讲解场景(Scene)、相机(Camera)和渲染器

 落日沉溺于海
2026-05-11 18:07:40

 529

 8

#javascript #webgl #开发语言 +1
Three.js+WebGL 实现 DEM 地形三维渲染（含预处理到交互优化全链路）

本文系统介绍了基于Three.js和WebGL的DEM地形三维可视化全流程实现方案。主要内容包括：DEM数据基础概念、获取方法（OpenTopography等在线数据源）与预处理技术（裁剪、重采样等）；三维渲染核心原理，通过GPU顶点拉升将二维高程数据转为三维地形，并实现法线光照和纹理映射；完整开发链路从Leaflet选区交互到Three.js场景构建，提供性能优化策略（分块加载、LOD控制等）和

 clpz299
2026-05-07 13:49:55

 820

 33

#javascript #webgl #交互
开放原子大赛石油软件赛道参赛经验分享

亿级以上网格的油气藏模型能够捕捉更多地质细节，提供更精确的地质构造和流体流动模拟，能够直观展示油气藏模型的内部结构、流体分布及动态变化过程，有助于研究人员和决策者更好地理解地质情况，做出科学决策。

manong~
2025-04-25 08:30:00

 2304

 14

#qt #c++#图形渲染 +2
【小沐杂货铺】基于Three.JS构建IFC模型浏览器（WebGL、CAD、Revit、IFC）

IFC 数据可以以 .ifc 文件（STEP 文件格式）或其他格式（如 .ifcXML 或 .ifcZIP）捕获（序列化）。但是，IFC 标准不仅仅是一种文件格式。它主要是一个数据模式，用于解释如何组织对象、其属性、关系等。IFC也是由 buildingSMART 管理的旗舰项目，包括领域和实施者协议、文档、协作平台、认证计划和开发流程。

爱看书的小沐
2025-06-02 21:38:14

 1671

 25

#javascript #webgl
【小沐学WebGIS】基于WebGL绘制三维数字地球Earth（WebGL、地球/卫星/航迹）

WebGL（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。

爱看书的小沐
2024-02-12 11:42:33

 2963

 15

#webgl
webGPU即将到来，和原生GPU有啥区别呢？

文章仅做经验分享，若你有项目相关的思路交流、方案探讨、技术咨询，欢迎友好沟通，共同成长。WebGPU 和原生 GPU API（如 Vulkan、DirectX 12、Metal）之间的核心区别在于它们的。需针对不同 API（如 Vulkan/Metal）开发。较高（相比 WebGL），但低于原生 API。显式控制（但受限于 Web 安全模型）完全显式控制，允许直接管理内存和同步。原生应用、AAA

大牛工控设计师
2026-04-29 09:04:54

 460

 11

#webgl
深度解析GPT-Image-2架构：探秘强大根源，Open AI的又一里程碑式突破

其能够精准理解“UI截图风格”等抽象语义并生成对应图像，表明它很可能采用了类似DALL-E 3的“先理解，后生成”两阶段架构，或更先进的端到端多模态大模型架构。它不仅以“clean sweep”（全榜第一）的姿态在Image Arena Text-to-Image排行榜上创造了“有史以来最大的差距”，更因其在文字渲染、真实感和指令跟随上的突破性进展，直接动摇了“有图有真相”的传统认知，标志着图像生

 weixin_56622231
2026-04-25 00:25:21

 680

 12

#人工智能 #python #数据库 +2
DeepSeek-V4五大核心技术突破

DeepSeek-V4（2026年4月24日发布）并非“今天刚发布”的版本（注：当前系统时间语境为2026年），而是中国大模型研发史上首个实现的里程碑式模型。其技术强度、工程落地能力与战略自主性三重突破，共同支撑其成为当前（非仅参数或榜单排名意义，而是国产AI基础设施层面的“第一”）。以下从。

weixin_56622231
2026-04-24 23:59:47

 1000

 9

#数据挖掘 #数据库 #学习 +2
决策树模型：从“猜谜游戏”到工业级AI的完整图谱（数据挖掘精讲）

想象你在超市买苹果：✅ 这就是一棵决策树：代码实操：用Python手动计算IG与Gain Ratio🔹 2. C4.5 —— “稳健的工程师”进化点：✅ 用Gain Ratio替代IG，解决ID3的偏向性✅ 支持连续型特征（如年龄、价格）→ 自动寻找最优分割点（如“年龄≤35”）✅ 支持缺失值 → 用概率加权方式分配样本✅ 输出规则集（If-Then规则），比树更易解释现实应用：医疗诊断系统（如

 weixin_56622231
2026-04-22 16:38:01

 479

 5

#webgl #学习 #人工智能 +2
AI-MVP：以最小模型验证最大价值，聚焦AI智能体研究

总之，在AI项目中应用MVP，是将精益创业的智慧与AI工程实践相结合。它要求团队以验证和学习为中心，勇于从最简单、甚至“不够智能”的方案起步，通过快速迭代和数据积累，逐步演化出真正强大且贴合市场的AI产品。AI领域的MVP应用，本质上是将这一精益创业理念与人工智能技术的特性相结合，旨在高效验证AI解决方案的可行性与价值。它并非功能残缺的半成品，而是为实现“构建-测量-学习”反馈循环而精心设计的、能

 weixin_56622231
2026-04-22 16:17:05

 560

 8

#人工智能 #python #数据库 +1
WebGL 开发数字孪生项目

WebGL数字孪生开发已从3D可视化升级为"实时数据+物理仿真"的深度融合。核心技术路径包括：1）选用Three.js/Babylon.js/Cesium.js等引擎；2）采用glTF2.0格式模型并优化处理；3）通过WebSocket实现IoT数据实时同步；4）集成空间分析、路径巡检等交互功能；5）重点优化DrawCall和纹理性能。WebGPU正成为新趋势，支持更复杂的计算

 zhaoyin0335
2026-04-18 15:15:57

 367

 6

#webgl
Three.js 基础入门指南

Three.js 是一个基于 WebGL 的开源 JavaScript 3D 库，它封装了原生 WebGL 的底层细节，让开发者无需深入理解图形学知识就能在网页中创建和显示复杂的 3D 图形和动画。学习核心就是掌握“场景、相机、渲染器”三大基石，然后通过组合几何体、材质、光源和动画，逐步搭建出丰富的 3D 体验。

qq_53971395
2026-04-15 12:03:46

 1685

 12

#javascript #前端 #webgl +1
前端画图技术全解析：工具、语言与实战案例，前端开发必学

前端网站开发的“画图”是一个从样式技巧到图形学应用的广阔光谱。选择何种方案，取决于“画什么图”（需求）、“给谁看”（体验）和“谁来画”（团队技能）。简单的装饰用CSS，标准的业务图表用ECharts/Chart.js，高度定制化的数据叙事用D3.js，图形编辑类应用用Fabric.js/Konva.js，3D展示用Three.js，而流程文档则可以考虑Mermaid。现代前端开发者需要根据具体场景

 weixin_56622231
2026-04-15 07:26:08

 408

 9

#算法 #css3 #webgl +1
Three.js 的前端 WebGL 页面合集（日本开源项目）

本项目是一个基于Three.js的3D图形开发示例集合，包含元人类、奥运吉祥物、数字地球等多样化的WebGL应用展示。项目采用CreateReactApp构建，提供开发、测试和部署脚本。每个示例都配有详细说明文档，部分页面仍在优化中。项目强调学习用途，禁止商用或二次修改。在线演示地址提供实时预览功能。

a111776
2026-04-14 17:01:43

 451

 10

#前端 #javascript #webgl
AI 解密大厂 Three.js 三维引擎开发 02｜GeoLayer 地理可视化

在智慧城市、数字孪生、应急指挥等大型项目中，地理数据可视化是核心技术需求。传统方案往往面临：数据格式混乱：GeoJSON、Shapefile、KML 等多格式并存坐标系统复杂：WGS84、UTM、GCJ02 等坐标系转换困难性能瓶颈严重：万级数据量下交互卡顿、内存溢出开发效率低下：重复造轮子，技术栈不统一

 元宇宙时代
2026-04-02 20:13:14

 501

 10

#3d #javascript #webgl
AI 解密大厂 Three.js 三维引擎开发 01｜GraphicLayer 图层架构

本文深度解析TriLab引擎的核心组件GraphicLayer，从架构设计到实战应用全面剖析。GraphicLayer作为图形管理系统，具备样式控制、交互功能、定位操作等核心能力，采用SOLID设计原则构建层次化架构。文章详细介绍了其四大功能模块（样式管理、交互事件、编辑功能、定位系统）及性能优化策略，通过对象池、视锥剔除等技术实现大数据量场景的高效处理。通过对比主流WebGIS框架，提供技术选型

 元宇宙时代
2026-03-31 18:43:31

 428

 11

#javascript #3d #webgl
3D效果：HTML5 WebGL结合AI实现智能3D场景渲染

是2026年Web 3D领域的核心趋势之一。它让浏览器无需插件即可通过GPU加速渲染复杂3D场景，并借助AI实现等功能，从传统手动建模转向“描述即所得”的智能体验。

m0_57545130
2026-03-30 21:10:00

 471

 8

#3d #html5 #webgl
Unity模型数字孪生虚拟仿真webgl推流卡实时云渲染推流

本文探讨了Unity开发的数字孪生模型在网页应用中面临的挑战。传统WebGL方案存在模型加载慢、用户设备性能不足导致卡顿、兼容性差等问题。介绍了点量云流实时渲染系统作为替代方案，该方案采用纯B/S架构，将模型运行和渲染完全放在云端GPU服务器，用户只需通过浏览器接收视频流，解决了设备性能限制和兼容性问题。相比WebGL，该方案具有即开即用、多浏览器兼容、统一显示效果等优势，特别适合大型数字孪生项目

 点量云实时渲染-小芹
2026-03-27 15:20:47

 475

 7

#unity #webgl
基于 Cesium 的 GLB 建筑模型分层分房间点击拾取技术实现

本文探讨了在WebGIS系统中实现GLB建筑模型房间级交互拾取的解决方案。针对未使用glTF结构化元数据的模型，作者通过分析Cesium内部模型结构，发现节点ID连续分配规律，构建了ID到房间名称的映射表。在点击事件处理中，采用四步匹配策略（精确查找、名称解析、直接匹配和ID范围匹配）实现几何节点到房间节点的回溯，最终通过正则表达式提取房间属性信息。该方案克服了Cesium对普通GLB模型拾取粒度

 白茶乌龙桃
2026-03-26 20:48:55

 437

 8

#前端 #vue.js #javascript +1
OpenLayers的等值线编辑功能

本文介绍了基于OpenLayers实现的等值线编辑功能，重点解决了局部编辑中的平滑过渡问题。系统支持通过Ctrl+点击添加锚点、拖拽修改形状、删除锚点等操作，并提供了平滑度调节和连接处平滑过渡功能。关键技术包括Chaikin曲线平滑算法和原线段过渡点参与平滑法，确保编辑后的线段与原始线段在连接处自然过渡。该功能可用于对自动生成的等值线进行精细调整，提升数据可视化效果。

糖葫芦大魔王
2026-03-25 11:27:24

 408

 9

#前端 #webgl #vue.js
openlayers等值线编辑

本文介绍了一种基于OpenLayers的等值线编辑功能实现方案。系统通过Douglas-Peucker算法自动提取关键控制点，支持控制点编辑、增删和平滑处理，采用Chaikin算法进行曲线平滑。架构分为用户界面层、OpenLayers交互层、图层管理和算法层四部分。核心算法包括Douglas-Peucker控制点简化算法，该算法通过递归计算点线距离保留关键凹凸特征，容差参数可调节控制点密度。系统还

 糖葫芦大魔王
2026-03-24 11:54:52

 407

 8

#vue.js #前端 #webgl
WebGL基础教程(十四)：投影矩阵深度解析——正交 vs 透视，从公式推导到实战

投影矩阵是 WebGL 3D 渲染的最后一步，决定了视觉效果是“近大远小”还是“保持真实大小”。透视投影通过透视除法和平截头体实现景深，正交投影通过线性映射和长方体实现精确尺寸。从公式推导可以看出，两者本质区别在于是否引入与 z 相关的除法，这也决定了它们完全不同的视觉特性。参数调试时，near/far 的比值是影响深度精度的关键，fov和分别控制视野范围。9.完整代码，关注后可以下载。💡 下期

 qq_28372005
2026-03-21 10:22:09

 959

 15

#webgl #矩阵 #线性代数
Webgl未来技术的遐想

最新的高斯泼溅压缩技术，该技术能将1G大小的3D模型压缩至42MB，并实现接近现实的渲染效果。

qq_39858654
2025-09-30 01:02:25

 1118

 9

#webgl
DFIG双馈异步式风力发电系统并网与低电压穿越仿真探秘

DFIG双馈异步式风力发电系统的并网发电与低电压穿越（LVRT）控制算法的仿真模型，基于Crowbar电路（转子串电阻）和Chopper电路：1. 正常并网发电时的网侧变流器与机侧变流器的控制算法仿真，网侧为四象限整流，电压外环电流内环双闭环，基于SOGI二阶广义积分器进行锁相，可实现电网电压严重畸变、不平衡、网压波动工况下的精准锁相。加入了300Hz谐振控制器来抑制网侧电流的5/7次谐波；2.

bmNlbzvlbvv
2026-03-20 15:00:00

 397

 7

#webgl
WebGL基础教程(十五)：网络图片纹理映射渲染完整实战（新手也能轻松上手）

还在为WebGL物体只有单调的颜色而烦恼？想让3D模型拥有真实的砖墙、木质纹理或者照片级的外观，却不知道如何下手？今天这篇教程，我们将彻底搞懂WebGL的纹理映射技术。从最基础的纹理坐标原理、纹理过滤、环绕方式，到完整的纹理加载流程和着色器采样，最终实现一个带有五张动物图片的旋转立方体。全文将围绕标准的WebGL API展开，手把手带你写出第一个纹理程序，新手也能跟着敲出效果，彻底掌握WebGL贴

 qq_28372005
2026-03-15 23:37:55

 657

 14

#webgl #网络