three第一天（定义 + 旋转）

郭富城-

已于 2022-04-22 11:05:26 修改

阅读量410

点赞数

分类专栏： thess.js 文章标签：前端

于 2022-04-22 10:42:53 首次发布

本文链接：https://blog.csdn.net/panhao8888/article/details/124320000

版权

这篇博客介绍了如何开始使用Three.js，首先讲解了通过下载或npm安装的方式引入Three库，接着通过实例展示了如何在Three.js中实现物体的旋转效果。

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

使用three需要下载本地或者npm安装

three下载地址
 three官网

1.three初体验

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>第一个three.js文件_WebGL三维场景</title>
    <style>
        body {
   
            margin: 0;
            overflow: hidden;
            /* 隐藏body窗口区域滚动条 */
        }
    </style>
    <!--引入three.js三维引擎-->
   <script src="./three.js/build/three.js"></script>
   <script src="./three.js/examples/js/controls/OrbitControls.js"></script>
</head>

<body>
    <script>
        /**
         * 创建场景对象Scene
         */
        var scene = new THREE.Scene();
        /**
         * 创建网格模型
         */
        // var geometry = new THREE.SphereGeometry(</