html原生script寫法

<script id="vs" type="x-shader/x-vertex"> …… </script> <script id="fs" type="x-shader/x-fragment"> …… </script> 調用方式如下： material = new THREE.ShaderMaterial( { ……vertexShader: document.getElementById( 'vs' ).textContent,fragmentShader: document.getElementById( 'fs' ).textContent,depthTest: false} );

?

純js寫法，直接賦值字符串即可

material = new THREE.ShaderMaterial({ ……vertexShader : 'varying vec2 vUv;\void main() {\vUv = uv;\gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\}',fragmentShader : 'uniform sampler2D map;\uniform vec3 fogColor;\void main() {\……}',});

?

?

總結

以上是生活随笔為你收集整理的three.js script vertex和fragment在react中使用/纯js写法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。