前端哥

如何在小程序中优雅地使用 three.js

2025-03-14Three.js Platform Adapter 是一款专为 小程序 / 小游戏 设计的 three.js 兼容库, 它用于解决小程序在开发 3D 场景时普遍遇到的一些问题,增加开发者的开发效率和体验。_微信小程序 threejs

https://www.qianduange.cn//article/23603.html 分类:前端知识

Three.js Luma 实现高效绘制3DGS

2025-03-133DGS,即三维高斯溅射技术(3D Gaussian Splashing),是一种先进的三维建模和可视化技术。它主要用于计算机图形学、计算机视觉和相关领域,以实现对三维场景的高效和精确表示。3D 高斯溅射 (3DGS) 的核心技术是通过数百万个微小的、半透明的椭球体(即“高斯溅射”)来创建和渲染 3D 场景。与依赖多边形或复杂神经网络的传统方法不同,3DGS 利用这些溅射点来表现场景。每个溅射点包含其位置、颜色、大小和透明度的信息。当经过组合后,这些溅射点能高度还原场景的真实感。_threejs 3dgs

https://www.qianduange.cn//article/23473.html 分类:前端知识

021:vue threejs 展示一个倾斜的地面,30度倾角

2025-03-12在 Three.js 中设置地面的倾斜角度可以通过变换矩阵(Matrix)来实现。具体来说,你可以使用 THREE.Object3D 的 rotateX、rotateY 或 rotateZ 方法来旋转物体。对于地面(通常是一个平面几何体),你可以通过这些方法来设置其倾斜角度。_threejs计算画面倾斜度

https://www.qianduange.cn//article/23422.html 分类:前端知识

029:vue threejs 燃放烟花效果

2025-03-12本示例实现了一个基于 Vue 和 Three.js 的烟花燃放效果。通过自定义着色器(Shader),模拟了烟花从发射到爆炸的动态过程。使用 GLSL 着色器语言编写自定义的顶点和片段着色器,模拟烟花的发射、爆炸和消散过程。通过 THREE.ShaderMaterial 将着色器应用到一个平面几何体上。

https://www.qianduange.cn//article/23421.html 分类:前端知识

016:vue threejs 加载glb文件

2025-03-10GLB文件是一种二进制格式的3D模型文件,通常用于存储3D场景、模型和动画数据。GLTFLoader的主要功能是加载和解析GLTF格式的3D模型文件,并将其转换为Three.js可以理解的对象,以便在Three.js的场景中使用。通过使用GLTFLoader,开发人员可以快速构建出复杂的3D场景,并实现交互和动画效果。_openlayers 加载.glb模型

https://www.qianduange.cn//article/23181.html 分类:前端知识

Three.js 实战【4】—— 3D地图渲染

2025-03-10该文章介绍了在Vue3和Three.js中将地图JSON文件渲染成三维模型的步骤。首先,加载地图的JSON数据并使用THREE.ShapeBufferGeometry创建多边形。接着,通过TextureLoader加载纹理图片并应用到材质上,再将材质赋予网格模型实现贴图。最后,文章还讲解了如何监听地图事件,如点击和悬停,以增强用户体验。整个过程结合了Vue3的响应式特性和Three.js的图形处理能力,提供了一个完整的解决方案。_threejs地图

https://www.qianduange.cn//article/23094.html 分类:前端知识

027:vue threejs 生成100个随机颜色的三角形

2025-03-08本示例使用vue threejs 生成100个随机颜色的三角形,这里通过BufferGeometry()创建几何体,将所有的三角形作为一个几何体,通过设置位置和颜色来做属性的设置,这里使用了Float32BufferAttribute方法。

https://www.qianduange.cn//article/22917.html 分类:前端知识

Vue3中TresJS

2025-03-03vue中的threejs_tresjs vue

https://www.qianduange.cn//article/22397.html 分类:前端知识

MarsCode赋能Three.js:如何轻松实现3D模型点云效果

2025-03-03点云技术正成为三维视觉开发的热门方向,而 MarsCode 作为强大的交互逻辑工具,与 Three.js 的采样器结合,为复杂点云效果的实现提供了高效解决方案。本文将重点展示如何借助 MarsCode 快速实现动物点云效果,解析其在数据处理与渲染中的核心作用,为开发者打开点云艺术的新思路。文章末尾会放源码地址本项目使用豆包在线IDE开发豆包体验地址:marscode代码仓库地址:github。_threejs 点云

https://www.qianduange.cn//article/22387.html 分类:前端知识

011:vue threejs 添加地面的水面效果

2025-03-02threejs示例生成360度不同画面的Scene场景,THREE.CubeTextureLoader 是 Three.js 中的一个加载器,用于加载立方体贴图(Cube Texture)。立方体贴图是一种特殊的纹理,用于表示环境映射或全景图,它由六个正方形的图像组成,每个图像对应一个方向(正面、背面、顶部、底部、左面、右面)。_threejs添加地面

https://www.qianduange.cn//article/22231.html 分类:前端知识

76条数据,当前1/8

最近搜索

会员中心 联系我 留言建议 回顶部