❤️❤️--three.js 第8页

使用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 (4) —— BufferGeometry()

three.js中的几何体都是使用三角形构成的，而BufferGeometry()方法就是用于构建三角形的核心方法；这一篇来介绍如何使用BufferGeometry()来描绘一个几何体//three.jsimport

MatchaEmerald·2023-11-21 09:03

three.js(7)-几何体

几何体其实就是由一系列的顶点组成，我们在坐标系打几个点看看：Documentvarscene=newTHREE.Scene();varaxes=newTHREE.AxesHelper(200);//50表示xyz轴的长度，红:x,绿:y,蓝:zscene.add(axes);//添加坐标轴vargeometry=newTHREE.BufferGeometry();//创建一个Buffer类型几何体

姜治宇·2023-11-20 17:17

cesium 页面多 viewer 地图加载过缓解决方案

就拿同是web可视化三维框架的three.js和cesium来作

纯爱枫若情·2023-11-19 20:33

Threejs之射线拾取模型

RayRaycaster(射线拾取模型)屏幕坐标转标准设备坐标Raycaster(鼠标点击选中模型)Canvas尺寸变化(射线坐标计算)射线拾取层级模型(模型描边)射线拾取Sprite控制场景代码实现Three.js

开心就是最好·2023-11-19 18:21

怎么在web显示模型的动态应力图?

动态应力图通常涉及有限元分析(FEA)模拟中的应力和应变数据的可视化，可以使用Python、JavaScript等工具以及Three.js、Plotly或D3.js等库来渲染图一个网页。

weixin_50515446·2023-11-19 09:26

ThreeJS教程源码大全之如何将 3D Blender 对象作为 glTF 文件导入 Three.js 项目

项目运行效果如何将3DBlender对象作为glTF文件导入Three.js项目如何将3DBlender对象作为glTF文件导入Three.js项目实战需求如果您使用Three.js编写3D可视化，迟早您会想要超越使用库的基本原生形状

iCloudEnd·2023-11-19 06:35

html5 canvas webgl,对比平台--WebGL和Canvas之间的区别

这些在具有抽象层(例如PIXI.js)和其他一些层(例如Three.JS和Unity)的游戏(2D和3D)中使用。WebGL和Canvas之间的主要区别两者

徐老师的幼教园·2023-11-19 05:41

Canvas 、WebGL 、SVG和Three.js

SVG教程Canvas教程WebGL入门教程Three.js入门教程SVGsvg是一套二维绘制标准，通过一个标签或者说元素来绘制一个图形，如果你有前端基础相比你能理解标签或

郭隆邦技术博客·2023-11-19 05:08

three.js相机调用reset方法复原但无法完全复原

目录一、问题二、原因三、总结一、问题需求：经过多次旋转、平移等变换后，希望恢复到初次渲染的角度、位置。结果发现：three.jsoribtControls调用一次reset方法无法完全复原;需要多次调用后才能复原。this.orbitControls.reset()二、原因1.设置了阻尼系数：注释掉阻尼系数就好了//this.cameraControls.enableDamping=true;//

琹箐·2023-11-18 23:13

第七节：学习使用Geometry几何图形【Three.js整理】

Geometry几何，是three.js中3D模型的骨架，在three.js中内置了一些简单的Geometry，红框部分是本节课要讲的。

web搅拌机·2023-11-17 00:23

Three.js - 使用着色器材质绘制立方体（三十）

进一步学习后就会知道，three.js就是对GLSL语言进行了多方面的封装，下面我们就使用着色器语言来绘制一个正方体。开始绘制绘制一个有着色器材质的几何体学习import*asTHREEfrom'.

nie-ny·2023-11-16 12:27

Three.js - 着色器材质（二十七）

简介我们知道three.js是对webGL的封装，不需要我们操作复杂的着色器。有时候需求要我们实现一些十分丰富的图像，比如线条的流光动效等。

nie-ny·2023-11-16 12:26

Three.js - 着色器材质使用变量（二十八）

简介上一节我们了解了着色器材质，这节我们了解如何使用着色器。着色器变量着色器中有三种变量：Uniforms全局变量。可以传入顶点着色器，也可以传入片元着色器，在整个渲染过程中保持不变的变量。Varyings是从顶点着色器传递到片元着色器的变量。我们需要确保在两个着色器中变量的类型和命名完全一致。Attributes与每个顶点关联的变量。例如，顶点位置，法线和顶点颜色都是存储在attributes中