webgl

WebGISer_白茶乌龙桃

Vue3 + Mapbox 加载 SHP 转换的矢量瓦片 (Vector Tiles)在 WebGIS 开发中，我们经常遇到甲方甩过来一个几百兆的 .shp (Shapefile) 文件，要求在地图上展示。

ThreePointsHeat

Unity WebGL打包后启动方法，部署本地服务器作为个人Unity开发者或者小微企业Unity开发工程师，在开发一款WebGL应用时，在打包后没有公共服务器，那么想运行WebGL应用该怎么办呢？所以这篇文章是讲解如何通过nodejs在本地部署一个轻量级服务器运行WebGL应用。

电脑配置流程（WebGL项目）一、下载火狐浏览器：https://www.firefox.com/zh-CN/thanks/二、右键右下角网络图标—打开网络和Internet设置—更改适配器选项—右键以太网—点击属性—双击Internet协议版本4（TCP/IPv4），将自动获取IP改为手动获取，IP地址改为：192.168.1.99；

冥界摄政王

CesiumJS学习第四章替换指定3D建筑模型我们将从 Cesium ion 获取全球卫星影像、3D 建筑物和地形数据。Cesium ion 是一个用于流式传输和托管 3D 内容的开放平台。如果还没有 Cesium ion 账号，请注册一个免费账号。https://ion.cesium.com/ 登录后：进入 “访问令牌”（Access Tokens）页面。记下默认令牌旁的复制按钮，下一步会用到该令牌。补充说明 Cesium ion 是流式传输和托管 3D 内容的开放平台，包含经过筛选的全球数据，可用于创建真实世界应用。

高效的线性采样高斯模糊高斯模糊(Gaussian Blur)是图像处理中最常用的模糊算法，通过对像素周围区域进行加权平均来实现平滑效果。传统的高斯模糊需要对每个像素采样多次，计算成本较高。线性采样(Linear Sampling)是一种优化技术，利用 GPU 的纹理插值特性，可以将采样次数减少约一半，显著提升性能。本文将详细讲解高斯模糊的数学原理、线性采样优化方法，并通过 JavaScript 模拟和完整的 WebGL 示例展示实现过程。

冥界摄政王

Cesium学习第一章安装下载基于vue3引入Cesium项目开发首先 cesium怎么读？[ˈsiːziəm] 读音类似：C z m/ cz母Cesium是国外一个基于JavaScript编写的使用WebGL的地图引擎。Cesium支持3D,2D,2.5D形式的地图展示，可以自行绘制图形，高亮区域，并提供良好的触摸支持，且支持绝大多数的浏览器和mobile。

三维前端需要会哪些东西一、基础前端能力（你基本已具备，可快速略过）三维前端 ≠ 脱离前端，本质还是前端工程师。必备：HTML / CSS / JavaScript（ES6+）

Unity WebGL jslib 通信时，传入字符串，变成数值问题

Cesium快速入门34：3dTile高级样式设置这一节，我们把“3D Tiles 样式”再升一级——按“距离中心”做渐变圆。以广州塔为圆心，离得越近颜色越红，越远越淡，甚至直接隐藏，全程只用官方样式语言，不动顶点、不写 GLSL。

Three.js：Web 最重要的 3D 渲染引擎的技术综述理解赋能 Web 实时 3D 图形的抽象层、渲染管线和性能特征。现代 Web 越来越依赖丰富的视觉体验——数据可视化、模拟仿真、产品预览、生成艺术以及沉浸式 UI。虽然浏览器早已通过 Canvas 和 SVG 支持 2D 图形，但实时 3D 渲染需要一套复杂得多的 GPU 驱动操作。Three.js 已成为填补这一空白的事实标准（de facto standard）。

Cesium快速入门33：tile3d设置样式这一节，我们给 3D Tiles 换皮肤——让一栋栋建筑按“类型、高度”自动变色，瞬间把灰白城市变成“彩虹都市”。全程只用官方样式语言，无需写着色器。

Cesium大气散射+全球体积云效果总算可以完结这个系列了（bushi），虽然都是抽空研究，但实现这个效果的时间还是超出预期了，但也总算是对渲染管线这一套完整流程有了更深入的了解。

SuperMap iClient3D for WebGL如何加载iDesktopX 场景美化绘制资产作者：姜尔本文主要介绍使用SuperMap iClient3D for WebGL加载SuperMap iDesktopX 场景中，场景美化功能结果。iDesktopX进行资产编辑，绘制区域。设置工程路径，保存美化结果，可以获得.instc以及.s3mb格式的实例化模型。在SuperMap iClient3D for WebGL中，通过接口instanceLayer.add/removeAll即可实现添加或删除实例图层。

SuperMap iClient3D for WebGL平面场景实现绘制任意面进行GPU空间查询写之前先说一下，以往咱们都是在球面场景中绘制一个规则的体对模型图层做GPU空间查询，可参考：https://www.supermapol.com/webgl/examples/webgl/editor.html#spatialQuery3D。最近遇到有些小伙伴问在平面场景中如何绘制任意面对模型进行GPU空间查询，其实核心就是如何把绘制出来的面拉成一个体并让接口能正确识别这个体，以下是实现方法。

SuperMap iClient3D for WebGL与iObjects Java结合实现前端动态绘制面与体的布尔运算在三维城市道路设计中，我们时常会模拟物体通过限高路段是是否能正常通过，需要得到不同的通过物体是否存在超过限高的现象，超高多少，如超过，应该对通过物，裁剪多高才能正常通过。已上需求单靠前端的话难以做到，因此我们需要结合后端服务来实现。

Unity发布webgl重要选项部署 Web 应用程序三种压缩格式Gzip,Brotli,Disable，默认使用Gzip压缩压缩格式对内容的影响

综合项目实践：可视化技术核心实现与应用优化可视化技术已成为现代前端开发不可或缺的一部分，从简单的图表展示到复杂的交互式数据可视化，再到沉浸式的3D体验，前端可视化正在重新定义用户体验。本文将全面解析可视化技术的核心实现，涵盖Canvas绘图、SVG操作、拖拽交互、动画系统、数据可视化库以及WebGL 3D渲染，通过完整可运行的代码示例，帮助你从零构建完整的可视化解决方案。

五点六六六

跨端RN 与浏览器Web 的长渲染性能差异与底层揭秘从入职以来，我一直在参与一个跨端项目的开发，主要技术栈是 React Native。在这期间，也不可避免地接触了一些原生能力，比如陀螺仪、手势、生命周期等。

Unity WebGL端调用Windows窗口选择文件WebGLWindowsFileImporter.unitypackage： https://pan.baidu.com/s/1zH9UXi2lR5rDV9RJn6xaSQ?pwd=5566

我命由我12345

JavaScript WebGL - WebGL 引入（获取绘图上下文、获取最大支持纹理尺寸）WebGLRenderingContext 接口提供基于 OpenGL ES 2.0 的绘图上下文，用于在 HTML <canvas> 元素内绘图