/TypeGL

WebGL helper library for computer graphics course assignments

Primary LanguageTypeScriptMIT LicenseMIT

TypeGL

Prerequisites

  1. Node.js & npm, 通过 npm 安装 gulp 和 typescript: npm install -g gulp typescript
  2. VSCode, 推荐安装的插件有：
  • Debugger for Chrome
  • Shader languages support for VS Code
  • glsl-canvas
  • 3D Viewer for VSCode
  1. Chrome 浏览器。（当然用 FireFox 也可以，需要自己改对应插件和 launch.json 相关设置。

Development

  1. git clone到本地后，用 VSCode 打开文件夹，在终端中运行 npm install；
  2. 通过 Ctrl+Shift+B 或终端->运行生成任务运行 Gulp Server (端口为8080)；
  3. 在左侧的调试界面中，任选一个任务运行：
  • 此后，按 F5/Ctrl+F5 便可直接运行当前任务；
  • 每个任务对应一次作业，单独用一个文件夹存放；
  • 调试新作业时，在launch.json中新增一个条目即可。
  1. 每次修改代码，Gulp 服务器便会自动 Build 并刷新浏览器。

Project Structure

关于环境开发与项目架构的详细文档，请移步 #1。