webgl

优雅永不过时·6 天前
前端·javascript·低代码·编辑器·智慧城市·webgl·three.js
原生Three.js 和 Cesium.js 案例 。 智慧城市 数字孪生常用功能列表预览地址:https://z2586300277.github.io/three-cesium-examples
travelclover7 天前
javascript·arcgis·webgl
在ArcGIS JS API中使用WebGL实现波纹扩散特效在现代WebGIS开发中,ArcGIS JS API 是一个非常强大的工具,它允许开发者创建丰富的地理信息应用。结合WebGL技术,我们可以实现更加复杂和炫酷的可视化效果。本文将介绍如何使用ArcGIS JS API结合WebGL实现一个波纹扩散特效。
iloveas201416 天前
3d·矩阵·webgl
three.js+WebGL踩坑经验合集(6.2):负缩放,负定矩阵和行列式的关系(3D版本)本篇将紧接上篇的2D版本对3D版的负缩放矩阵进行解读。(6.1):负缩放,负定矩阵和行列式的关系(2D版本)
iloveas201417 天前
线性代数·矩阵·webgl
three.js+WebGL踩坑经验合集(6.1):负缩放,负定矩阵和行列式的关系(2D版本)春节忙完一轮,总算可以继续来写博客了。希望在春节假期结束之前能多更新几篇。这一篇会偏理论多一点。笔者本没打算在这一系列里面重点讲理论,所以像相机矩阵推导这种网上已经很多优质文章的内容,笔者就一笔带过。
iloveas201423 天前
3d·webgl
three.js+WebGL踩坑经验合集(4.2):为什么不在可视范围内的3D点投影到2D的结果这么不可靠上一篇,笔者留下了一个问题,three.js内置的THREE.Vector3.project方法算出来的结果对于超出屏幕可见范围的点来说错得相当离谱。
iloveas201425 天前
webgl
three.js+WebGL踩坑经验合集(2):3D场景被相机裁切后,被裁切的部分依然可以被鼠标碰撞检测得到(射线检测)three.js内置了Raycaster类实现鼠标的碰撞检测,用它可以实现3D物体的鼠标点击,移入移出,触屏检测一类的业务功能。
iloveas201425 天前
webgl
three.js+WebGL踩坑经验合集(1):THREE.Line无故消失的元凶在项目开发过程中,笔者两次遇到同事的一个提问,我场景中的Line在相机旋转到某些角度或者移动到某些位置的时候会无故消失。由于业务场景复杂,所以这两位同事都是先花费了大量时间排查业务问题,然后才找我求助。这个问题抽象出来的一个测试单元代码如下所示:
匹马夕阳1 个月前
前端框架·图形渲染·webgl
(十四)WebGL纹理坐标初识纹理坐标是 WebGL 中将 2D 图像(纹理)应用到 3D 物体表面的重要概念。在 WebGL 中,纹理坐标通常使用一个二维坐标系,称为 uv 坐标,它们决定了纹理图像如何映射到几何体上。理解纹理坐标的核心就是明白它们如何将二维纹理贴图应用到三维物体的表面。
浩哥的技术博客1 个月前
前端·前端框架·webgl
Threejs的学习-入门突然想学学webGL,所以做个记录。Threejs,一个 基于WebGL 的 JavaScript 3D库 ,封装了WebGL,提供了一系列简单的API便于处理WebGL。
xhload3d1 个月前
3d·智慧城市·html5·webgl·数字孪生·可视化·变电站·工业互联网·智慧电力·轻量化·电力能源·合作共赢
正泰电工×图扑软件:变电站数字孪生巡检平台随着电力行业的快速发展与智能化转型,传统的人工巡检方式难以匹配现代电网对于效率、安全和精细化管理的高标准要求。在此背景下,构建智慧变电站巡检系统已成为推动变电站智能化进程、实现高效运营和保障电网可靠性的重要战略。
omegayy1 个月前
unity·游戏引擎·webgl
Unity WebGL:本机部署,运行到手机简单介绍一下Unity WebGL的技术方案,在WebGL平台出包后,Unity的运行时C/C++代码是通过Emscripten编译成了WebAssembly/Wasm;游戏逻辑部分的C#代码是先通过il2cpp转成C++再编译转成的Wasm,Unity程序就就可以在支持WebAssembly的浏览器中运行了。图形部分使用WebGL做适配,目前Unity 2022默认出包WebGL 2.0版本,API对应OpenGL ES 3.0,功能基本可以匹配。
谢泽浩1 个月前
mysql·unity·webgl
Unity Webgl + WebAPI 之 SqlSugar根据Mysql表反向生成实体类Mysql中已经创建好表了,需要创建实体类对应表信息 一个表是一个类 表的字段是类的属性 现在有两种方法创建实体类:
山楂树の1 个月前
3d·图形渲染·webgl·着色器·uv
Threejs 自定义片元着色器 做UV动画
UOrb1 个月前
前端·webgl
WebGL - 初相识 - 缓冲区书接上回,在之前的篇章中我们一起探讨了 WegGL 的着色器以及着色器中的变量使用,那么在我们绘制复杂图形的时候,通过循环数据的形式动态修改着色器变量的点位信息,是不是不太友好,而且数据量过多和复杂的情况下是不是会出现嵌套循环和多个循环体的情况?那么有什么办法解决这个问题呢?对这就是今天要探讨的内容 缓冲区 !
布兰妮甜1 个月前
javascript·3d·webgl·three.js
Three.js 基础概念:构建3D世界的核心要素在数字化时代的浪潮中,Three.js 作为一款强大的 JavaScript 库,使得开发者能够轻松地将逼真的三维图形带入网页。对于初学者来说,理解 Three.js 的核心概念是掌握这个库的关键第一步。本文将深入探讨这些基础概念,帮助你为创建自己的3D项目打下坚实的基础。
匹马夕阳1 个月前
3d·webgl
(二)WebGL的渲染管线初识WebGL的渲染管线可以被看作是将一组数据(例如模型、纹理、颜色等)经过一系列处理阶段,最终生成图像并显示在屏幕上的过程。为了帮助你理解这一过程,我将通过一个通俗易懂的移动例子来一步步详细讲解WebGL 的渲染管线及其关键绘制原理。
匹马夕阳1 个月前
webgl
(三)通过WebGL绘制一个简单的三角形来理解渲染管线理解 WebGL 绘图原理的关键是了解它的渲染管线。WebGL 渲染管线实际上是由多个阶段组成的,每个阶段都有特定的任务,最终输出的是屏幕上的图像。为了让你能轻松理解这些原理,我将通过一个简单的例子来详细解释。
匹马夕阳1 个月前
3d·webgl
(一)使用 WebGL 绘制一个简单的点和原理解析使用 WebGL 绘制一个简单的点,我们需要通过 WebGL 的管线来进行一系列的步骤。以下是实现的详细步骤和原理解析:
程序员_三木1 个月前
开发语言·前端·javascript·数码相机·webgl·three.js
使用 Three.js 创建动态粒子效果今天,带大家使用粒子实现一个粒子飞毯的效果,我们先来看一下效果。首先创建一个场景,所有 3D 对象都会被添加到这个场景中。
蔗理苦1 个月前
android·windows·unity·游戏引擎·webgl
2025-01-06 Unity 使用 Tip2 —— Windows、Android、WebGL 打包记录最近尝试将写的小游戏打包,主要平台包括 Windows、Android 和 WebGL,以下是一些打包过程记录。