javascript - Three.jsで角が丸い立方体を作成する

Question

three.jsでカスタム半径の角が丸い立方体を作成し、その立方体に画像をテクスチャリングすることは可能ですか？

Answer 1

RoundedBoxGeometrythree.js の例から使用できます。

const geometry = new RoundedBoxGeometry( 10, 10, 10, 6, 2 );

次のようなパターンを使用してプロジェクトにインポートします。

import { RoundedBoxGeometry } from './threejs/examples/jsm/geometries/RoundedBoxGeometry.js';

three.js r.131

Answer 2

立方体 (およびその他の基本的なジオメトリ) のサブディビジョン モディファイアの単純で直接的な例については、以下を参照してください。

http://stemkoski.github.com/Three.js/Subdivision-Cube.html