webGl

轻量化实物建模革命：WebGL如何实现复杂模型的高效加载与交互

但随着WebGL技术的兴起，这一局面正在被改变。WebGL能够利用浏览器的图形处理能力，实现复杂模型的高效加载和流畅交互，为轻量化实物建模带来革命性的变化。那么，WebGL究竟是什么？

深空数字孪生·2025-06-25 17:52

WebVR.Space：探索虚拟现实太空冒险游戏

该平台运用WebVR技术，结合WebGLAPI，提供跨平台的高质量VR体验。VR和AR技术正在被广泛应用于多个领域，而WebVR.Space则展示了VR内容如何通过Web技术变

电竞小潘安·2025-06-25 02:38

WebGL&图形学总结（二）

GISer_Jinger·2025-06-22 14:48

UE/Unity/Webgl云渲染推流网址，如何与外部网页嵌套和交互？

需求分析：用threejs开发的数字孪生模型，但是通过webgl技术网页中使用，因为模型数据量大，加载比较慢，且需要和其他的业务系统进行网页嵌套和交互，使用云渲染技术形成的推流网址，如何与外部网页嵌套和交互

·2025-06-22 01:00

github 正交视图重建3d 项目

//github.com/pratyushmaini/Engineering-Drawing-Software-Packagehttps://github.com/cubomx/3DModeling-WebGlhttps

·2025-06-21 21:05

Three.js引擎开发：Three.js渲染技术_（16）.Three.js在WebGL中的应用

Three.js在WebGL中的应用在上一节中，我们介绍了Three.js的基本概念和如何创建一个简单的Three.js场景。

chenlz2007·2025-06-20 23:42

HTML5 在前端房地产类网站的应用案例

HTML5在前端房地产类网站的应用案例关键词：HTML5、房地产网站、响应式设计、WebGL、地理定位、Canvas、性能优化摘要：本文深入探讨HTML5技术在房地产类网站中的创新应用。

前端视界·2025-06-19 09:41

Uniapp项目爬坑总结-2022

解决办法：仅保留一个富文本组件即可2、Uniapp中使用WEBGL动画组件不自动转动的Bug主要原因：uniapp的webgl库无法和pc端通用，需要特定的版本，修改后即可实现自动转动3、uniapp小程序用户登录解码成功

lszlsz10·2025-06-18 19:34

一文详解5 大 Web3D 渲染引擎！

一、Web3D技术核心与优势Web3D基于WebGL（基于OpenGLES的Web图形库）实现浏览器内3D渲染，其核心优势包括：跨平台性：支持桌面/移动端浏览器，无需安装插件交互性：

前端小崔·2025-06-18 18:56

前端资源帖

vue-cli脚手架中webpack配置基础文件详解石墨文档Websocket百万长连接技术实践聊聊NPM镜像那些险象环生的坑封装VueElement的可编辑table表格组件字节跳动的前端工程化实践WebGL

liora6·2025-06-18 12:12

WebGPU渲染引擎架构深度解析：从GPU硬件抽象到高效渲染

一、WebGPU的设计哲学：面向现代GPU的底层抽象WebGPU的核心目标是成为一个“薄而宽”的抽象层：“薄”(LowOverhead)：最小化驱动翻译：与WebGL(基于OpenGLES)不同，WebGPU

·2025-06-12 18:06

Three.js实现逼真的3D地形与水体效果

本文还有配套的精品资源，点击获取简介：Three.js是一个强大的WebGL库，使得在浏览器中创建3D图形变得简单。

Compass宁·2025-06-11 13:50

在 Three.js 中实现自定义 Shader 效果

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术经验经验：演示地址开源项目

贵州数擎科技有限公司·2025-06-11 13:48

基于three.js的3D粒子动效实现

three.js是用JavaScript编写的WebGL的第三方库，three.js提供了丰富的API帮助我们去实现3D动效，本文主要介绍如何使用three.js实现粒子过渡效

cs1247959734·2025-06-11 13:45

nodejs28: 浏览器指纹工具FingerprintJS+实现原理

利用浏览器和设备的一系列非敏感数据（如屏幕分辨率、字体、WebGL信息等）来创建一个高度唯一的指纹，用于追踪和识别用户。

FakeOccupational·2025-06-08 17:50

北京四度科技的线上展厅,webgl3D技术,附有新的业态展示方式！

随着互联网的迅速发展，数字化已成为各行业发展的必然趋势。在网络时代的背景之下，云在线企业展厅应运而生。网络展厅是企业文化品牌的有效创新形式之一。如今，越来越多的企业建立了自己的网上企业展厅，在互联网之上展示和宣传自己的服务、产品和文化。2020年将是Web3D虚拟展厅年。疫情加速了网上展厅生态链建设。美术馆、画廊、展览馆、博物馆、科学馆和实体都将实现互联网+时代的影响，这就是程指数的增长。Web3

北京四度科技vr·2025-06-07 08:01

Unity 单例模式完全指南

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：AI智简未来、晓智元宇宙

贵州数擎科技有限公司·2025-06-06 20:03

鸿蒙5+跨平台开发实战：VR/AR、主机与WebGL的挑战与解决方案

引言鸿蒙5+凭借分布式架构与ArkTS语言，为跨平台开发提供了全新可能性，但VR/AR设备适配、主机平台性能优化、WebGL兼容性等问题仍困扰开发者。

鸿蒙大白·2025-06-05 18:15

深入了解Flash地图的加载技术与应用

虽然现代Web技术如HTML5和WebGL已取代Flash，但学习Flash地图的加载技术对理解其他Web开发技术仍有帮助。

不胖的羊·2025-06-05 07:54

Three 之 three.js （webgl）CSS2DObject 添加文字按钮等并与OrbitController / html button 等交互冲突的简单使用说明整理

Three之three.js（webgl）CSS2DObject添加文字按钮等并与OrbitController/htmlbutton等交互冲突的简单使用说明整理目录Three之three.js（webgl

仙魁XAN·2025-06-04 09:37

ThreeJS入门（225）：THREE.CSS2DRenderer 知识详解，示例代码

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS

还是大剑师兰特·2025-06-04 09:34

基于 HT for Web 轻量化 3D 数字孪生数据中心解决方案

一、技术架构：HTforWeb的核心能力图扑软件自主研发的HTforWeb是基于HTML5的2D/3D可视化引擎，核心技术特性包括：跨平台渲染：采用WebGL技术，支持PC、移动端浏览器直接访问，兼容主流操作系统

图扑数字孪生·2025-06-03 04:38

three.js学习笔记(二十二)——混合HTML和WebGL

介绍这次课将学习如何将HTML集成到场景中去——即一个交互式的HTML元素跟随场景中的3D位置而变化，看起来就像嵌在WebGL中一般。初始设置采用上一节教的带有进度条的加载动画，并且使用头盔模型。

weixin_43990650·2025-06-02 02:29

教大家细分webGL，webGPU，unity3D和UE4

WebGL：WebGL是一种Web图形API，是基于OpenGLES2.0标准设计的，可以实现在Web浏览器中

新中地GIS开发老师·2025-06-02 02:25

【前端】【ThreeJs】一篇文章全解ThreeJs，成为ThreeJs高手

第一章Three.js简介1.1Three.js概述1.1.1定义与背景1.定义Three.js是一个基于WebGL的JavaScript3D库，它为开发者提供了简单易用的API，使得在网页上创建和展示

患得患失949·2025-05-27 20:19

多端一体开发：iVX 如何让「一次开发，全平台部署」从理想照进现实

IDE画布采用WebGL渲染技术，支持1000+节点并发编辑时<30ms的交互响应延迟

hongdou199·2025-05-27 17:56

从零开始创建3D游戏：enchant.js的奇妙旅程

从零开始创建3D游戏：enchant.js的奇妙旅程背景简介随着WebGL技术的普及，使得在浏览器中创建和体验3D游戏变得更加可行。在众多游戏开发框架中，enchant.js因其简单易用而备受青睐。

low sapkj·2025-05-27 13:37

使用 Three.js 精灵模型 (Sprite) 实现 3D 标签效果

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：AI智简未来、晓智元宇宙

贵州数擎科技有限公司·2025-05-27 12:59

Supermap WebGL Cesium 中获取当前场景中点击的图层及图元ID，并设置选中的颜色样式

letselectlayer=_self.mapView.scene.layers.getSelectedLayer();//获取选中图元的id,使其选中颜色改成其他的letselectid=selectlayer.getSelection()[0];selectlayer.setObjsColor([selectid],Cesium.Color.fromCssColorString("#0000

一醉千秋·2025-05-27 01:23

three.js创建地球仪

Three.js是一个使用webGL创建3d图形的JavaScript库。主要用于3d图形可视化。本篇文章以创建地球仪的例子，展示three.js的使用。

前端御书房·2025-05-25 18:39

threejs生成3d地图

Three.js是一个使用webGL创建3d图形的JavaScript库。主要用于3d图形可视化。本篇文章以创建3d地图的例子，展示three.js的使用。

前端御书房·2025-05-25 18:39

Canvas API-CanvasRenderingContext2D相关学习（上）

而同样使用元素的WebGLAPI则用于绘制硬件加速的2D和3D图形。它与SVG图像的区别在于，是脚本调用各种方法生成图像，SVG则是一个XML文件，通过各种子元素生成图像。

咖啡不甜不要钱·2025-05-24 04:59

WebGL基本概念

1.WebGL的基本概念(1)WebGL是什么？WebGL是一种用于在浏览器中渲染3D图形的API，基于OpenGLES2.0。它通过JavaScript与GPU交互，实现高性能的图形渲染。

香蕉可乐荷包蛋·2025-05-24 04:58

实现图片自动压缩算法，canvas压缩图片方法

背景：在使用某些支持webgl的图形库（eg：PIXI.js，fabric.js）场景中，如果加载的纹理超过webgl可处理的最大纹理限制，会导致渲染的纹理缺失，甚至无法显示。

追求者2016·2025-05-21 12:55

Unity Webgl 问题总结

UnityWebgl问题总结最近公司要求将CS项目更改成BS项目，我听后人都傻了，对这块不是很熟悉，之前没有做过完整的项目，只知道unitywebgl有很多坑，然后只能去网上找找资料，发现unity的webgl

一直嘟嘟嘟。。。·2025-05-21 03:25

unity 发布webGL 报错总结

前提:之前发布webGL比较少，零零碎碎的，遇到的问题也没及时记录，后面遇到又是有点印象但忘了怎么解决，苦恼~遂特此记录，方便自己，有问题或表述有误欢迎评论区指出一：不能用unity自带的字体，会直接不显示

林川啊·2025-05-21 03:25

Filament 渲染引擎简介

支持平台包括Android，IOS，Linux，macOS,Windows,andWebGL。尤其对Android平台做了较好的适配，以小而精为设计目的。

后知后觉·2025-05-20 16:50

filament：实时物理渲染引擎

实时物理渲染引擎filamentFilamentisareal-timephysicallybasedrenderingengineforAndroid,iOS,Windows,Linux,macOS,andWebGL2

解洲思Ronald·2025-05-20 16:20

从零开始学习three.js（18）：一文详解three.js中的着色器Shader

在WebGL和Three.js的3D图形渲染中，着色器（Shader）是实现复杂视觉效果的核心工具。

前端小崔·2025-05-20 14:37

Babylon.js开发从入门到实战（下卷）

全书卷目：Babylon.js开发从入门到实战（上卷）Babylon.js开发从入门到实战（下卷）目录第一部分：基础篇——构建3D世界的基石第一章：BabylonJS概述与环境搭建什么是BabylonJS：WebGL

莲华君·2025-05-17 13:44

retrofit 解析百度地图api 返回数据_新版百度地图建筑数据含高度解析

WebGL:OpenGL的一个javascript绑定。WebGL可以为HTML5Canvas提供硬件3D加速渲染，W

weixin_39747807·2025-05-17 09:42

11.three官方示例+编辑器+AI快速学习webgl_buffergeometry_glbufferattribute

本实例主要讲解内容这个Three.js示例展示了如何使用**自定义WebGL缓冲区对象(VBO)**创建高性能的粒子系统。

threelab·2025-05-17 06:54

WebGL入门到进阶教程 - 系统学习Web3D技术

学习大纲一、WebGL基础入门什么是WebGL介绍WebGL的概念和作用。与传统图形技术的比较。WebGL的运行环境浏览器支持情况。必要的插件和设置。

莲华君·2025-05-17 06:52

OpenwebCAD

OpenwebCAD在开源的OCE基础上，目前有几个方向的实现技术参考在开源的OCE基础上，目前有几个方向的实现技术随着WebGL这样的高性能框架出现，通过连接OpenGL的底层接口，为原本极度十分耗时的

51TD·2025-05-16 04:19

ThreeJS开发者手册：从入门到精通

学习目录第一部分：Three.js入门基础3D图形的基本概念3D坐标系与视角几何、材质和光照的基础初始设置与开发环境浏览器与WebGL基础Three.js项目搭建创建第一个Three.js场景基本几何体与网格创建创建立方体

莲华君·2025-05-15 19:17

Three 之 three.js （webgl）使用BufferGeometry (CPU) 根据位置和移动向量简单实现持续生成运动的简单粒子particle运动效果

Three之three.js（webgl）使用BufferGeometry根据位置和移动向量简单实现持续生成运动的简单粒子particle运动效果目录Three之three.js（webgl）使用BufferGeometry

仙魁XAN·2025-05-14 09:29

22.three官方示例+编辑器+AI快速学习webgl_buffergeometry_uint

本实例主要讲解内容这个Three.js示例展示了如何使用Uint类型的BufferAttribute创建高效的大规模3D场景。通过使用Int16和Uint8类型的缓冲区属性存储法线和颜色数据，并启用归一化选项，可以在保持良好视觉效果的同时显著减少内存使用。核心技术包括：使用不同类型的BufferAttribute优化内存法线和颜色数据的归一化处理大规模三角形网格的高效渲染Phong光照模型的应用完

threelab·2025-05-14 09:58

20.three官方示例+编辑器+AI快速学习webgl_buffergeometry_rawshader

本实例主要讲解内容这个Three.js示例展示了如何使用RawShaderMaterial创建自定义着色器，实现高级的图形渲染效果。通过编写自定义的顶点着色器和片段着色器，我们可以完全控制渲染过程，实现基于时间和位置的动态颜色变化。核心技术包括：自定义顶点着色器和片段着色器着色器中uniform和varying变量的使用动态颜色计算原始着色器材质(RawShaderMaterial)的应用完整代码

threelab·2025-05-14 09:57

21.three官方示例+编辑器+AI快速学习webgl_buffergeometry_selective_draw

核心技术包括：自定义着色器实现选择性绘制顶点属性控制线条可见性高效管理大量几何元素动态更新顶点属性完整代码注释three.jswebgl-buffergeometry-select