webgl

放逐者-保持本心，方可放逐

webgl（three.js 与 cesium 等实例应用）之浏览器渲染应用及内存释放的关联与应用WebGL 是一种底层的图形 API，允许开发者通过 JavaScript 在浏览器中渲染 2D 和 3D 图形。它基于 OpenGL ES 2.0，提供了与 GPU 交互的能力。在 WebGL 中，纹理（Texture）、缓冲区（Buffer）和着色器（Shader）是三个核心概念，它们分别负责不同的图形处理任务。

新中地GIS开发老师

三维GIS开发cesium智慧地铁教程（4）城市白模加载与样式控制技术要点：镜头运动参数：数据类型对接方式应用场景地铁线路规划GeoJSON路径导入线路可视化站点信息CZML时序数据

WebGL入门教程：实现场景中相机的视角与位置移动本文旨在为WebGL初学者提供一个详细的相机实现与移动控制的入门指南。我们将一步步用原生WebGL实现一个可以自由移动视角与位置的三维相机，适用于创建三维场景或小游戏。

魂断蓝桥666

如何基于three.js(webgl)引擎架构，实现3D密集架库房,3D档案室智能巡检前言：看了一下距离上篇课程发布，一年多了。这一年多来也迷茫，也怀疑，在AI时代，是不是失去了写文章的意义了。切身感受到那种面对科技浪潮时的迷茫和无力感。当AI能写出流畅、结构清晰的文章，甚至模仿不同风格时，着实令人沉思。

WebGL魔法：从立方体到逼真阴影的奇妙之旅你是否曾被3D游戏中逼真的阴影效果所震撼？那种物体在光照下投射出自然阴影的效果，让虚拟世界瞬间拥有了真实的深度和立体感。今天，我们将一起揭开这份魔法的面纱——使用原生WebGL绘制一个立方体，并为它添加专业级的阴影效果！无需任何框架，只用纯粹的WebGL API，一步步带你从零实现。准备好了吗？让我们开启这场视觉魔法的旅程！

WebGL入门指南：从零构建你的第一个3D应用WebGL（Web Graphics Library）是一种基于OpenGL ES 2.0的JavaScript API，它允许开发者在浏览器中直接渲染硬件加速的2D和3D图形，无需任何插件。随着元宇宙和Web3D应用的兴起，WebGL已成为前端开发的高薪技能之一。本文将带你系统学习WebGL的核心知识，并手把手教你创建第一个WebGL应用！

supermapsupport

SuperMap GIS基础产品FAQ集锦(20250603)11.2.0 【解决办法】在数据源属性中，选择坐标系下的投影转换，然后指定转换结果的坐标系为China_2000

爱看书的小沐

【小沐杂货铺】基于Three.JS构建IFC模型浏览器（WebGL、CAD、Revit、IFC）https://threejs.org/ Three.js 是一个基于 WebGL 的 JavaScript 3D 库，它封装了 WebGL 的底层 API，使开发者能够更简单地在网页上创建和展示 3D 场景和动画。

图扑软件 | 带你体验 Low Poly 卡通三维世界在三维场景搭建中，图扑软件提供了多样化的设计风格，以满足不同项目的视觉需求。无论是写实风格的细腻渲染、科幻未来的赛博质感，还是简约现代的几何美学，都能通过灵活的工具体系实现。而今天，我们将重点介绍一种充满艺术感和设计张力的风格——Low Poly（低多边形）。

爱看书的小沐

【小沐杂货铺】基于Three.JS绘制太阳系Solar System（GIS 、WebGL、vue、react，提供全部源代码）第2期https://threejs.org/ Three.js 是一个基于 WebGL 的 JavaScript 3D 库，它封装了 WebGL 的底层 API，使开发者能够更简单地在网页上创建和展示 3D 场景和动画。

鸿蒙OS&UniApp集成WebGL：打造跨平台3D视觉盛宴#三方框架 #Uniapp在移动应用开发日新月异的今天，3D视觉效果已经成为提升用户体验的重要手段。本文将深入探讨如何在UniApp中集成WebGL技术，实现炫酷的3D特效，并特别关注鸿蒙系统(HarmonyOS)的适配与优化。

Unity开发之Webgl自动更新程序包之前让客户端更新webgl程序是在程序里写版本号然后和服务器对比，不同就调用 window.location.reload(true);之前做的客户端都是给企业用，用户数少看不出来啥问题。后来自己开发一个小网站，用户数量还是挺多，然后就会遇到各种各样的问题了。比如这个自动更新程序的问题就不行，会报错。用户用键盘的强制刷新就可以更新程序。搜了AI发现其实就是现在浏览器会把window.location.reload(true);和window.location.reload();等价。也就是非强制刷新。也就

vivo互联网技术

纯前端实现图片伪3D视差效果作者：vivo 互联网前端团队- Su Ning本文通过depth-anything获取图片的深度图，同时基于pixi.js，通过着色器编程，实现了通过深度图驱动的伪3D效果。该方案支持鼠标/手势与手机陀螺仪双模式交互，在保证性能的同时，为不同终端用户提供沉浸式的视觉体验。

Three.js 直线拐角自动圆角化（圆弧转弯）目录前言计算圆心坐标计算两条直线的角平分线计算dir1 dir2的夹角计算圆心到直线交点的距离计算圆心

Web GIS可视化地图框架Leaflet、OpenLayers、Mapbox、Cesium、ArcGis for JavaScriptMapbox、OpenLayers、Leaflet、ArcGIS for JavaScript和Cesium是五种常用的Web GIS地图框架，它们各有优缺点，适用于不同的场景。还有常见的3d库和高德地图、百度地图。

WebGL 3着色器和GLSL我们之前提到过着色器和GLSL，但是没有涉及细节，你可能已经对此有所了解，但以防万一，这里将详细讲解着色器和GLSL。

从零开始学习three.js（18）：一文详解three.js中的着色器Shader在WebGL和Three.js的3D图形渲染中，着色器（Shader）是实现复杂视觉效果的核心工具。通过编写自定义的着色器代码，开发者可以直接操作GPU，实现从基础颜色渲染到动态光照、粒子效果等高级图形技术。本文将深入解析Three.js中着色器的核心概念、实现原理及实战应用，并结合代码示例帮助读者全面掌握这一关键技术。

常见三维引擎坐标轴 webgl threejs cesium blender unity ue 左手坐标系、右手坐标系、坐标轴方向注意：摄像机默认朝哪个方向，是引擎对坐标系的“约定俗成”的设计，不是坐标系本身决定的

12.three官方示例+编辑器+AI快速学习webgl_buffergeometry_indexed这个Three.js示例展示了如何使用**索引几何体(Indexed Geometry)**创建高效的网格模型。通过复用顶点数据并使用索引缓冲区指定三角形面，我们可以在不增加内存开销的情况下创建复杂的几何体。