Three.js三维模型

WebGPU实战：Three.js性能优化新纪元

一、WebGPU技术突破解析1.1传统WebGL的架构瓶颈graphLRA[JavaScript]-->B[WebGLBinding]B-->C[OpenGLES]C-->D[GPUDriver]D-->E[GPUHardware]1.2WebGPU的现代架构优势graphLRA[WGSLShader]-->B[ComputePipeline]A-->C[RenderPipeline]B-->D[
AWS官方合作商·2025-03-25 13:46

Three.js世界中的三要素：场景、相机、渲染器

一、Three.js简介Three.js是一个基于WebGL的JavaScript库，它允许开发者在网页上创建和显示复杂的3D图形和动画，而无需用户安装任何额外的插件或软件。
Front_Yue·2025-03-24 02:03

GIS三维可视化进阶：Three.js集成Cesium引擎实现全球地形LOD与OGC标准服务调用

Three.js与Cesium引擎基础介绍Three.js是一款基于JavaScript的开源三维图形库，它提供了丰富的API用于创建和操作三维场景、物体、材质等。
贝格前端工场·2025-03-23 14:19

探究Three.js中模型移动与旋转的交互逻辑

前言Three.js作为一个功能强大的JavaScript3D库，极大地简化了在网页上创建和展示3D图形的过程。它在游戏开发、产品展示、虚拟现实等众多领域都被广泛应用。
Front_Yue·2025-03-22 02:46

使用Three.js渲染器创建炫酷3D场景

而Three.js，作为一款功能强大且广受欢迎的JavaScript3D库，为我们提供了便捷、高效的途径来创建令人炫目的3D场景。
Front_Yue·2025-03-22 01:40

【小白深度教程 1.32】手把手教你从多视角图像进行 3D 重建（SfM 算法）

1.32】手把手教你从多视角图像进行3D重建（SfM算法）1.SfM三维重建算法简介2.SfM方法和原理3.安装依赖库4.构建数据集5.可视化结果6.完整代码1.SfM三维重建算法简介从多张照片中开发三维模型被称为多视图
小寒学姐学AI·2025-03-21 17:53

使用Three.js渲染器创建炫酷3D场景

而Three.js，作为一款功能强大且广受欢迎的JavaScript3D库，为我们提供了便捷、高效的途径来创建令人炫目的3D场景。
·2025-03-21 16:48

使用 WebP 优化 GPU 纹理占用

WebP格式相比JPEG/PNG文件更小，可以减少GPU纹理内存占用，提高WebGL/Three.js/3D渲染的性能。为什么WebP能减少GPU内存占用？
泫凝·2025-03-18 14:45

python实现dem输出三维模型_使用DEM生成3D模型(补完)

DataMark--------中国地球空间数据交换格式-格网数据交换格式(CNSDTF-RAS或CNSDTF-DEM)的标志。基本部分，不可缺省。Version--------该空间数据交换格式的版本号,如1.0。基本部分，不可缺省。Unit--------坐标单位,K表示公里,M表示米,D表示以度为单位的经纬度,S表示以度分秒表示的经纬度(此时坐标格式为DDDMMSS.SSSS,DDD为度,M
不行我不能睡·2025-03-18 11:45

学习threejs，dds格式图片文件贴图

要在Three.js中使用DDS格式的图片文件作为贴图，你需要加载和解析该文件，并将其应用于你的模型或材质。
2301_81121233·2025-03-17 17:21

Cesium在三维模型中的应用

Cesium在三维模型中的应用Cesium简介Cesium介绍Cesium是一个跨平台,跨浏览器的展示三维地球和地图的javascript库Cesium使用WebGL来进行硬件加速图形,使用时不需要任何插件支持
IT邦少·2025-03-17 16:09

Three.js 阴影 (Shadow) 知识点整理

阴影主要由castShadow和receiveShadow控制，并通过不同类型的光源(DirectionalLight、SpotLight、PointLight)生成。我们将系统地整理与阴影相关的知识点。1️⃣基础概念castShadow：物体是否投射阴影。receiveShadow️：物体是否接收阴影。renderer.shadowMap.enabled=true✅：全局开启阴影渲染。rende
泫凝·2025-03-15 22:34

webgl threejs 云渲染(服务器渲染、后端渲染)解决方案

云渲染和流式传输共享三维模型场景1、本地无需高端GPU设备即可提供三维项目渲染云渲染和云流化媒体都可以让3D模型共享变得简单便捷。
allenjiao·2025-03-15 11:06

CesiumEarth v1.10 更新，支持参数值从矢量属性中动态读取

矢量图层参数升级部分矢量参数可以从字段中动态获取下面是一些表达城市建筑模型的简单例子，数据源来自矢量面（而非三维模型），在面图层中绘制了几个建筑底面，以白模的形式进行渲染，高度、颜色等参数从字段中动态读取动态参数的设置方法
limit0075·2025-03-14 18:38

Python, Springboot 开发基于人类指令生成机器人3D可视化动态模型app

##技术栈概述###前端-**框架**：React.js或Vue.js（用于构建用户界面）-**3D可视化**：Three.js或React-Three-Fiber（用于
Geeker-2025·2025-03-14 05:28

造价算量审图多元化融合软件开发实战：技术架构与核心代码解析

CAD模型解析引擎（支持Revit/DWG文件一键导入）智能算量核心算法（基于规则引擎与机器学习）协同审图平台（多人实时标注与版本控制）AI辅助决策系统（材料价格预测、工程量误差检测）技术栈推荐：前端：Three.js
夏末之花·2025-03-13 10:38

【threejs实战教程一】初识Three.js，场景Scene、相机Camera、渲染器Renderer

Three.js是一个基于WebGL的JavaScript3D图形库，用于在浏览器中创建和显示3D内容Three.js中最基础的三个关键要素就是场景Scene、相机Camera、渲染器Renderer通俗一点理解
编码七号·2025-03-12 10:26

three.js 鼠标点击获取模型对象

three.js创建模型后，想要实现点击模型获取模型对象触发相应事件。可以使用它提供的APITHREE.Raycaster()https://threejs.org/docs/index.html?
lucky_zouzou·2025-03-11 07:18

three.js 在 webGL 添加纹理

在我们生成了3D设计之后，我们可以添加纹理使其更加吸引人。在webGL和p5.js中，可以使用gl.texImage2D()和texture()API来为形状应用纹理。使用webGL在webGL中，gl.texImage2D()函数用于从图像文件生成2D纹理。该函数接受许多参数，包括目标，细节级别，内部格式，图像的宽度和高度，以及图像数据的格式和类型。为了方便，我将使用vite搭建一个原生js项目
belldeep·2025-03-11 01:28

基于Python的CATIA V5二次开发实战：工程图视图批量重链接技术解析

本文针对工程图视图与三维模型断链的常见问题，深入解析基于pycatia的二次开发解决方案，提供一套可批量重链接视图的Python实现代码。
Python×CATIA工业智造·2025-03-10 01:31

三维模型点云化工具V1.0使用介绍：将三维模型进行点云化生成

三维软件绘制的三维模型导入之后，可以生成点云，用于替代实际的激光扫描过程，当然，主要是用于点云算法的测试和验证，没法真正模拟扫描的效果，因为太过于理想化了。
是刃小木啦~·2025-03-07 09:13

Three.js 入门(补间动画Tween.js)

如果你使用three.js开发web3d项目，使用tween.js辅助three.js生成动画效果也是比较好的选择。1.1)引入tween.Jsimp
庸俗今天不摸鱼·2025-03-06 21:11

3ds Max 转 FBX 全攻略，迪威模型在线转换成就高效工作流

一、引言在三维模型的制作与应用流程中，3dsMax是一款广泛使用的三维建模、动画制作软件，而FBX格式则是一种被众多三维软件和游戏引擎支持的通用文件格式。
3D小将·2025-03-06 21:10

Three.js（0.165.0）入门到实战

Three.js是什么？Three.js是一款开源的主流3D绘图JS引擎（名字Three就是3D的含义）。
郭宝·2025-03-06 21:35

Three.js windows 环境搭建

要在Windows环境下搭建three.js开发环境，你需要遵循以下步骤。这里我将分别提供环境搭建、示例代码和一些常见错误及其解决方案。
恋恋西风·2025-03-06 21:05

使用 Three.js 创建动态光效

大家好！我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：AI简历、元宇宙、数字孪生本篇文章将使用Th
贵州数擎科技有限公司·2025-03-06 04:43

vue3+Cesium添加影像地图、自定义集合体、标签以及3Dtiles三维模型实践

定义容器： 初始化constviewer=newCesium.Viewer('map',{homeButton:true,sceneModePicker:true,baseLayerPicker:false,//影像切换animation:false,//是否显示动画控件infoBox:false,//是否显示点击要素之后显示的信息selectionIndicator:false,//要素选中框g
编码七号·2025-03-05 17:17

threeJs+vue 添加控制面板gui，修改几何体和页面的背景色

而将Three.js与Vue结合使用，可以让你轻松构建出既美观又功能强大的3D应用程序。
资深前端之路·2025-03-03 04:07

使用 Three.js 转换 GLSL 粒子效果着色器

大家好！我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：AI简历、元宇宙、数字孪生在这篇博客中，我们
贵州数擎科技有限公司·2025-03-01 05:38

模型和视图变换 Model and View Transform

它们的主要目的是将三维模型的坐标转换到适合于显示的二维坐标系统中。以下是对模型变换和视图变换的详细解释，以及它们在渲染过程中的作用。
你一身傲骨怎能输·2025-03-01 02:45

Three.js 材质对象Material对应的着色器Shader代码

点材质PointsMaterial：顶点着色器文件points_vert.glsl、片元着色器文件points_frag.glsl基础网格材质MeshBasicMaterial：顶点着色器文件meshbasic_vert.glsl、片元着色器文件meshbasic_frag.glsl高光网格材质MeshPhongMaterial：顶点着色器文件meshphong_vert.glsl、片元着色器文件
山楂树の·2025-03-01 01:35

Farm3D- Learning Articulated 3D Animals by Distilling 2D Diffusion论文笔记

LearningArticulated3DAnimalsbyDistilling2DDiffusion1.Introduction最近的研究DreamFusion表明，可以通过text-imagegenerator提取高质量的三维模型
Im Bug·2025-02-28 07:24

Three.js 加载GLTF模型

要在three.js中正确加载和显示GLTF模型，需要遵循一系列步骤来确保模型的纹理和材质被正确应用。
小白菜学前端·2025-02-26 02:06

Three.js基础入门系列（四）

01、Three.js中的基本要素：网格（Mesh）当我们拥有了几何体模型和材质之后，我们需要通过一个网格（Mesh）将两者结合起来，创建我们正在的拍摄对象。
骨灰级收藏家·2025-02-25 17:35

(十九) THREE.Material 知识详解

THREE.Material是Three.js中的一个基类，用于定义三维物体的外观属性，如颜色、纹理、透明度等。
阿铎前端·2025-02-21 22:30

通俗理解 CAD CAM CAE

设计师可以用CAD软件在电脑上绘制产品的三维模型或二维图纸，比如设计一个手机外壳、一座桥梁或一辆汽车。作用：帮助工程师和设计师快速创建、修改和
七贤岭双花红棍·2025-02-21 10:22

在 Vue 2 中使用 Three.js 导入本地 3D 模型

引言Three.js是一个流行的JavaScript库，它能够帮助开发者轻松地在Web页面上创建3D内容。而Vue.js作为前端框架，可以与Three.js结合，构建交互式3DWeb应用。
cherryzm88·2025-02-20 23:39

cesium（vue）一些面试问题（包含Three.js）

1.在不同的应用场景和技术栈中，模型加载方法和格式有所不同，下面主要从Web前端三维场景（使用Three.js和cesium）使用Three.js加载模型常见模型格式及加载方法GLTF/GLB格式格式特点
GIS瞧葩菜·2025-02-20 17:16

uniapp邪门事件

很久之前在这篇《THREEJS在uni-app中使用（微信小程序）》：THREEJS在uni-app中使用（微信小程序）_uni-app_帶刺的小葡萄-华为开发者空间中学到了如何在uniapp的微信小程序里接入three.js
岑梓铭·2025-02-20 05:30

开源的 Three.js 编辑器 组态低代码

官网：https://threehub.cn/editor/使用Three.js编辑器简单编辑开发历程低代码的开发是非常曲折的，尤其是早期根本没有任何参考作品或者相关的一些知识博客去引领我们去做，会经历多次的推到再到重头再来
2201_75964656·2025-02-19 11:01

如何使用Vue3创建在线三维模型展示？

本文由ScriptEcho平台提供技术支持项目地址：传送门代码相关的技术博客代码应用场景介绍本段代码使用RoughJS库在HTML5Canvas上创建了手绘风格的图像，展示了RoughJS库的强大功能，可用于创建具有有机手绘外观的图形。代码基本功能介绍代码通过RoughJS库创建了一个火焰状的图形，包括：火焰主体：使用path()函数绘制，采用不规则的形状和粗糙的线条。火焰细节：添加了额外的pat
ScriptEcho·2025-02-18 21:54

【Three.js】JS 3D library（一个月进化史）

#春节过完了，该继续投入学习了~作为一个平面开发者，想要增进更多的技能，掌握web3D开发#前置知识与技能1.JavaScript基础-掌握ES6+语法（类、模块、箭头函数、解构等）-熟悉异步编程（Promise、async/await）-了解事件循环和DOM操作2.HTML5和CSS3-熟悉Canvas和WebGL的基础概念-了解CSS3动画和变换（transform、transition）3.
Tiffany_Ho·2025-02-18 12:47

vtk文件格式解析

vtk三维模型的数据主要包括：点point、线edge、面surface，点线面的属性scalar,颜色表lookuptable,下面以polydata数据格式为例：#vtkDataFileVersion3.0
西安光锐软件·2025-02-18 12:11

【Three.js】四（1）、three.js中的光源——基础光源

【Three.js】四（1）、three.js中的光源——基础光源一、THREE.AmbientLight二、THREE.PointLight2.1THREE.PointLight属性三、THREE.SpotLight3.1THREE.SpotLight
MAXLZ·2025-02-18 06:09

three.js性能优化

本文持续更新~~~参考文章three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。
火辣辣-·2025-02-17 07:56

使用 Three.js 实现炫酷的除夕烟花特效

在Web端，我们可以使用Three.js来模拟这种美轮美奂的烟花特效，让网页也能展现绚丽的节日气息。本文将介绍如何利用Three.js及其着色器技术，创建一个动态的烟花爆炸效果。
软件工程师文艺·2025-02-16 10:48

使用ThreeJS实现的宇宙大爆炸3D粒子特效思路，原理和关键代码解析

目录1，引言2，技术实现2.1，初始化环境2.2，粒子生成与属性设置2.3，粒子运动与模拟宇宙膨胀2.4，后处理效果3，动画与用户交互4，优化与性能5，结论1，引言在本文中，我们将深入探讨如何利用Three.js
软件工程师文艺·2025-02-16 10:48

玫瑰花瓣粒子效果实现原理解析

本文将详细介绍如何利用Three.js实现一个基于玫瑰花瓣形状的粒子动画效果，并对代码中的关键部分做详细解析。文章内容条理清晰、语言平实，适合各位前端开发爱好者学习参考。
软件工程师文艺·2025-02-16 10:48

如何使用Three.js制作3D月球与星空效果

目录1.基本设置2.创建星空效果3.创建月球模型4.添加中文3D文字5.光照与相机配置6.动画与控制7.响应式布局8.结语在本文中，我们将一起学习如何利用Three.js实现一个3D月球与星空的效果，并添加一些有趣的元素
软件工程师文艺·2025-02-16 09:13

基于 Vue +three.js +Photo Sphere Viewer + 高德地图实现 VR 效果

需求背景随着科技的进步，虚拟现实（VR）技术在家居行业的应用越来越普遍。我们项目的目标是通过结合VR看房和实时场景展示，提升用户的体验，用户可以在家中便能身临其境地感受房屋的空间布局和氛围。此外，我们希望通过高德地图提供的标记点功能，帮助用户快速定位感兴趣的区域。业务这边想要实现右边链接的效果阿里云付费全景图，类似VR看房，支持360°x360°任意旋转，支持自定义添加标注，支持切换场景等功能，效
VueVirtuoso·2025-02-15 21:09
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他