kybernetikos + webgl   7

Origami Simulator
This app allows you to simulate how any origami crease pattern will fold. It may look a little different from what you typically think of as "origami" - rather than folding paper in a set of sequential steps, this simulation attempts to fold every crease simultaneously. It does this by iteratively solving for small displacements in the geometry of an initially flat sheet due to forces exerted by creases.
3d  graphics  origami  webgl  simulator  design  paper  fold  crease  popup 
february 2018 by kybernetikos
The Book of Shaders
This is a gentle step-by-step guide through the abstract and complex universe of Fragment Shaders.
book  3d  opengl  webgl  graphics  shaders  glsl  shader  tutorial 
november 2017 by kybernetikos
Two.js is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl.
canvas  javascript  api  svg  webgl  graphics  2d 
may 2013 by kybernetikos
Project Windstorm. Terrain demo in webgl
When I tried to think of a project suitable for learning JavaScript, a terrain flyover demo came to mind. I've worked with terrain rendering in OpenGL before and using WebGL inside a Canvas element kept me pretty close to my comfort zone. Somehow, I quickly found myself also building a WebGL GUI to act as a debugging aid at first, a way to demonstrate and monitor the behavior of the terrain algorithms later.
javascript  3d  graphics  programming  webgl 
march 2013 by kybernetikos
BananaBread | Demo Studio | MDN
BananaBread is a 3D first person shooter that runs on the web. It takes the Cube 2: Sauerbraten engine, which is written in C++ and OpenGL, and compiles it using Emscripten into JavaScript and WebGL so that it can run in modern browsers using standards-based web APIs and without the need for plugins.
3d  firefox  games  webgl  game  emscripten  sauerbraten  cube  engine  javascript  html5  web  fullscreen  fps 
december 2012 by kybernetikos

Copy this bookmark: