three.js의 메쉬에서면의 크기를 랜덤 화하는 방법은 무엇입니까?

최근에 three.js에서 실험을 시작했고 기존 지오메트리 중 하나에서 생성 된 메쉬에서면의 크기를 무작위로 추출하는 방법이 있는지 궁금해하고 있습니다.three.js의 메쉬에서면의 크기를 랜덤 화하는 방법은 무엇입니까?

Three-js는 저 폴리 작업에 우수하지만 생성 된 메시의 대칭성으로 인해 효과가 다소 손상됩니다. 각면에 약간 다른 크기와 지터/회전을 부여하는 방법을 찾고 있습니다. 글쎄, 그것을 더 "손수 제작 된"모습으로 표현하는 것입니다.

나는 math.random으로 그것을 할 수있는 방법이있을 거라 생각했지만, 나는 자바 스크립트 초보자이고 그것을 사용하는 방법에 대해 확실하지 않다. 내가 할 수있는, 여기

function createObject() { 
    var geometry = new THREE.SphereGeometry(70, 31, 17); 
    var material = new THREE.MeshPhongMaterial({ 
     color:Colors.blue, 
     shading:THREE.FlatShading 
    }); 
    var sphere = new THREE.Mesh(geometry, material); 
    sphere.position.set(45,100,0); 
    sphere.castShadow = true; 
    sphere.receiveShadow = true; 
    scene.add(sphere); 
}

코드가 로컬로 작동하지만, 나머지 코드와 바이올린, 그러나 어떤 이유 :

이

내가 덜 균일 한 외관을 부여 할 객체의 코드 브라우저에서 실행할 수 없습니다. 당신이 그것을보고 싶다면 여전히 거기에 있습니다. https://jsfiddle.net/redheadedmandy/f8fy4Lg8/1/

누군가가 three.js 메시의 균일 성을 어떻게 거칠지에 대한 제안이 있다면, 나는 그것을 감사하게 생각합니다!

출처

2017-11-15 Amanda Harvey

호기심에서 벗어나, 몇 년 동안 구식 인 Three.js의 개정판을 사용하는 성스러운 점은 무엇입니까 (r71)? :) – prisoner849

나는 바이올린을위한 cdn를 찾고 있었고 그것이 구식 버전이라는 것을 깨닫지 못했습니다! 내가 사용하고 있던 로컬 파일이 가장 최근의 업데이트입니다. –

내 대답이 도움이 되었습니까? – prisoner849

너의 기준에 따라 example이 있습니다. 음, 주로 약간의 수정을 한 예제가 Three.js의 최신 버전을 사용합니다.

var geometry = new THREE.SphereGeometry(70, 31, 17); 

    geometry.vertices.forEach(v => { 
    v.x += THREE.Math.randFloatSpread(2); 
    v.y += THREE.Math.randFloatSpread(2); 
    v.z += THREE.Math.randFloatSpread(2); 
    }); 

    geometry.computeFaceNormals(); // don't forget to do it, when you change vertices

는 사실, 기하학에서 정점의 좌표를 변경하는 방법에 여러 가지가 있습니다 "황삭"에 대한 옵션, 당신이 그런 식으로 작업을 수행 할 수 있습니다으로

. 창의력은 당신에게 달렸습니다.

출처

2017-11-15 08:38:39 prisoner849

OP가 정점을 무작위로 지정하려는 경우가 있습니다. 나는 각 얼굴의 중심을 취한 다음 임의의 눈금을 적용하는 것을 상상하고 무엇이 그 것이 달성 될지 궁금해하고 있습니다. D – pailhead

@pailhead 솔직히 말해서, 그것은 내 첫 번째 생각이었습니다. D – prisoner849

three.js의 메쉬에서면의 크기를 랜덤 화하는 방법은 무엇입니까?

답변

관련 문제