three.js 第8页

书架选书Tween补间动画应用--Apple的学习笔记

Three.js模拟书架选书显示书名--Apple的学习笔记我说过，学习example后，会进行些美化改造。之前做的最不好的地方，就是鼠标点击书本后，书本直接瞬间弹出。

applecai·2023-12-04 06:00

three.js结合vue

npminitvite@latest然后我们cd进入刚才创建的目录下npminstall安装所需依赖npmrundev启动该项目2.整理页面将template标签以及style标签中的内容进行整理3.将three.js

fanjianwucmx·2023-12-04 02:06

Cesium开发工具篇 | 05与第三方库的集成

集成Three.jsThree.js是基于原生WebGL封装运行的三维引擎库，在所有WebGL引擎中，Three.js是国内文资料最多、使用最广泛的三维引擎。

GIS李胜·2023-12-03 22:33

Vue3炫酷可旋转的3D地球

首先，我们需要安装Three.js库：npminstallthree接下来，我们创建一个Vue3项目，并在项目中引入Three.js库。

特创数字科技·2023-12-03 14:19

webGL开发虚拟展览方案

一些常用的框架包括：Three.js：Three.js是一个强大且易于使用的WebGL框架，提供了丰富的功能和文档支持

defdsdddev·2023-12-02 20:06

WebGL开发交互式艺术品技术方案

1.WebGL框架：选择一个适用于艺术品开发的WebGL框架，其中最流行的是Three.js。Three.js提供了一个简单而强大的API，可以用于创建复杂的3D场景和交互元素。

defdsdddev·2023-12-02 20:06

webGL开发学科演示项目方案

常用框架包括Three.js、Babylon.js等。2.3D模型和纹理：收集或创建学科演示项目所需的3D模型和纹理。可以

defdsdddev·2023-12-02 20:34

关于three.js加载blender导出gltf格式模型动画要点

研究过一次加载动画后导入three.js场景不执行动画，故此记录原因。

你看我白不白·2023-12-02 15:51

Blender动画导入Three.js

你是否在把Blender动画导入你的ThreeJS游戏（或项目）中工作时遇到问题？您的.glb(glTF)文件是否正在加载，但没有显示任何内容？你的骨骼没有正确克隆吗？如果是这样，请阅读我如何使用SkeletonUtils.js解决此问题1、前提条件你正在使用Blender3.1+（此版本包括glTF2.0导出选项）你知道如何使用“Armatures”在Blender中为对象设置动画你的动画可以在

xiangzhihong8·2023-12-02 15:47

three.js导入fbx模型文件

1、引入three模块，npminstallthree--save2、把模块加载到你加载FBX文件的js中import*asTHREEfrom'../build/three.module.js';import{OrbitControls}from'./jsm/controls/OrbitControls.js';import{FBXLoader}from'./jsm/loaders/FBXLoad

生蚝吃我·2023-12-02 10:30

可视化有关JS官网链接

【threeJs】3d建模基于webGLthreejs官网：https://threejs.org/threejs中文教程：Three.js中文教程|参考手册|使用指南|动画特效实例|踏得网threejs

麦兜_冰夕·2023-12-01 23:56

VUE2+THREE.JS 模型上方显示信息框/标签(CSS3DSprite精灵模型)

THREE.JS模型上方显示信息框/标签---CSS3DSprite精灵模型1.CSS2DRenderer/CSS3DRenderer/Sprite的优劣2.实现模型上方显示信息框2.1引入2.2初始化加载的时候就执行此方法

月下脆竹書閣·2023-12-01 18:00

VUE2+THREE.JS点击事件

THREE.JS点击事件1.增加监听点击事件2.点击事件实现3.记得关闭页面时销毁此监听事件1.增加监听点击事件renderer.domElement.addEventListener("click",

月下脆竹書閣·2023-12-01 18:30

VUE2+THREE.JS辉光设定和解决辉光导致背景变暗的问题

THREE.JS辉光设定和解决辉光导致背景变暗的问题THREE.JS辉光设定THREE.JS辉光导致背景变暗的问题1.设定背景图片2.初始化辉光3.animate一直渲染辉光THREE.JS辉光设定给我的设计好的

月下脆竹書閣·2023-12-01 18:25

react应用中导入three.js

本文主要讲述如何在react应用中导入three.js，和构建demo示例。

.伊泽瑞尔·2023-12-01 15:08

使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏

背景近期工作有涉及到数字大屏的需求，于是利用业余时间，结合Three.js和CSS实现赛博朋克2077风格视觉效果[2

winty~~·2023-12-01 03:07

threeJs引入模型使用3D模型(vite+React+Ts)

要在Three.js中使用3D模型，你需要加载模型文件并将其添加到场景中。Three.js支持多种不同的模型格式，比如OBJ、FBX、GLTF等。

湖边看客·2023-12-01 03:06

使用Vue.js和机器学习进行语音控制的Web可视化

在本教程中，我们将Vue.js，Three.js和LUIS（认知服务）配对以创建语音控制的Web可视化。但首先，有一点背景为什么我们需要使用语音识别？这样的问题可能会解决什么问题？

cunque0995·2023-11-30 22:17

vue使用three.js 加载glb，gltf，obj，并做点击处理

three文档：Three.js电子书《Three.js零基础入门教程》_郭隆邦先看代码template>import*asTHREEfrom'three';import{OBJLoader,MTLLoader

苦涩！·2023-11-30 17:59

vue 使用 three.js 展示3D模型 gltf glb fbx

要在Vue项目中使用Three.js展示gltf模型，你需要按照以下步骤进行操作：1、安装所需的依赖：在Vue项目的根目录下打开终端，并执行以下命令来安装Three.js和GLTFLoader库。

菜鸟辉辉·2023-11-30 17:29

JQuery+Three.js实现产品3D模型展示

JQuery+Three.jsJQuery相较于以前，使用的频率已经越来越少了，但仍然有些公司会采用该框架进行一些项目的维护工作，基于此，对于有些想要在网站上展示3D模型的需求，结合Three.js来实现

ZM墨晖·2023-11-30 17:29

vue2+three.js实现页面引入3d模型并进行简单模型控制

一、通过npm下载three.js相关插件npmithreegsap二、页面引入import*asTHREEfrom"three";//引入扩展库OrbitControls.jsimport{OrbitControls

赵大太阳·2023-11-30 17:58

vue使用three.js实现外部加载模型的自动缩放的效果

效果图：具体实现的步骤：1、新建文件在src中创建views文件夹，在views中创建scale文件夹。在scale中创建components文件夹和index.vue文件，最后在components创建ModelScale.vue文件。2、BoxSwitch.vue文件中（1）、加载需要的js文件import*asTHREEfrom'three'import*asdatfrom'dat.gui'

菜鸟karroy·2023-11-30 16:23

VUE3+ThreeJs加载飞机模型且播放模型动画

介绍Three.js是一个3DJavaScript库，我们经常使用它加载各种不同格式的模型。

Etc.End·2023-11-30 16:53

VUE3+ VITE 使用Three.js展示3D模型

学习主要文献:1.threejs文件包下载和目录简介|Three.js中文网3D模型这里有下载网站：Sketchfab-Thebest3Dviewerontheweb（邮箱注册后有免费的模型下载)3D模型编辑软件

Jayce_he·2023-11-30 16:48

three.js加载3D模型(glb/gltf/fbx)

three.js加载3D模型(glb/gltf/fbx)一、理解three:1.一个可以在某个3D建模软件打开的东西，通过某种方案在浏览器中打开；2.不要试图手动去创建3D图形，当然比较闲的话可以这样操作

DP323·2023-11-30 16:17

Vue+Three.js，三维3d模型虚拟人 glb gltf

Part1：引入three.js项目文件夹里打开终端窗口，并运行：npminstall--savethree在需要使用three.js的组件内引入import*asTHREEfrom'three'Part2

南七小僧·2023-11-30 16:15

如何跑通跨窗口渲染：multipleWindow3dScene

New这是一个跨窗口渲染的示例，用Three.js和localStorage在同一源（同产品窗口）上跨窗口设置3D场景。

心在不焉·2023-11-30 07:10

mesh threejs 属性_ThreeJs 基础入门

本文来自网易云社区作者：唐钊Three.js是一款运行在浏览器中的3D引擎，你可以用它在web中创建各种三维场景，包括了摄影机、光影、材质等各种对象。使用它可以让我们更加直观的了解webgl的世界。

伍宁华山胸外科·2023-11-29 17:48

Threejs入门1-简介

简介Three.js是WebGL的JavaScript3D库，其对WebGL提供的接口进行了非常好的封装，简化了很多细节，大大降低了学习成本，成为前端开发者完成3D绘图的得力工具。

空谷足音 -จุ·2023-11-29 17:42

Threejs在vue中使用(场景、相机、渲染器、gltf模型添加、环境贴图等）

前言Three.js(Javascript3Dlibrary)是基于原生WebGL封装运行的三维引擎，WebGL可以看成是浏览器给我们提供的接口，在JavaScript中可以直接用这些API进行3D图形的绘制

兴芳·2023-11-29 17:41

three.js中GlTF模型渲染优化

在Three.js中渲染GlTF（GLTransmissionFormat）模型时，通常需要考虑模型优化和性能优化两个方面。

lock cylinder·2023-11-29 07:17

three.js中给场景中的对象添加贴图

给场景中的对象添加贴图.png1、three.js中的贴图类型：normalMap：法线贴图bumpMap：凹凸贴图envMap：环境贴图specularMap：高光贴图lightMap：光照贴图2、贴图原理

听书先生·2023-11-29 06:00

01-three_basic 使用three.js渲染第一个场景和物体

1.package.json{"name":"01-three_basic","version":"1.0.0","description":"","main":"index.js","scripts":{"dev":"parcelsrc/index.html","build":"parcelbuildsrc/index.html"},"author":"","license":"ISC","de

HHH 917·2023-11-29 01:59

【前端】three.js

DirectionalLight）点光源（PointLight）聚光灯（SpotLight）渲染器Threejs的实现场景的搭建地图数据的获得生成地图几何体相机辅助视图增加交互控制器射线追踪增加tooltip来源概述Three.js

软泡芙·2023-11-28 06:08

基于 WEBGL和Three.js 的3D 工业物联网可视化应用

一、WEBGL和Three.js的发展国际信息技术和移动端迅猛发展，Webgl+Three.js技术得到了进一步的发展，而3D工厂厂房在数字化的今天，Webgl+Three.js已经被越来越多的公司和企业应用在虚拟工厂系统

邓先生18620235459·2023-11-28 06:56

Three.js源码学习（十三）core/Layers

构造器mask=1|0set(channel)enable(channel)toggle(channel)disable(channel)test(layers)

yuriy0_0·2023-11-27 11:21

Photo Sphere Viewer渲染全景图片

：----three.js----browser.js注：可以直接使用npminstallphoto-sphere-viewer或者yarnaddphoto-sphere-viewer安装，会自动下载three.js

suc浮生·2023-11-27 09:09

Three.js 3D模型爆炸分解

为此，我们将使用React-Three-Fiber，但它可以与原生Three.js配合使用（它与r3f生态系统没有深度绑定，只是对我来说迭代速度更快）。

xiangzhihong8·2023-11-27 01:59

使用webpack打造专属的模块化项目

原因是这样的，最近在学习Three.js的过程中通过script标签引入相关依赖过于冗杂，使用起来也很不方便，如下所示：于是我就想在这种没有使用类似vue、react这种工程化的项目中如何去使用npm来管理各种依赖

Horizon~·2023-11-26 02:32

WebGL/threeJS面试题扫描与总结

什么是Three.js？请解释three.js中的WebGL和Canvas的区别？

xyphf_和派孔明·2023-11-25 22:17

44 Three.js拉伸几何体THREE.ExtrudeGeometry

拉伸几何体是什么拉伸是指我们有一个二维图形，通过针对这个二维图形进行z轴拉伸，将它转换成三维图形。例如，如果我们拉伸THREE.CircleGeometry，就会得到一个类似圆柱体的图形；如果我们拉伸THREE.PlaneGeometry，就会得到一个立方体。下面我们介绍一下常用的THREE.ExtrudeGeometryTHREE.ExtrudeGeometry简介THREE.ExtrudeGe

暮志未晚Webgl·2023-11-25 10:35

three.js场景中的环境光与点光源，以及物体添加阴影

添加阴影.png1、THREE.AmbientLight(环境光)环境光创建后会应用到全局中去，该光源没有特别的来源方向，通常不能将THREE.AmbientLight作为场景中的唯一的光源，因为他会将场景中的所有物体渲染为相同的颜色，在场景中再去引入其他的光源的目的就是弱化阴影。使用方式：ambientLight=newTHREE.AmbientLight(0xffffff,1);//环境光的颜

听书先生·2023-11-25 08:06

three.js上传模型文件并加载显示

效果大概这样，这个宝箱模型是直接初始化就显示的，人物模型是自己本地添加上去的，代码如下。import{ref,reactive,onMounted,getCurrentInstance}from'vue'import*asTHREEfrom'three'import{OBJLoader}from'three/examples/jsm/loaders/OBJLoader'import{OrbitCo

江苏省精神病院玛主任·2023-11-22 17:46

webGL开发微信小游戏

1.选择开发工具：使用支持WebGL的开发工具，例如Three.js，Babylon.js，或其

defdsdddev·2023-11-22 14:25

webGL技术开发的软件类型

使用WebGL框架（如Three.js、Babylon

defdsdddev·2023-11-22 14:21

Three.js教程：透视投影相机

ygtu2018·2023-11-21 23:59

Three.js相机模拟

在这篇博文中，我将向你展示如何使用Three.js和OpenCV来完成此操作。我们将从模拟针孔相机模型开始，然后添加真实的镜头畸变。

xiangzhihong8·2023-11-21 23:47

粒子系统three.js

Three.js是一个非常流行的JavaScript3D库，它提供了许多强大的功能来创建各种3D场景和动画效果。

小墨蛇·2023-11-21 21:55

学习 Three.js (1) —— 入门 Three.js

本篇开始会记录我学习three.js的过程，并把我的想法见解通过文章的方式输出，用自己的言语去总结学习的内容。

MatchaEmerald·2023-11-21 09:03

推荐频道

three.js