初始three.js

news/2025/11/4 21:45:42/文章来源:https://www.cnblogs.com/simon0618/p/19191478

three.js概述
Three.js是一款基于原生WebGL封装通用Web 3D引擎,在小游戏、产品展示、物联网、数字孪生、智慧城市园区、机械、建筑、全景看房、GIS等各个领域基本上都有three.js的身影。
只要你有Web3D可视化的需求,基本上都可以首选学习Three.js。
安装和配置three.js
如果是采用vue+three.js技术栈,可以直接通过npm进行安装。

// 比如安装148版本
npm install three@0.148.0 --save

引入three.js

// es6语法
import * as THREE from 'three';

引入three.js扩展库。安装好three.js后就有,但是使用时需要按需要引入。
下面代码中的两个库:OrbitControls可以实现鼠标旋转、缩放三维模型;GLTF实现加载外部三维模型,都是非常常用的扩展库。

// 引入扩展库OrbitControls.js
import { OrbitControls } from 'three/addons/controls/OrbitControl.js';
// 引入扩展库GLTFLoader.js
import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';

旧版本中,引入扩展库路径略微不同
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/956059.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

2025 年 11 月财税合规审计报告服务商权威推荐榜:专业审计、税务合规、财务风控,企业财税合规审计报告公司精选

2025 年 11 月财税合规审计报告服务商权威推荐榜:专业审计、税务合规、财务风控,企业财税合规审计报告公司精选 行业背景与发展趋势 随着数字经济时代的深入发展,企业财税合规审计正面临前所未有的变革与挑战。在全…

2025 年 11 月财税合规服务厂家推荐排行榜,电商/跨境电商/出口退税/股权设计/平台报送/亚马逊/Temu/1039/海外公司/审计报告全案解决方案

2025 年 11 月财税合规服务厂家推荐排行榜,电商/跨境电商/出口退税/股权设计/平台报送/亚马逊/Temu/1039/海外公司/审计报告全案解决方案 行业背景与发展趋势 随着全球经济数字化转型加速,财税合规服务行业正经历深刻…

2025 年 11 月一般纳税人财税合规服务商权威推荐榜:专业税务筹划与合规管理解决方案深度解析

2025 年 11 月一般纳税人财税合规服务商权威推荐榜:专业税务筹划与合规管理解决方案深度解析 随着我国税收征管体系不断完善,一般纳税人企业面临的财税合规要求日益严格。在数字经济快速发展的背景下,企业税务筹划与…

AI分为ANI和AGI

AI分为ANI和AGIANI为弱人工智能(可以做到人类让做到的某一个事情) AGI为强人工智能(可以做人包括不限于人类做到的所有事情)

L09_ java内注解反射的简单理解(作为小白,菜鸟的理解)

学习链接:https://www.bilibili.com/video/BV1p4411P7V3/?spm_id_from=333.337.search-card.all.click&vd_source=886219f6fb49f459fbfc8b80a8b39f3f 学习链接:https://www.bilibili.com/video/BV1Rf4y1h7yq/?…

P5369 最大前缀和

P5369 最大前缀和 题目 题目描述 小 C 是一个算法竞赛爱好者,有一天小 C 遇到了一个非常难的问题:求一个序列的最大子段和。 但是小 C 并不会做这个题,于是小 C 决定把序列随机打乱,然后取序列的最大前缀和作为答案…

20232323 2024-2025-1《网络与系统攻防技术》实验4实验报告

1、实验内容 1.1恶意代码文件类型标识、脱壳与字符串提取 对提供的rada恶意代码样本,进行文件类型识别,脱壳与字符串提取,以获得rada恶意代码的编写作者,具体操作如下: (1)使用文件格式和类型识别工具,给出rada…

251104A. 图

251104A. 图 给定一个 \(n\) 个点的完全无向图,求给每条边定权在 \([1,V]\) 内的方案数,使得点 \(1\) 到点 \(n\) 的最短路长度等于 \(k\)。对非质数取模。 \[1\le n, k\le 13, 1\le V\le 10^9 \] 考虑按 \(1\) 到 \…

奋飞咨询:以专业之光,照亮企业可持续发展通途

奋飞咨询:以专业之光,照亮企业可持续发展通途 在这个洋溢着丰收喜悦的季节,奋飞咨询凭借深厚的专业底蕴与持之以恒的努力,在可持续发展咨询领域再度闪耀璀璨光芒。十月,我们精心辅导的客户于国际权威的Ecovadis评…

日总结 21

Node.js 是基于 Chrome V8 引擎的 JavaScript 运行环境,能让 JavaScript 脱离浏览器在服务器端运行。它采用异步非阻塞 I/O 模型与事件驱动机制,擅长处理高并发请求,适合构建服务器端应用、API、实时通信服务等。其…

cpp生成1到n生成全排列的三种方法

要求:按字典序输出1到n的全排列 法一:next_permutation(); include include using namespace std; int main(){ ios::sync_with_stdio(false); cin.tie(nullptr); int a[]={1,2,3,4,5,6,7,8}; do{ for(int i=0;i<…

CF1815D

诈骗。 核心:万能的性质:异或是不进位加法 考虑 \(m>2\),对于和 \(n\) 同奇偶的 \(x\) 我们直接构造 \(\left\{x, \cfrac{n-x}{2}, \cfrac{n-x}{2}, 0, \cdots \right\}\),对于不同奇偶我们发现这么多东西加起来…

南京大学/NJU 人工智能/AI 计算机系统基础/ICS 编程作业/PA 记录

PA2.3 从这里开始记录。 已经能通过大部分测试用例————除了 hello-str 和 string。观察这两个测试用例究竟是为什么挂了。系统报错是因为超出内存范围,但是根本原因在这之前。

直播带货话术不会写?这个AI指令帮你搞定

本文分享了一个专门用于生成直播带货话术的AI指令,帮助解决直播创作者在话术设计中的常见痛点。文章从实际困境出发,详细介绍了指令的完整结构、使用方法和实际效果,并针对不同产品类型提供了定制化建议。通过结构化…

Java数组——数组的使用

Java数组——数组的使用数组的使用 for循环 For-Each循环————用于打印数组 数组作方法入参 数组作返回值 案例: public class Array_demo04 {public static void main(String[] args) {int [] a = {1,2,3,4,5};//…

NOIP2025加训

CF1610E AmShZ and G.O.A.T. 最少删除元素个数转化为最多保留元素个数。考虑不合法序列的性质。 发现严格大于平均数的元素个数与严格小于平均数元素个数的关系可以与该序列中点位置的数联系在一起,显然的,对于 \(\{…

20232427 2025-2026-1 《网络与系统攻防技术》实验四实验报告

实验环境确认 操作环境:Kali Linux 虚拟机 核心工具:file、exiftool、upx、strings、IDA Pro(需提前安装)、Super巡警脱壳机(Windows 环境辅助) 实验样本:rada 恶意代码样本、crackme1.exe、crackme2.exe、Snor…

Windows 系统下通过 VMware 17 安装 macOS 的教程

Windows 系统下通过 VMware 17 安装 macOS 的教程 首先下载网盘链接内的 VMware17 以及 unlocker426下载并解压 VMware-workstation-full-17.0.0-20800274.ZIP 后双击.exe 文件一路下一步安装即可,最后的“许可证”那…

【Redis】实操:cluster集群部署

单机基于docker部署Redis 3主3从集群Redis Cluster 基于docker-compose的部署 前言 Redis 作为高性能的键值存储,在生产环境中需通过集群方案保障高可用与水平扩展。Redis 提供的三种核心高可用方案:主从模式:一个主…

2025.11.4 - A

今天工程实训和英语,加油