webgl

Aurora@Hui5 小时前
webgl
WebGL & Three.js一般来说,目前的 Web 3D 项目开发中,80% 以上的情况会直接用 Three.js 或类似库(Babylon.js、PlayCanvas 等)来高效完成工作。
CC码码2 天前
前端·javascript·webgl·fabric
基于WebGPU实现canvas高级滤镜大家好,我是CC,在这里欢迎大家的到来~最近业务上需要个滤镜功能,高级点的且可以直接应用的那种,但是 Fabric.js 上只提供了基础滤镜(像黑白、复古等等)和自定义滤镜(调节单个参数,像亮度、对比度、饱和度等等)。原本设想通过组合各个参数设定好来滤镜使用,但是很快就被现实打败——找不到合适的参数数据,自己也不动设计。后经人指导可以基于 LUT 进行实现。
ct9782 天前
图像处理·webgl
WebGL 图像处理核心APIWebGL 是基于 OpenGL ES 的浏览器端3D渲染标准,其图像处理能力依赖于纹理操作、帧缓冲、着色器程序三大核心模块。在WebGIS(如Cesium地形渲染、Mapbox瓦片滤镜、低空经济热图可视化)中,这些API是实现自定义地图样式、地形特效、低空数据可视化的底层基础。以下从API分类、参数详解、代码示例三个维度展开:
ct9784 天前
前端·线性代数·矩阵·gis·webgl
Cesium 矩阵系统详解矩阵是 Cesium 中三维变换的数学基础,Matrix3(3×3 矩阵)和 Matrix4(4×4 矩阵)分别针对不同的变换场景设计。本文从定义、核心 API、参数、示例、场景、注意事项六个维度,全面解析 Cesium 矩阵系统的使用。
ct9787 天前
性能优化·webgl
WebGL Shader性能优化WebGL Shader运行在GPU的SIMD(单指令多数据)架构上,与CPU的分支预测逻辑完全不同。条件语句(if-else、switch)会导致GPU线程束(Warp)分化,降低并行执行效率。以下从底层原理、优化准则、内置API、实战案例四个维度系统讲解Shader优化。
棋鬼王7 天前
3d·信息可视化·智慧城市·webgl
Cesium(一) 动态立体墙电子围栏,Wall墙体瀑布滚动高亮动效,基于Vue3完整Demowall.png
Longyugxq10 天前
unity·音视频·webgl
Untiy的Webgl端网页端视频播放,又不想直接mp4格式等格式的。针对Untiy的Webgl端网页端视频播放,又不想直接mp4格式等格式的一些小技巧方式。1.安装AVPro Video插件。 2.场景ui布局类似如下图:
花姐夫Jun10 天前
学习·webgl
cesium基础学习-坐标系统相互转换及相应的场景你想了解在 Cesium 中不同坐标系之间的转换方法,以及这些转换在实际开发场景中的应用,这是 Cesium 开发中非常核心且基础的知识点。
ct97811 天前
前端·gis·webgl
WebGL开发WebGL是浏览器端直接操作GPU进行高性能图形渲染的技术,是Cesium、Mapbox GL等WebGIS框架的底层核心。以下从开发流程、核心API、注意事项三个维度,结合GIS开发场景进行深度讲解,帮你快速掌握WebGL的实战能力。
作孽就得先起床11 天前
unity·c#·游戏引擎·webgl
unity webGL导出.glb模型@CSDN冰翼无痕冰翼无痕-CSDN博客感谢支持!提示:AI没有解决方案,有也是从这来的,目前全网独家,现在咋感觉ai都跟搜索引擎一样,家家自己做了个数据库搜索引擎工具,AI现在基本上是个搜索引擎2.0或3.0,有时间聊聊底层数学算法逻辑。
ct97811 天前
前端·gis·webgl
WebGL核心APIWebGL的核心是通过GPU并行计算实现高性能图形渲染,所有操作围绕「数据传入GPU→着色器处理→屏幕绘制」的流水线展开。以下从基础类型定义、简单图形、光照效果、纹理映射到复杂GIS场景,逐步讲解核心API、开发流程与注意事项。
AurumVision13 天前
webgl·webassembly·我的世界·前端技术·mc.js
MC.JS 网页版《我的世界》 免安装中文版随着Web技术的快速发展,在浏览器中运行复杂的3D游戏已成为现实。MC.JS 作为一款公益性质的网页应用,成功实现了《我的世界》的云端化部署,展示了Web技术在游戏领域的巨大潜力。
全栈王校长16 天前
webgl·three.js
Three.js 材质进阶本文档将介绍Three.js中材质的进阶用法,包括各种高级材质类型、材质属性设置、环境贴图、透明效果等重要概念。通过这些知识点,您将能够创建更加真实和富有表现力的3D场景。
全栈王校长16 天前
webgl·three.js
Three.js Geometry进阶本文档将介绍Three.js中Geometry的进阶用法,包括UV映射、法向量、几何体变换、包围盒计算等重要概念。通过这些知识点,您将能够更好地控制和操作3D几何体。
烛阴17 天前
前端·webgl·three.js
3D字体TextGeometry由于 TextGeometry 不是核心库的一部分,我们需要单独引入:Three.js 不直接读取 .ttf,它读取的是专用的 JSON 字体文件。
图素17 天前
webgl
Cesium 深入浅出 《一》WGS84、ECEF、经纬高:Cesium 世界坐标到底是什么?在cesium中存在多种坐标系,因为cesium作为一个空间地理的渲染引擎,需要处理从地理坐标到3D渲染的转换,理解这些坐标之间的联系,是cesium的基础。也是任何一个地理渲染引擎的基础。
supermapsupport17 天前
webgl·supermap·iserver·idesktopx
SuperMap GIS基础产品FAQ集锦(20260112)11.3.0【解决办法】该数据是MapGIS图形文件格式。需要先在MapGIS软件中将其转换为MapGIS交换格式(明码格式),然后使用iDesktopX的“数据处理”->“数据导入”->“矢量组”->“MapGIS”功能进行导入。
刘一说18 天前
javascript·vue.js·信息可视化·webgl·webgis
腾讯位置服务JavaScript API GL地图组件库深度解析:Vue生态中的地理空间可视化利器随着地理信息系统(GIS)在各行各业的广泛应用,地图可视化已成为现代Web应用不可或缺的组成部分。腾讯位置服务作为国内领先的地理信息服务提供商,其JavaScript API GL(基于WebGL的3D地图API)为开发者提供了强大的地理空间数据展示能力。而最新推出的tlbs-map-vue地图组件库,正是将腾讯位置服务JavaScript API GL能力无缝集成到Vue生态中的利器,极大降低了地图功能的开发门槛。
烛阴19 天前
前端·webgl·three.js
从“无”到“有”:手动实现一个 3D 渲染循环全过程场景是一切物体的容器。最常用的是 透视相机(PerspectiveCamera) ,它模拟了人眼的“近大远小”效果。
WebGISer_白茶乌龙桃19 天前
javascript·vue.js·3d·web3·html5·webgl
Cesium实现“悬浮岛”式,三维立体的行政区划在 WebGIS 可视化项目中,我们经常遇到一类高频需求,重点展示特定行政区划,并隐藏全球其他无关区域。