一. 官方文档
地址:three.js
二. 简介
threejs是JavaScript编写的 WebGL 第三方库,提供了非常多的3D显示功能。它是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括摄像机,光影,材质等各种对象。
三. npm安装
$ npm install three --save-dev
四. 代码实例
前提:提前准备好 .glb(3D格式文件) 和 .hdr(High-Dynamic Range:高动态范围的缩写-用于渲染场景) 格式文件,可以网上下载
1. 可以再utils文件下编写一个Base3d.js的工具包
import * as THREE from "three";
import { RGBELoader } from "three/examples/jsm/loaders/RGBELoader"; // 色调渲染器
import { OrbitControls } from "three/examples/jsm/controls/OrbitControls"; // 轨道控制器
import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader"; // 文件格式加载

本文介绍了如何使用Vue和Three.js库在浏览器中创建3D场景,通过详细步骤展示了如何安装Three.js,准备3D模型文件,并在Vue组件中调用工具包实现3D物体的360度旋转展示。
最低0.47元/天 解锁文章

被折叠的 条评论
为什么被折叠?



