Three.js – Building a Cube with different mater...
2013-09-21 06:45
399 查看
//Cube var materials = [ new THREE.MeshLambertMaterial({ ambient: 0xffffff, map: THREE.ImageUtils.loadTexture( '1.png' ) }), new THREE.MeshLambertMaterial({ ambient: 0xffffff, map: THREE.ImageUtils.loadTexture( '2.png' ) }), new THREE.MeshLambertMaterial({ ambient: 0xffffff, map: THREE.ImageUtils.loadTexture( '3.png' ) }), new THREE.MeshLambertMaterial({ ambient: 0xffffff, map: THREE.ImageUtils.loadTexture( '4.png' ) }), new THREE.MeshLambertMaterial({ ambient: 0xffffff, map: THREE.ImageUtils.loadTexture( '5.png' ) }), new THREE.MeshLambertMaterial( { ambient: 0xffffff, map: THREE.ImageUtils.loadTexture( '6.png' ) }) ]; var geometry = new THREE.CubeGeometry( 80, 80, 80, 3, 3, 3, materials ), cube = new THREE.Mesh( geometry, new THREE.MeshFaceMaterial() ); cube.position.set( 0, 0, 0 ); var scene = new THREE.Scene(); scene.add( cube );Three.js – Building a Cube with different materials on each face
相关文章推荐
- How to load 3d model from different domain and display it with Three.js
- AngularJS Front-End App with Cloud Storage Tutorial Part 1: Building a Minimal App in Seven Steps
- Building Faster APIs with NodeJs and Redis
- Node.js: Building for Scalability with Server-Side JavaScript
- 检测使用 three.js 时的 WebGL 和浏览器兼容性(Detecting WebGL and browser compatibility with three.js)(转)
- Threejs 官网 - Three.js 的图形用户界面工具(GUI Tools with Three.js)
- Threejs 官网 - 检测使用 three.js 时的 WebGL 和浏览器兼容性(Detecting WebGL and browser compatibility with three.js)
- three.js 源码注释(三十六)Texture/CubeTexture.js
- Convert a model from Maya to WebGL for use with THREE.js
- Building For Different Environments with Maven
- Threejs 官网 - Three.js 的图形用户界面工具(GUI Tools with Three.js)
- three.js 源码注释(七十)extras/geometries/CubeGeometry.js
- Building Huuuuuge Apps with AngularJS
- three.js旋转的方块canvas_geometry_cube
- WebGL With Three.js – Lesson 6(转)
- Creating corner with different angle by using css and js
- Calculate superficial area and volume of mesh with Three.js(WebGL)
- [three.js] 解決貼圖無法重複的問題 Solving with Texture RepeatWrapping Fail Issue
- [three.js] 地图不能解决重复的问题 Solving with Texture RepeatWrapping Fail Issue
- Building real time app with Socket.io and Node.js