技术栈
webgl
ct978
2 天前
webgl
WebGL动画实现方式与定时器缺陷
WebGL动画的核心是按浏览器刷新频率(通常60fps,每16.6ms一帧)循环更新场景状态并重新渲染。以下是主流实现方式及setTimeout/setInterval的缺陷分析:
ct978
2 天前
webgl
WebGL三维可视化:正射投影与透视投影深度解析
在WebGL三维渲染中,投影矩阵是实现三维空间到二维屏幕映射的核心机制,正射投影(Orthographic Projection)和透视投影(Perspective Projection)是两种最基础且应用最广泛的投影方式,二者的本质差异在于是否模拟人眼的“近大远小”视觉特性。
esmap
3 天前
人工智能
·
物联网
·
3d
·
编辑器
·
智慧城市
·
webgl
技术深度解析:ESMap引擎VS主流数字孪生竞品
国产数字孪生引擎技术对决:ESMap 如何在 Web 端轻量化与高性能之间找到完美平衡?一、数字孪生引擎市场格局
GISer_Jing
4 天前
前端
·
aigc
·
webgl
WebGL跨端兼容实战:移动端适配全攻略
在之前的重构方案基础上,我们重点补充多端适配与兼容核心内容,覆盖PC(桌面/平板)与移动端(手机/平板)全场景,解决布局适配、WebGL兼容、Cesium移动端性能、音视频跨端策略、交互差异等关键问题,同时更新架构设计、AI辅助体系、面试话术,形成「双框架+全端兼容」的完整重构方案,所有内容与原方案无缝衔接,可直接落地。
Aurora@Hui
7 天前
webgl
WebGL & Three.js
一般来说,目前的 Web 3D 项目开发中,80% 以上的情况会直接用 Three.js 或类似库(Babylon.js、PlayCanvas 等)来高效完成工作。
CC码码
9 天前
前端
·
javascript
·
webgl
·
fabric
基于WebGPU实现canvas高级滤镜
大家好,我是CC,在这里欢迎大家的到来~最近业务上需要个滤镜功能,高级点的且可以直接应用的那种,但是 Fabric.js 上只提供了基础滤镜(像黑白、复古等等)和自定义滤镜(调节单个参数,像亮度、对比度、饱和度等等)。原本设想通过组合各个参数设定好来滤镜使用,但是很快就被现实打败——找不到合适的参数数据,自己也不动设计。后经人指导可以基于 LUT 进行实现。
ct978
9 天前
图像处理
·
webgl
WebGL 图像处理核心API
WebGL 是基于 OpenGL ES 的浏览器端3D渲染标准,其图像处理能力依赖于纹理操作、帧缓冲、着色器程序三大核心模块。在WebGIS(如Cesium地形渲染、Mapbox瓦片滤镜、低空经济热图可视化)中,这些API是实现自定义地图样式、地形特效、低空数据可视化的底层基础。以下从API分类、参数详解、代码示例三个维度展开:
ct978
11 天前
前端
·
线性代数
·
矩阵
·
gis
·
webgl
Cesium 矩阵系统详解
矩阵是 Cesium 中三维变换的数学基础,Matrix3(3×3 矩阵)和 Matrix4(4×4 矩阵)分别针对不同的变换场景设计。本文从定义、核心 API、参数、示例、场景、注意事项六个维度,全面解析 Cesium 矩阵系统的使用。
ct978
14 天前
性能优化
·
webgl
WebGL Shader性能优化
WebGL Shader运行在GPU的SIMD(单指令多数据)架构上,与CPU的分支预测逻辑完全不同。条件语句(if-else、switch)会导致GPU线程束(Warp)分化,降低并行执行效率。以下从底层原理、优化准则、内置API、实战案例四个维度系统讲解Shader优化。
棋鬼王
14 天前
3d
·
信息可视化
·
智慧城市
·
webgl
Cesium(一) 动态立体墙电子围栏,Wall墙体瀑布滚动高亮动效,基于Vue3
完整Demowall.png
Longyugxq
17 天前
unity
·
音视频
·
webgl
Untiy的Webgl端网页端视频播放,又不想直接mp4格式等格式的。
针对Untiy的Webgl端网页端视频播放,又不想直接mp4格式等格式的一些小技巧方式。1.安装AVPro Video插件。 2.场景ui布局类似如下图:
花姐夫Jun
17 天前
学习
·
webgl
cesium基础学习-坐标系统相互转换及相应的场景
你想了解在 Cesium 中不同坐标系之间的转换方法,以及这些转换在实际开发场景中的应用,这是 Cesium 开发中非常核心且基础的知识点。
ct978
18 天前
前端
·
gis
·
webgl
WebGL开发
WebGL是浏览器端直接操作GPU进行高性能图形渲染的技术,是Cesium、Mapbox GL等WebGIS框架的底层核心。以下从开发流程、核心API、注意事项三个维度,结合GIS开发场景进行深度讲解,帮你快速掌握WebGL的实战能力。
作孽就得先起床
18 天前
unity
·
c#
·
游戏引擎
·
webgl
unity webGL导出.glb模型
@CSDN冰翼无痕冰翼无痕-CSDN博客感谢支持!提示:AI没有解决方案,有也是从这来的,目前全网独家,现在咋感觉ai都跟搜索引擎一样,家家自己做了个数据库搜索引擎工具,AI现在基本上是个搜索引擎2.0或3.0,有时间聊聊底层数学算法逻辑。
ct978
18 天前
前端
·
gis
·
webgl
WebGL核心API
WebGL的核心是通过GPU并行计算实现高性能图形渲染,所有操作围绕「数据传入GPU→着色器处理→屏幕绘制」的流水线展开。以下从基础类型定义、简单图形、光照效果、纹理映射到复杂GIS场景,逐步讲解核心API、开发流程与注意事项。
AurumVision
20 天前
webgl
·
webassembly
·
我的世界
·
前端技术
·
mc.js
MC.JS 网页版《我的世界》 免安装中文版
随着Web技术的快速发展,在浏览器中运行复杂的3D游戏已成为现实。MC.JS 作为一款公益性质的网页应用,成功实现了《我的世界》的云端化部署,展示了Web技术在游戏领域的巨大潜力。
全栈王校长
23 天前
webgl
·
three.js
Three.js 材质进阶
本文档将介绍Three.js中材质的进阶用法,包括各种高级材质类型、材质属性设置、环境贴图、透明效果等重要概念。通过这些知识点,您将能够创建更加真实和富有表现力的3D场景。
全栈王校长
23 天前
webgl
·
three.js
Three.js Geometry进阶
本文档将介绍Three.js中Geometry的进阶用法,包括UV映射、法向量、几何体变换、包围盒计算等重要概念。通过这些知识点,您将能够更好地控制和操作3D几何体。
烛阴
24 天前
前端
·
webgl
·
three.js
3D字体TextGeometry
由于 TextGeometry 不是核心库的一部分,我们需要单独引入:Three.js 不直接读取 .ttf,它读取的是专用的 JSON 字体文件。
图素
24 天前
webgl
Cesium 深入浅出 《一》WGS84、ECEF、经纬高:Cesium 世界坐标到底是什么?
在cesium中存在多种坐标系,因为cesium作为一个空间地理的渲染引擎,需要处理从地理坐标到3D渲染的转换,理解这些坐标之间的联系,是cesium的基础。也是任何一个地理渲染引擎的基础。