pjkarlik / hexagon-truchet-tiles

WebGL Shader - Hexagon Truchet Tile pattern with animation | boilerplate setup for basic webgl fragment shader.

Home Page:http://hexagon-truchet-tiles.surge.sh/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

travis ci build

Hexagon Truchet Tiles | WebGL Shader Boilerplate

This is my very basic WebGL Frgament Shader boilerplate. It's the bare minimum required to start doing GLSL shader coding.

Fractal

version webpack WebGL

  • WebGL2 boilterplate.
  • [vertext shader] + [fragment shader] version 300 es.
  • Query parameter resolution switching (?rez=1/2/3/4)

Run the example

Requires Node v12.18.3 or greater

$ npm install
$ npm start

open http://localhost:2020/?rez=1 (or rez=2 or 3 for slower systems)

About

WebGL Shader - Hexagon Truchet Tile pattern with animation | boilerplate setup for basic webgl fragment shader.

http://hexagon-truchet-tiles.surge.sh/


Languages

Language:JavaScript 88.6%Language:HTML 9.2%Language:CSS 2.2%