ThreeJS入门篇(4)-场景Scene,三维空间

5 篇文章 22 订阅 ¥99.00 ¥9.90

Scene,是Web3D中的一个场景,在场景中允许放置多个对象、多个灯光、多个照相机、多个渲染器以及多个控制器。换句话说,Scene就是我们的一个3D页面,我们看到的所有东西都需要加载到Scene中。Scene提供了五个属性autoUpdate、background、environment、fog、overrideMaterial,这其中我只使用了两个,也只介绍两个:

background:场景背景图,背景图支持普通的2D图片做为背景,也支持使用天空之盒做三维立体视角;

fog:雾化效果,支持场景雾化Fog和指数级雾化FogExp2,场景中越远的位置看起来越模糊

一、普通的纹理背景

使用普通的2D图片做scene的background的时,视角效果上有点欠缺,通过THREE.TextureLoader()加载图片,然后将图片指定给background

var texture = new THREE.TextureLoader().load("images/1.jpg");
scene.background = texture;

一般使用普通纹理做图片时使用背景色比较多,这是可以使用THREE.Color进行指定,Color构造支持十六进制、rgb、h

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
©️2020 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值