1.首先在github下载好three.js工程后
直接打开是不可以的,有相关介绍,其实就是不能文件夹直接打开到那时可以用域名打开,
本地配置下iis环境即可,例如 http://127.0.0.1/three.js-dev/examples
这样可以直接打开index页面,然后浏览
2.打开之后你会发现有些场景打开后不正常,模型或者贴图没有加载出来
解决方法:在iis配置管理器里面设置mime类型,点击进入,然后右边会有一个添加
像我这样添加就行;
然后打开之后就可以正常显示了:
3:替换模型时有时候会替换了模型但是显示还是之前的模型,试了一会儿就好了,有时候就很快。。。。。。。。。。。
4.设置three.js背景为透明,显示自己设置的背景:
css设置:
body {
margin: 0;
overflow: hidden;
background: url(“background/background.png”) center no-repeat;
background-size:cover;
}
renderer设置:
renderer = new THREE.WebGLRenderer( { antialias: true, alpha: true } );
renderer.setClearAlpha(0.2);
alpha: true 这个属性是关键,不然背景会被renderer遮住。
这里还有一个关键点,就是不要对scene设置背景色,即:
scene.background = new THREE.Color( 0x000000 );
其实设置为透明色没用,直接把上一句代码注释即可: