webgl

伶俜monster3 天前
前端·webgl·three.js
破解旋转死锁:Threejs 四元数魔法对抗欧拉角困局欧拉角是一种表示三维空间中旋转的方法,它由三个角度组成,通过设定物体绕 指定顺序 的轴进行旋转,可以直接对物体的 .rotation 属性进行操作。
猿儿本无心5 天前
线性代数·矩阵·webgl
WebGL数学手记:矩阵基础矩阵,数学术语。在数学中,矩阵(Matrix)是一个按照长方阵列排列的复数或实数集合。Matrix的发音类似于中文的[美吹克斯],知道它的发音。方便后期看教程时能听懂别人讲什么。
灼夏无冕5 天前
webgl
webgl创建最基础的三种图元点,线,三角(vue3)bx2eq6ulg18.feishu.cn/docx/I4hTdO…(青牛老师的入门教程文档)基础封装:
爱看书的小沐6 天前
前端·javascript·vue·webgl·three.js·angular.js·opengl
【小沐学Web3D】three.js 加载三维模型(Angular)Three.js 是一款 webGL(3D绘图标准)引擎,可以运行于所有支持 webGL 的浏览器。Three.js 封装了 webGL 底层的 API ,为我们提供了高级的开发接口,可以使用简单的代码去实现 3D 渲染。
伶俜monster6 天前
webgl·three.js
向量密码本:Threejs 用加减乘除驯服 3D 空间向量是具有方向和大小的量,在数学中,向量通常表示为有向线段,由起点和终点确定,起点到终点的距离就是向量的大小,向量之间的夹角就是向量的方向。
爱看书的小沐7 天前
javascript·react.js·webgl·three.js·opengl·web3d·reactthreefiber
【小沐学Web3D】three.js 加载三维模型(React Three Fiber)Three.js 是一个功能强大的 3D 图形库,用于在网页上创建和显示交互式 3D 图形。它基于 WebGL,提供了简单易用的 API,帮助开发者快速构建复杂的 3D 场景。
爱看书的小沐8 天前
javascript·vue.js·webgl·three.js·地球·太阳系·三维地球
【小沐杂货铺】基于Three.JS绘制太阳系Solar System(GIS 、WebGL、vue、react)https://threejs.org/Three.js是一个基于JavaScript编写的开源3D图形库,利用WebGL技术在网页上渲染3D图形。它提供了许多高级功能,如几何体、纹理、光照、阴影等,以便开发者能够快速地创建复杂且逼真的3D场景。同时,Three.js还具有很好的跨平台和跨浏览器兼容性,让用户无需安装任何插件就可以在现代浏览器上观看3D内容。
大松鼠君10 天前
前端·webgl·three.js
轿车3D展示本文将会以three.js 官网的一个轿车3D展示demo为例,进行讲解。示例具体查看地址:www.yanhuangxueyuan.com/threejs/exa…
伶俜monster11 天前
前端·webgl·three.js
UV 法向量实验室:Threejs 纹理与光照炼金术UV 坐标是二维坐标,用于描述三维模型上的纹理坐标。UV 坐标通常用于将纹理映射到三维模型的表面,从而实现纹理贴图的效果。
xhload3d11 天前
3d·gis·智慧城市·html5·webgl·数字孪生·可视化·工业互联网·车联网·智慧交通·智能网联·汽车云控
智能网联汽车云控平台 | 图扑数字孪生在当今科技飞速发展的时代,智能网联汽车云控平台作为智能交通领域的核心枢纽,正借助 “5G + 工业互联网” 的强大力量,引领着未来出行的变革。
三木前端13 天前
前端·javascript·webgl
像设计师一样处理图像,只需几行 JavaScript 代码!如今,前端技术飞速发展,WebGL 已成为网页交互与视觉效果中不可或缺的重要组成部分。今天,我要为大家推荐一款功能强大、上手简单的 WebGL 图像特效库:glfx.js。它可以为普通图片添加多种酷炫滤镜效果,极大提升视觉表现力。
伶俜monster15 天前
前端·webgl·three.js
模型苏醒计划:Threejs 让静态模型「叛逆」起来GLTF(.gltf,.glb): 是由 Khronos Group 开发的一种新型 3D 文件格式,具有高效、紧凑、支持 PBR 材质等优点,是当前主流的 3D 模型格式。
DragonBallSuper17 天前
webgl·材质·threejs·cesium·可视化渲染
在Cesium中使用ThreeJs材质(不是场景融合哦)在Cesium中使用ThreeJs材质(不是场景融合哦)_哔哩哔哩_bilibili
GISBox20 天前
arcgis·信息可视化·node.js·gis·webgl·cesium
PLY格式文件如何转换成3DTiles格式——使用GISBox软件实现高效转换在三维GIS和数字孪生领域,3DTiles格式已成为主流的数据格式之一。它由Cesium团队提出,专为大规模3D数据可视化设计,能够高效地加载和展示海量模型数据。而PLY格式则是一种常见的三维模型文件格式,主要用于存储点云数据或多边形网格。为了将PLY数据应用于数字孪生、智慧城市等场景,将PLY格式转换为3DTiles格式显得尤为重要。本文将为大家介绍如何使用GISBox软件实现PLY到3DTiles的高效转换。
XZen22 天前
javascript·webgl·计算机图形学
DeepSeek + 码上掘金 学习shadertoy之 —— Catmull-Rom样条插值之前在手机via浏览器上看了《Shader从入门到放弃》 raymarching 基础部分,居然看懂了,作者几段代码就把 ray marching sdf 讲明白了。
海盗123423 天前
unity·webgl
Unity导出WebGL,无法显示中文默认字体无法显示中文 在编辑器中设置了中文和英文的按钮,中文按钮无法显示 导出后无法显示中文自己添加字体,导入项目,并引用
匹马夕阳24 天前
webgl
mapbox-gl源码中解析style加载地图过程详解我将结合 Mapbox GL JS 的源码示例,一步一步讲解 style 的解析和地图加载过程,帮助大家深入理解其内部机制。
海盗123424 天前
webgl
Unity导出WebGL,无法加载,data文件无法找到 404(NotFound)示例是使用IIS托管启动F12可以看到not found 的报错iis无法识别data文件,在MIME类型中增加data