Threejs入门3-helloword

这篇博客介绍了Threejs的基本使用,从目录搭建开始,包括js逻辑目录、类库、图片和入口html文件的设置。接着,通过实例展示了如何制作一个旋转的立方体,详细解析了代码,特别是index.html和main.js的编写,遵循相机、场景、物体和渲染的初始化步骤。
摘要由CSDN通过智能技术生成

1.目录搭建

js:存放js逻辑目录

libs: threejs类库

images:图片

index.html入口

2. 制作一个旋转的立方体

3.代码详解

a.index.html

引入下载好的threejs类库以及自定义的main.js

<!DOCTYPE html>
<html>
<head>
    <title>three.js</title>
    <script src="libs/three.min.js"></script>
    <script src="js/main.js"></script>
    <style>
    </style>
</head>
<script>

</script>
<body>
</body>
</html>

b. main.js

之后的学习我们按照下面的模板,分成几个阶段来进行:初始化相机、场景、物体、渲染等。


                
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值