Jest_wang的博客

原创 【无标题】vue3 中 threejs 外部引用 着色器格式 glsl 文件 失败

在three.js中自己写shader语言的时候，我们需要把glsl与JavaScript两种语言结合起来，即在ShaderMaterial中传入对象，从而引入shader。确实这样就将js文件和glsl文件分开了，但是这样shader语言以字符串导入到js中，其本身没有问题，因为在js中，shader就是以一段字符串传的形式给GPU。但一个问题在于，我们在编辑器中看到的shader语言没有高亮，因为它们只是一段字符串，全部一样颜色，这是非常不方便的。glsl文件与js文件分开。高亮显示glsl代码。