从零开始学习Web3D可视化技术—03

绿色气球

已于 2023-03-03 16:36:41 修改

阅读量170

点赞数

分类专栏：笔记文章标签：前端 3d

于 2023-03-03 15:59:14 首次发布

本文链接：https://blog.csdn.net/wangyiebo/article/details/129320994

版权

本文是Web3D可视化的入门教程，重点讲述了如何从零开始成功导入3D模型，以沙滩水晶小熊为例，带领读者踏入3D前端世界。

摘要由CSDN通过智能技术生成

第一次成功导入3D模型

沙滩水晶小熊

import * as THREE from "three"
//导入轨道控制器
import {
    OrbitControls } from "three/examples/jsm/controls/orbitcontrols";
//载入3D模型需要的gltf
import{
   GLTFLoader} from "three/examples/jsm/loaders/GLTFLoader"


//1.初始化场景
const scene = new THREE.Scene();
//2.创建相机
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);