threejs学习记录第一天

最新推荐文章于 2025-04-10 13:30:00 发布

独断万古的伊莉雅

最新推荐文章于 2025-04-10 13:30:00 发布

阅读量592

点赞数 2

分类专栏： threejs学习笔记文章标签：学习

本文链接：https://blog.youkuaiyun.com/zzz18789/article/details/138096030

版权

threejs官网：
https://threejs.org/

使用cdn引入threejs

<script type="importmap">
    {
     
      "imports": {
     
        "three": "https://cdn.jsdelivr.net/npm/three@v0.149.0/build/three.module.js",
        "three/addons/": "https://cdn.jsdelivr.net/npm/three@v0.149.0/examples/jsm/"
      }
    }
  </script>

// 导入THREE和控制器
import * as THREE from 'three';
    import {
    OrbitControls } from 'three/addons/controls/OrbitControls.js';
// 创建场景
const scene = new THREE.Scene();
// 设置背景色，16进制
// scene.background = new THREE.Color(0xffffff);
// 设置背景图片，需要6个图片，setPath为图片文件夹地址，load填写具体文件名，必须为正方形图片，否则报错
scene.background = new