【ThreeJS Basics 03】Hello ThreeJS，实现第一个场景

Lovely Ruby

已于 2025-03-06 14:48:51 修改

阅读量590

点赞数 5

分类专栏： ThreeJS 文章标签： javascript

于 2025-02-10 07:04:55 首次发布

本文链接：https://blog.youkuaiyun.com/u010263423/article/details/145541255

版权

文章目录

环境
创建一个项目
安装依赖
基础 Web 页面
概念解释
编写代码
运行项目
mesh 有什么作用呢

环境

我的环境是 node version 22

创建一个项目

首先，新建一个空的文件夹，然后 npm init -y , 此时会快速生成好默认的 package.json

安装依赖

在新建的项目下用 npm 安装依赖

npm install vite
npm install three

基础 Web 页面

在项目下新建 index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>First Three.js Project</title>
</head>
<body>

最低0.47元/天解锁文章