https://github.com/naridal/tsgl

Light TypeScript wrapper around WebGL based on https://github.com/evanw/lightgl.js/
https://github.com/naridal/tsgl

typescript webgl webglrenderingcontext

Last synced: 7 days ago
JSON representation

Light TypeScript wrapper around WebGL based on https://github.com/evanw/lightgl.js/

• Host: GitHub
• URL: https://github.com/naridal/tsgl
• Owner: NaridaL
• License: mit
• Created: 2017-10-30T22:13:48.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-04-19T09:26:52.000Z (almost 2 years ago)
• Last Synced: 2024-12-18T21:11:44.458Z (2 months ago)
• Topics: typescript, webgl, webglrenderingcontext
• Language: TypeScript
• Homepage: https://naridal.github.io/tsgl/demo.html#camera
• Size: 4.06 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        

[![Travis](https://img.shields.io/travis/NaridaL/tsgl.svg?style=flat-square)](https://travis-ci.org/NaridaL/tsgl)

[![npm](https://img.shields.io/npm/v/tsgl.svg?style=flat-square)](https://www.npmjs.com/package/tsgl)

[![David](https://img.shields.io/david/expressjs/express.svg?style=flat-square)](https://david-dm.org/NaridaL/tsgl)

# tsgl

Light TypeScript wrapper around WebGL based on https://github.com/evanw/lightgl.js/

## Installation

NPM:  `npm install tsgl --save`

In the browser, you can include the [UMD bundle](./dist/bundle.js) in a script tag, and the module will be available under the global `tsgl`

## Demos

||||

--- | --- | ---

[camera](https://naridal.github.io/tsgl/demo.html#camera) | [src](./src/demo/camera.ts) | Move camera using mouse.

[gpuLightMap](https://naridal.github.io/tsgl/demo.html#gpuLightMap) | [src](./src/demo/gpuLightMap.ts) | Draw soft shadows by calculating a light map in multiple passes.

[immediateMode](https://naridal.github.io/tsgl/demo.html#immediateMode) | [src](./src/demo/immediateMode.ts) | OpenGL-style immediate mode.

[mag](https://naridal.github.io/tsgl/demo.html#mag) | [src](./src/demo/mag.ts) | Calculate and render magnetic field lines.

[multiTexture](https://naridal.github.io/tsgl/demo.html#multiTexture) | [src](./src/demo/multiTexture.ts) | Blend two textures while rendering them to a quad.

[rayTracing](https://naridal.github.io/tsgl/demo.html#rayTracing) | [src](./src/demo/rayTracing.ts) | Realtime GPU ray tracing including reflection.

[renderToTexture](https://naridal.github.io/tsgl/demo.html#renderToTexture) | [src](./src/demo/renderToTexture.ts) | Render mesh to texture, then render that texture to another mesh.

[setupDemo](https://naridal.github.io/tsgl/demo.html#setupDemo) | [src](./src/demo/setupDemo.ts) | Draw a rotating cube.

[shadowMap](https://naridal.github.io/tsgl/demo.html#shadowMap) | [src](./src/demo/shadowMap.ts) | Draw shadow of a mesh using a shadow map.

## License

[MIT](./LICENSE)