three.js圆边框2

three.js
基于这篇文章的想法28.
一个普通的几何体，而不是缓冲区。
这个版本的限制是smoothness不能小于3，因为它使用THREE.SphereGeometry()，它的widthSegments参数有这个限制。nhttps://jsfiddle.net/prisoner849/p614jc75/155
批评是非常受欢迎的。nfunction RoundEdgedBox(width, height, depth, radius, widthSegments, heightSegments, depthSegments, = radius || (Math.min(Math.min(width, height), depth) = Math.max(3, Math.floor(smoothness) || = new THREE.Geometry();// corners - 4 eighths of a = new THREE.SphereGeometry(radius, smoothness, smoothness, Math.PI * .5, Math.PI * .5, Math.PI * .5, Math.PI * .5);corner4.translate(halfWidth, -halfHeight, halfDepth);geometry.merge(corner1);geometry.merge(corner2);geometry.merge(corner3);geometry.merge(corner4);// edges - 2 fourths for each dimension// = new THREE.CylinderGeometry(radius, radius, height - radius * 2, smoothness, heightSegments, true, Math.PI * 1.5, Math.PI * .5);edge4.translate(-halfWidth, 0, halfDepth);// = new THREE.PlaneGeometry(depth - radius * 2, height - radius * 2, depthSegments, heightSegments);side2.rotateY(Math.PI * .5);side2.translate(width * .5, 0, 0);side.merge(side2);geometry.merge(edge);geometry.merge(side);// duplicate and>nyup this is it, the geometry here is perfectnAnd I have one more idea about a round-edged box geometry nJust caught it, going home from work ))nThe only problem of the solution with the parts of the sphere is that it is not completely symmetrical.nI drew the following structure. To possibly do it with BufferGeometry.By way ofnhttp://threejs.hofk.de/sphere/00_hemiSphere_n_part.html 11(or THREEp addon).nBut there are a lot of faces!nYeah, as I used THREE.SphereGeometry()，它在Y轴上是对称的只有。
我想，我明白你的意思了。但是我们不需要这样的精确性和复杂性。
这个解决方案的概念是将基本几何体及其组成部分结合起来。
明白了！
但是我喜欢玩结构。
尝试了我的插件-这也可以工作。
使用3个分区更容易。霍克：
但是我喜欢玩结构。我已经注意到了
这实际上很酷。您的工作很棒
这方面的代码有多复杂？如果这不是秘密，你能提供模块的链接并指向代码行吗？）
这不算太多。我在插件本身中也找不到它。
但在准备工作中，它是主要部分：nhttp://threejs.hofk.de/sphere/00_hemission_n_part.html15nhttp://threejs.hofk.de/sphere/00_hemiSphere4.html8
在http://threejs.hofk.de/12在网站中间还有另外两个变体
我总是需要时间，但这些是一个变体的主线
var radius;var rs; // ringsvar rvSum; // sum of ring verticesvar vertexCount;var x, y, z;var a, b, c;var ni, nji; // relative i, jvar Alpha;var = 1 + 2 * rs * ( rs + 1 ) ;for ( = 0; q < 4; q ++ ) {// quarter ringfor ( var === 0 ) {//first face = j + = a + 4 * i + q;if ( q === 3 && j === i === 3 && j === i ) += i;}}g.vertices[ 0 ].set( 0, radius, 0 ); = i = 0; j
视图-资料来源：http://sandboxthreep.threejs.hofk德先生/3P.js22n197在函数中：函数create（）{…--------------538//面向南半球…561-==0？1：底部；i
读这段代码时，我的头脑有点融化了。它是否会创建一个完整的圆形框，如果不是的话，这里讨论的是什么？
无论如何，我的尝试可以在http://webglworkshop.com/demos/fillet/filletBox.html72
我使用BoxGeometry并将其转换为球体作为中间步骤。
一个非常类似的想法圆边框3参考资料这是创建圆边框的最后一种方法，当我终于离开的时候想法，六个转换的缓冲区索引平面，合并到单个缓冲区索引几何体中。这种方法的优点是，我们可以在每一侧应用一种材料。主要是基于他们如何构建一个长方体几何体。[圆形框3]https://jsfiddle.net/prisoner849/1fhu48mj/批评是非常受欢迎的。我喜欢这个，你真的映射了它！
Round-edged box 2n

three.js圆边框2

three.js[已解决]正交摄影机的变换控件：gizmos缩放问题

three.js多次渲染同一模型（obj模型），FPS要低得多

three.js可缩放场景背景

three.js移动导入的Gltf模型

three.js平面明暗处理的问题

three.js如何渲染立方体材质？

three.js如何创建要在网格中拟合的线段

three.jsGLTFLoader.js这是我的登记簿错误

three.js使用threejs的光流

three.js使用光线投射动态绘制多边形