javascript - tutorial - Acceder a los contenidos del archivo shader para three.js usando jquery

three.js tutorial español

Question

Necesito acceder al texto de una cadena que importo usando HTML desde dentro de otra secuencia de comandos.

Incluyo el archivo de texto en cuestión en el archivo html:

<script src="shaders/fragmentshader.fs" id=fragmentshader></script>

Luego quiero poner el contenido de este archivo en una variable dentro de otro archivo de script y usarlo como un sombreador para tres, js:

var fShader = $(''#fragmentshader'');

var shader = new THREE.ShaderMaterial({
    vertexShader: vShader.text(),
    fragmentShader: fShader.text()
});

Este código funciona bien si solo escribo el código de sombreado necesario entre las etiquetas de script en el archivo html, pero solo accede al url estricto (no a los datos) si se usa como se indica anteriormente.

Mi pregunta es ¿cómo puedo acceder al texto dentro del archivo después de cargarlo como se muestra arriba?

Answer 1

No puede cargar sombreadores usando src en la etiqueta de script .

Puede usar ShaderLoader.js y luego escribir:

<script data-src="shaders/name/vertex.js" data-name="shader" 
type="x-shader/x-vertex"></script>

En js:

SHADER_LOADER.load(function(data) {
    var particlesVertexShader = data.shader.vertex;
});