作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
var arcShape = new THREE.Shape();
arcShape.moveTo( 50, 10 );
arcShape.absarc( 10, 10, 40, 0, Math.PI*2, false );
var map1 = new THREE.ImageUtils.loadTexture( 'moon.jpg' );
var geometry = new THREE.ExtrudeGeometry( arcShape, extrudeSettings );
var new3D = new THREE.Mesh( geometry, new THREE.MeshBasicMaterial( { map: map1 } ) );
new3D.receiveShadow = true;
obj3Dmassive.add( new3D );
纹理 (512x512):http://f3.s.qip.ru/cMfvUhNj.png
结果:http://f3.s.qip.ru/cMfvUhNh.png
如何填充纹理图形?
最佳答案
如果您只有一条直线挤压路径,则可以将纹理应用于挤压形状,而无需自定义 UV 生成器。例如
var extrudeSettings = {
bevelEnabled: false,
steps: 1,
amount: 20, //extrusion depth, don't define an extrudePath
material:0, //material index of the front and back face
extrudeMaterial : 1 //material index of the side faces
};
var geometry = shape.extrude(extrudeSettings);
var mesh = new THREE.Mesh(geometry,
new THREE.MeshFaceMaterial([materialFace, materialSide]));
这对于千篇一律的形状很方便。
关于javascript - 如何将纹理应用于 THREE.ExtrudeGeometry?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14797407/
我是一名优秀的程序员,十分优秀!