z0gSh1u / typed-webgl

东南大学《计算机图形学》课程实践作业

Home Page:https://zxuuu.tech/typed-webgl/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Typed-WebGL

本项目为《交互式计算机图形学》(第七版,Edward Angel)自带代码库(MV.jsinitShaders.js)撰写了TypeScript类型描述文件(d.ts),并搭建了简单的开发脚手架。

本项目正在持续更新的部分是东南大学《计算机图形学》课程的实验作业部分。

本项目作为东南大学《计算机图形学》课程的实验作业部分已更新结束。祝贺三名组员最终都以极高的得分通过了该课程。

在这儿可以玩到成品:zxuuu.tech/seucg

组员的GitHub地址:Twileon LongChen2018 z0gSh1u

快速入门

  • dist/work/<Project Folder>下进行HTML文件的开发

    <body>
      <canvas id="cvs" height="300px" width="600px"></canvas>
    </body>
  • src/work/<Project Folder>下进行TypeScript脚本的开发

    import '../../3rd-party/MV'
    let canvasDOM: HTMLCanvasElement = document.querySelector('#cvs') as HTMLCanvasElement
    let gl: WebGLRenderingContext = canvasDOM.getContext('webgl') as WebGLRenderingContext
    /* Continue your code here. */
  • 编译TypeScript脚本到JavaScript脚本

    npm run tsc

    你也可以使用tsc来自动监视并增量编译

  • 脚手架使用AMD模块化标准,所以要借助RequireJS来兼容浏览器

    <script src="../../3rd-party/require.js" data-main="./example.js"></script>

第三方版权说明

About

东南大学《计算机图形学》课程实践作业

https://zxuuu.tech/typed-webgl/


Languages

Language:TypeScript 97.9%Language:Python 1.2%Language:HTML 0.7%Language:JavaScript 0.2%