一、前言
首先对于web系前端来说，我们在使用WebGL开发的首选语言肯定是javascript，在接触着色器语言后，我们知道可以用：
<script type="x-shader/x-vertex"></script>
<script type="x-shader/x-fragment"></script>引入的方式，将glsl es引入到我们的JavaScript中来使用。
不过在实际开发中，这个引入方式
- 一来是不方便跟踪
- 二来我们在使用ide开发，代码提示方面没有任何优势怎么行？
好在我们在学习TypeScript之后，认识就有了一定的改变，我们使用TypeScript的视点来观察下面这一段代码。