【3D】threejs 设置透明背景,使用css中的背景效果
发布于 1 个月前 作者 qjzd 157 次浏览 来自 码农

核心代码

    var renderer = new THREE.WebGLRenderer({
      antialias: true,
      alpha: true // alpha设置true
    })
	var scene = new THREE.Scene()
	// scene.background = new THREE.Color(0xaaaaaa) // scene不要设置背景色

设置容器的css样式

.map-bg {
  background: url('/images/bg.jpg') no-repeat center;
}

css使用了一张图片作为背景,效果

image-bg.jpg

回到顶部