WebGLのShaderをHTMLに直接書くと消耗するので、外部ファイルにしてJadeかSlimでincludeしちゃおう - Qiita

<script id="vertexShader" type="x-shader/x-vertex"> uniform float hoge; void main() { float fuga = 1; gl_Position = projectionMatrix * modelViewMatrix; } </script> こんな感じでHTMLに埋め込まれている。 いちいちhtmlを触らないといけない → 再利用性がない シンタックスハイライトもないので、開発がめんどくさい。 別ファイルにしよう 2つの戦略がある。 外部ファイルにするShaderファイルを作成し jsでロードする JadeなどでHTMLに埋め込む ここではJSでロードすると単純にめんどくさいのと、ロード時間が増えて、メリットがなさげなのでやめておく。 Jadeでの埋め方 jadeと同じ階層のtest.vertファイルを埋

[oki448jp]

WebGLのShaderをHTMLに直接書くと消耗するので、外部ファイルにしてJadeかSlimでincludeしちゃおう