혹시 three.js와 shader에 대해 잘 아시는 분 계실까요...?

Question

https://codepen.io/Mamboleoo/pen/zYEmGNw 위 예제는 shader와 three.js가 함께 사용된 예제입니다.이걸 shader를 사용하지 않고 three.js만을 이용해 구현할 순 없는지 여쭤보고 싶습니다. shader가 3D 장면을 렌더링하는 동안 적절한 수준의 빛 , 어두움, 색상을 계산하는 것..이라고 하는데 정확히 잘 모르겠네요.. 이는 three.js를 이용해서도 구현할 수 있는 것 아닌가요..? 아래처럼 코드를 작성해서 points mesh를 만들었는데codepen 코드를 shader 없이 아래 코드처럼은 작성할 수 없는 건지..궁금합니다. createGeometry() { const points &#61; new Float32Array(COUNT * 3).map((point) &#61;> THREE.MathUtils.randFloatSpread(DISTANCE * 2), ); const colors &#61; new Float32Array(COUNT * 3).map((color) &#61;> Math.random()); this.geometry &#61; new THREE.BufferGeometry(); this.geometry.setAttribute( &#34;position&#34;, new THREE.Float32BufferAttribute(points, 3), ); this.geometry.setAttribute( &#34;color&#34;, new THREE.Float32BufferAttribute(colors, 3), ); } createMaterial() { this.material &#61; new THREE.PointsMaterial({ size: 0.03, alphaMap: this._alphaMap, alphaTest: 0.01, vertexColors: true, transparent: true, }); } createPoints() { this.points &#61; new THREE.Points(this.geometry, this.material); this.group &#61; new THREE.Group(); this.group.add(this.points); }

혹시 three.js와 shader에 대해 잘 아시는 분 계실까요...?

0개의 답변

#webgl 목록