webgl

庖丁解牛16 小时前
前端·webgl·游戏开发
3. Babylonjs 中获取相机方向相关第一人称行走的时候,一般是按下WASD键,然后根据相机的方向,然后去驱动player的位移。这里就自然而然的出现一个问题,如何获取相机的方向。
康康的幸福生活16 小时前
前端·javascript·webgl
webgl2 方法解析: createBuffer()在 WebGL2 中,createBuffer() 是一个用于创建缓冲区对象(Buffer Object)的方法。缓冲区对象用于存储顶点数据、索引数据或其他数据,这些数据可以被 GPU 使用来渲染图形。以下是关于 createBuffer() 的详细说明:
康康的幸福生活2 天前
webgl
webgl2 方法解析: shaderSource()在 WebGL 2 中,shaderSource() 是一个非常重要的方法,用于向 WebGL 程序的着色器对象中加载着色器代码。以下是关于 shaderSource() 的详细说明:
魂断蓝桥6662 天前
webgl·数字孪生·threejs·3d定位、三维室内定位、3d建筑·three.js路径规划、三维a*算法、javascript三维导航,·3d医院·3d导航·园区导航
如何基于three.js(webgl)引擎架构,实现3D医院、3D园区导航,3D科室路径导航一、前言   在这个日新月异的科技时代,技术的价值不仅在于推动社会的进步,更在于如何更好地服务于人民。医院三维导航系统项目,正是技术服务于人民理念的生动体现,真正从患者出发,解决患者在复杂的医院园区找科室难,迷路等问题。通过three.js(webgl)引擎架构,我们实现了3D医院、3D园区导航以及3D科室路径导航,为患者切实解决一些问题。
康康的幸福生活12 天前
javascript·webgl
webgl2 方法解析: SCISSOR_TEST在 WebGL 中,gl.SCISSOR_TEST 是一个重要的功能,用于限制渲染操作的区域,从而提高渲染效率或实现特定的视觉效果。
魂断蓝桥66613 天前
webgl·数字孪生·three.js·物联网3d·3d机房·、3d工厂、3d工业园区、智慧制造、智慧工业、智慧工厂·bim管理系·3d消防·消防演习模拟
如何基于three.js(webgl)引擎架构,实现3D机房园区,数据中心消防系统前言 前面的文章我们已经详细介绍了数据中心机房的关键知识点,以及消防领域的基础知识。在此基础上,本文将深入探讨展示消防在数据中心这一特殊场景中的应用,特别是气体消防系统的应用模拟及发生火灾时逃生路径规划。 数据中心消防的特殊性 数据中心作为存储和处理大量数据的关键设施,内部部署了大量精密的电子设备和服务器。这些设备对环境的温湿度、尘埃浓度乃至消防措施都有着极高的要求。在数据中心这种精密仪器场景中,传统的喷水式消防管网显然不适用,因为其可能引发电子设备短路、数据损坏等严重后果。因此,我们通常采用更为安全、高
康康的幸福生活15 天前
webgl
webgl2 方法解析: colorMask()gl.colorMask() 是一个在 WebGL(Web Graphics Library)中使用的函数,用于控制是否允许对颜色缓冲区的各个颜色分量(红、绿、蓝、透明度)进行写入操作。
Mapmost15 天前
性能优化·webgl·cesium
全新升级!3DTiles加载速度Mapmost完胜Cesium✅ **3DTiles性能优化:**3DTiles加载重构,内存管理+动态精度调整,保障中低端设备流畅运行。
康康的幸福生活16 天前
webgl
webgl2 方法解析: texImage2D()gl.texImage2D() 是 WebGL 中的一个核心函数,用于将图像数据上传到 2D 纹理对象中。它是最常用的纹理初始化和更新函数之一,支持多种数据源和格式,广泛用于创建纹理、更新纹理内容以及加载图像数据到 GPU。
点量云实时渲染-小芹17 天前
unity·webgl·webgl云渲染网页交互·点量云流
UE/Unity/Webgl云渲染推流网址,如何与外部网页嵌套和交互?需求分析:用threejs开发的数字孪生模型, 但是通过webgl技术网页中使用,因为模型数据量大,加载比较慢,且需要和其他的业务系统进行网页嵌套和交互,使用云渲染技术形成的推流网址,如何与外部网页嵌套和交互?有可能会跨域
小old弟19 天前
前端·webgl
🚀🚀🚀WebGL 加载 glTF 模型glTF (GL Transmission Format) 是专为 WebGL 和现代图形 API 设计的 3D 模型格式,具有以下优势:
放逐者-保持本心,方可放逐22 天前
开发语言·javascript·webgl·顶点着色器·three.js 释放·cesium 释放·片元着色器
webgl(three.js 与 cesium 等实例应用)之浏览器渲染应用及内存释放的关联与应用WebGL 是一种底层的图形 API,允许开发者通过 JavaScript 在浏览器中渲染 2D 和 3D 图形。它基于 OpenGL ES 2.0,提供了与 GPU 交互的能力。在 WebGL 中,纹理(Texture)、缓冲区(Buffer) 和 着色器(Shader) 是三个核心概念,它们分别负责不同的图形处理任务。
新中地GIS开发老师24 天前
学习·arcgis·智慧城市·webgl·gis开发·webgis·地理信息科学
三维GIS开发cesium智慧地铁教程(4)城市白模加载与样式控制技术要点:镜头运动参数:数据类型对接方式应用场景地铁线路规划GeoJSON路径导入线路可视化站点信息CZML时序数据
ak啊25 天前
前端·webgl
WebGL入门教程:实现场景中相机的视角与位置移动本文旨在为WebGL初学者提供一个详细的相机实现与移动控制的入门指南。我们将一步步用原生WebGL实现一个可以自由移动视角与位置的三维相机,适用于创建三维场景或小游戏。
魂断蓝桥6661 个月前
webgl·threejs·3d建筑·3d档案室·3d定位、三维室内定位、3d建筑·3d库房·3d密集架
如何基于three.js(webgl)引擎架构,实现3D密集架库房,3D档案室智能巡检前言:看了一下 距离上篇课程发布,一年多了。这一年多来也迷茫,也怀疑,在AI时代,是不是失去了写文章的意义了。切身感受到那种面对科技浪潮时的迷茫和无力感。当AI能写出流畅、结构清晰的文章,甚至模仿不同风格时,着实令人沉思。
ak啊1 个月前
前端·webgl
WebGL魔法:从立方体到逼真阴影的奇妙之旅你是否曾被3D游戏中逼真的阴影效果所震撼?那种物体在光照下投射出自然阴影的效果,让虚拟世界瞬间拥有了真实的深度和立体感。今天,我们将一起揭开这份魔法的面纱——使用原生WebGL绘制一个立方体,并为它添加专业级的阴影效果!无需任何框架,只用纯粹的WebGL API,一步步带你从零实现。准备好了吗?让我们开启这场视觉魔法的旅程!
ak啊1 个月前
前端·webgl
WebGL入门指南:从零构建你的第一个3D应用WebGL(Web Graphics Library)是一种基于OpenGL ES 2.0的JavaScript API,它允许开发者在浏览器中直接渲染硬件加速的2D和3D图形,无需任何插件。随着元宇宙和Web3D应用的兴起,WebGL已成为前端开发的高薪技能之一。本文将带你系统学习WebGL的核心知识,并手把手教你创建第一个WebGL应用!
supermapsupport1 个月前
服务器·数据库·webgl·supermap·idesktop
SuperMap GIS基础产品FAQ集锦(20250603)11.2.0 【解决办法】在数据源属性中,选择坐标系下的投影转换,然后指定转换结果的坐标系为China_2000
爱看书的小沐1 个月前
javascript·webgl·three.js·bim·ifc·revit·ifc.js
【小沐杂货铺】基于Three.JS构建IFC模型浏览器(WebGL、CAD、Revit、IFC)https://threejs.org/ Three.js 是一个基于 WebGL 的 JavaScript 3D 库,它封装了 WebGL 的底层 API,使开发者能够更简单地在网页上创建和展示 3D 场景和动画。
xhload3d1 个月前
物联网·3d·智慧城市·html5·webgl·数字孪生·可视化·工业互联网·三维建模·工控·轻量化·中国风·卡通动画·写实风格·科技风·low poly
图扑软件 | 带你体验 Low Poly 卡通三维世界在三维场景搭建中,图扑软件提供了多样化的设计风格,以满足不同项目的视觉需求。无论是写实风格的细腻渲染、科幻未来的赛博质感,还是简约现代的几何美学,都能通过灵活的工具体系实现。而今天,我们将重点介绍一种充满艺术感和设计张力的风格——Low Poly(低多边形)。