Threes.js入门篇之8 - 材质与纹理

       材质是指几何对应的 颜色信息,想让一个对象最终呈现出你所希望的样子,其中最重要的一个因素就是材质。

       来看一下例子 “canvas_material.html”

	// Spheres
	var geometry = new THREE.SphereGeometry( 100, 14, 7 );
	var textureLoader = new THREE.TextureLoader();

	var earthTexture = textureLoader.load( 'textures/land_ocean_ice_cloud_2048.jpg' );  // 地球纹理加载

	var envMap = textureLoader.load( 'textures/envmap.png' );                           // 环境贴图加载
	envMap.mapping = THREE.SphericalReflectionMapping;

	var materials = [

		new THREE.MeshBasicMaterial( { color: 0x00ffff, wireframe: true, side: THREE.DoubleSide } ),  // 颜色材质
		new THREE.MeshBasicMaterial( { color: 0xff0000, blending: THREE.AdditiveBlending } ),
		new THREE.MeshLambertMaterial( { color: 0xffffff, overdraw: 0.5 } ),
		new THREE.MeshLambertMaterial( { color: 0xffffff, overdraw: 0.5 } ),
		new THREE.MeshNormalMaterial( { overdraw: 0.5 } ),
		new THREE.MeshBasicMater
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值