Three.JS

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

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

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

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

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

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

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

在 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

【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

【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

three.js 低代码， 组态，封装编辑器实现降本增效

学习基础three.js案例预览地址：https://z2586300277.github.io/three-cesium-examples国内站点预览：http://threehub.cngithub
2201_75964656·2025-02-13 16:16

TresJS：用Vue组件构建3D场景的新选择

TresJS作为一款基于Three.js的Web3D开发框架，以其强大的功能和简洁的API，为开发者提供了一个高效、便捷的开发平台。今天，就让我们一起走进TresJS的世界，探索它的魅力所在。
z止于至善·2025-02-10 18:41

3D Web轻量化引擎HOOPS Communicator与Three.js对比分析

在众多解决方案中，HOOPSCommunicator和Three.js是两个非常受到关注的挑战欢迎使用3D引擎，但它们的功能停留和适用场景存在明显差异。
工业3D_大熊·2025-02-09 11:03

使用 Three.js 实现雪花特效

大家好！我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术演示地址：下雪特效开源项目：智简未来、晓智元宇宙、数字
贵州数擎科技有限公司·2025-02-09 06:23

记录一下，uniapp中使用three.js遇到glb模型加载不了的问题

1.这几天在写uniapp项目时，需要使用three.js加载三维模型。
灯塔水电工·2025-02-08 22:56

blender gltf文件_来自Blender Exporter的GLTF的Three.js动画

我正在尝试使用GLTF和Three.js,我有一段时间试图让动画工作.我的最终目标是能够在Blender中创建关键帧动画网格,将它们导出到GLTF,并在基于Aframe的WebVR场景中使用它们.然而,
weixin_39912566·2025-02-06 01:53

Three 之 three.js （webgl）基础 第二个入门案例之汽车模型加载和简单模型展示

Three之three.js（webgl）基础第二个入门案例之汽车模型加载和简单模型展示目录Three之three.js（webgl）基础第二个入门案例之汽车模型加载和简单模型展示一、简单介绍二、实现原理三
仙魁XAN·2025-02-06 00:21

Three.js + React + Echart(折线图 光线流动效果，柱状图数据动态更新动画) + Svga-Web应用之数据大屏(适配1920*1080 2560*1440 3840*2160)

Web应用之数据大屏一、技术栈React17.0.0搭建脚手架Eahcrt常规图表Svga动画3D模型-Three.Js大屏适配-目标大屏(4K-3840*2160)二、React17.0.0脚手架搭建
ConstSuccess·2025-02-04 11:41

React + three.js 3D模型面部表情控制

系列文章目录React使用three.js加载gltf3D模型|three.js入门React+three.js3D模型骨骼绑定React+three.js3D模型面部表情控制React+three.js
买药弟弟·2025-02-04 10:39

【Three.js+React】教程001：绘制简单的盒子

文章目录React整合Three.js创建项目绘制一个简单的盒子添加坐标辅助器React整合Three.js在React中结合Three.js进行3D开发，可以使用React+Three.js+@react-three
叁拾舞·2025-02-04 10:05

Three.js 后期处理（Post-Processing）详解

二、Three.js后期处理的工作流程2.1创建EffectComposer2.2添加渲染通道（RenderPass）2.3应用最终渲染三、后期处理实现示例3.1基础代码四、常见的后期处理效果4.1辉光效果
山楂树の·2025-02-02 21:41

Three.js + GIS：打造三维地理信息系统的教程

Three.js+GIS：打造三维地理信息系统的教程Three.js是构建WebGL3D应用的强大工具，而结合GIS（地理信息系统）后，可以实现炫酷的三维地理可视化效果。
全栈探索者chen·2025-02-02 12:08

html5 webgl stl,新闻|Babylon.js|Babylon.js教程|Babylon.js开发|Babylon.js制作|webgl|three.js|html53D可视化开发...

4.0.0主要更新添加了对ammo.js的支持，作为物理插件(复合对象，电机，关节)(TrevorDev)Added在ammo.js物理插件中增加了对3D软体，2D布和1D绳索的软体的支持(JohnK)添加了AmmoJSPlugin场景文件加载器(MackeyK24)添加了对WebXR支持(TrevorDev)添加customAnimationFrameRequester以允许会话挂钩到引擎的渲染
miao君·2025-01-31 04:09

Three.js实战项目02：vue3+three.js实现汽车展厅项目

文章目录实战项目02项目预览项目创建初始化项目模型加载与展厅灯光加载汽车模型设置灯光材质设置完整项目下载实战项目02项目预览完整项目效果：项目创建创建项目：pnpmcreatevue安装包：[email protected]初始化项目修改App.js代码&#x
叁拾舞·2025-01-27 22:06

ThreeJS实现波纹粒子效果

今天我们来用ThreeJS的库实现一个波纹粒子效果，我们用到的ThreeJS的库有CanvasRenderer.js，OrbitControls.js，Projector.js，stats.min.js和three.js
weixin_30500473·2025-01-27 20:23

利用 Three.js 实现 3D 粒子正方体效果

在这篇文章中，我将向大家展示如何使用Three.js创建一个带有粒子的3D正方体效果。通过这段代码，我们将能够在浏览器中渲染一个3D正方体形状，并且该正方体内部填充了大量粒子（可视化效果）。
软件工程师文艺·2025-01-27 19:19

three.js中文字符随机生成旋转动画

Three.js随机中文字符生成旋转动画body{margin:0;}canvas{display:block;}{"imports":{"three":"https://cdn.jsdelivr.net
一粒马豆·2025-01-26 09:42

Three.js学习笔记(一)

Three.js学习笔记(一)1.四大组建1.场景任何要显示的东西，放在场景的任何位置一个页面可以有多个场景实现方式THREE.Scene=function()2.相机浏览器中所能看到的东西，就是由相机拍摄出来
hzxwonder·2025-01-25 22:08

Three.js学习笔记

1.three.js的引入进入官网Three.js–JavaScript3DLibrary，下载文件解压文件，复制three.js-master\build\three.min.js文件在项目中，引入该文件
癫狂de痴梦·2025-01-25 17:00

Three.js实战项目01：vue3+three.js实现圣诞动画贺卡项目

文章目录创建项目加载模型设置天空与水设置天空设置水纹添加点光源相机位置和文字切屏添加星星完整代码下载创建项目创建vue3项目【christmas-app】：npminitvite@latest安装两个库：[email protected]加载模型//导入three库import*
叁拾舞·2025-01-24 22:46

【探索前端技术之 React Three.js—— 简单的人脸动捕与 3D 模型表情同步应用】

Three.js则是一个基于JavaScript的3D图形库，能够轻松创建和渲染复杂的3D场景。当React与Three.js相遇，ReactThr
智界工具库·2025-01-24 06:02

threejs 复习笔记

//unpkg.com/[email protected]/build/three.module.js'import{OrbitControls}from'https://github.com/mrdoob/three.js
·2025-01-23 17:20

Three 场景（Scene）

场景（Scene）场景能够让你在什么地方、摆放什么东西来交给three.js来渲染，这是你放置物体、灯光和摄像机的地方。构造器Scene()创建一个新的场景对象。
灵魂清零·2025-01-21 20:38

three.js Canvas纹理（CanvasTexture）、压缩的纹理（CompressedTexture）

从Canvas元素中创建纹理贴图。它几乎与其基类Texture相同，但它直接将needsUpdate（需要更新）设置为了true。构造函数CanvasTexture(canvas:HTMLElement,mapping:Constant,wrapS:Constant,wrapT:Constant,magFilter:Constant,minFilter:Constant,format:Consta
灵魂清零·2025-01-21 06:29

使用npm创建three.js项目

1.安装Node.js和npm首先，需要在您的计算机上安装Node.js和npm。Node.js是一个JavaScript运行环境，而npm是一个JavaScript包管理器。npm会随Node.js一起安装，因此只需要安装Node.js即可。从Node.js的官方网站(https://nodejs.org)下载并安装适合您操作系统的版本。2.创建一个新的项目在您希望创建项目的目录下，手动创建一个
ShawnWeasley·2025-01-20 09:30

Canvas引擎：构建强大网页交互的利器

Three.js：精美3D渲染Three.js是一个流行的JavaScript库，提供了创建和渲染3D图形的功能。它建立在WebGL技术之上，并简化了使用WebGL的复杂性。下面
心之向往！·2025-01-17 14:39
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他