在球体几何体上绘制网格线
Draw lines of mesh on SphereGeometry
我尝试绘制一个 THREE.mesh 的线条,其几何形状是用SphereGeometry
完成的,材料是用MeshBasicMaterial
完成的。
为此,我使用了以下代码片段:
var segments = 32
var geometry = new THREE.SphereGeometry(3, segments, segments, 0, Math.PI * 2, 0, Math.PI * 2);
var material = new THREE.MeshBasicMaterial({color: 0x900000});
var sphere = new THREE.Mesh(geometry, material);
scene.add(sphere);
此代码段不会生成预期的行。
除了上面的代码,我还尝试这样做:
var sphere = new THREE.Object3D();
sphere.add( new THREE.LineSegments(
new THREE.Geometry(),
new THREE.LineBasicMaterial({
color: 0xffffff,
transparent: true,
opacity: 0.5
})
));
sphere.add( new THREE.Mesh(
new THREE.Geometry(),
new THREE.MeshPhongMaterial({
color: 0x156289,
emissive: 0x072534,
side: THREE.DoubleSide,
shading: THREE.FlatShading
})
));
scene.add(sphere);
网格线也不会显示。
我使用 three.min.js 版本 74。
使用 THREE。线框帮助程序类。
var wireframe = new THREE.WireframeHelper( sphere, 0x00ff00 );
scene.add( wireframe );
http://threejs.org/docs/#Reference/Extras.Helpers/WireframeHelper
相关文章:
- 画布-绘制的线,但没有显示在谷歌检查元素
- 删除高图中的第一条和最后一条网格线
- 使用点距离绘制螺旋线
- 无法在画布中绘制细线
- 谷歌用数字绘制时间线
- 如何在 JavaScript 中绘制波浪线
- 谷歌区域图不显示垂直网格线
- 在球体几何体上绘制网格线
- SVG网格线在Google Chrome中缩放时模糊,但在Mozilla Firefox中工作正常
- 在HTML和Javascript中向背景添加网格线,类似于VisualStudios网格
- 高图表 - 打开和关闭显示、隐藏或图例项单击的网格线
- 通过HTML5画布上下文进行缩放,并在给定图像上绘制网格
- D3 网格线和刻度值问题
- 莫里斯.js虚线网格线
- Highcharts JS - 热图设置网格线宽
- 如何使用 D3JS 创建带有网格线的 SVG
- jQuery UI,捕捉到网格示例,创建网格线
- 在jquery flot图表中,只突出显示一条特定的网格线
- 在剑道ui网格中,我如何将网格线包裹到带极限
- d3-在指定位置绘制网格线