Programowanie w systemie UNIX/WebGl

WebGl jest to biblioteka JavaScript zapewniająca dostęp ( ang language bindings, glue code) do OpenGL (ES) 2.0

OpenGL

• może być uzywany bezpośrednio w elemencie Canvas z HTML
• zapewnia dostęp do renderowania sprzętowego
• dzięki dostępie przez przeglądarkę www (WUI = Web UI) jest bardzo przenośna ( wieloplatformowa), nie wymaga instalacji, plug-inów, specjlnej kompilacji dla różnych systemów operacyjnych

Test

• webgl test
• webgl report

Środowisko

StackGl

THREE.js

Warstwy

• THREE.js ( biblioteka wyższego rzędu ) - wie jak obliczyć Cieniowanie Phonga (ang. Phong lighting)
• WebGL - wie jak wysłąć dane do GPU
• GPU - wie jak wykonać obliczenia matematyczne

Programy

• Hello WebGL with no dependencies and no branching by Mike Bostock.
• Shadertoy
• shaderoo
• fractured
• synthclipse
• WebGl incspector
• pixel shaders
• webgl playground
• glsl sandbox
• kickjs shader editor
• Fractal lab
• mathbox by Steven Wittens
• patriciogonzalezvivo: glslViewer
• patriciogonzalezvivo: glslEditor

Przykłady

• webgl2fundamentals
• the book of shaders by kynd(@kyndinfo) and Patricio Gonzalez Vivo(@patriciogv)
  • glslCanvas is JavaScript Library that helps you easily load GLSL Fragment and Vertex Shaders into an HTML canvas.
  • github : thebookofshaders
• Vladimir Agafonkin Jul 27, 2017 : How I built a wind map with WebGL i github: webgl-wind
• observable
• Newton basin by Aaron Golden
• examples by Evgeny Demidov
  • WebGL WebGL examples
  • WebGL and simulations on GPU notes
• Chris M. Thomasson's Complex Field Explorer v0.0 (pre-alpha) works in: Chrome and Firefox
• Some Js+WebGL experiments and tests. Using three.js.
• Barry Martin's Hopalong Orbits Visualizer
• https://www.taoeffect.com/other/fractals/mandelbulb/
• regl
  • Complex Plot by Mike Bostock
  • Domain Coloring for Complex Functions by Ricky Reusser
• CindyJS
• fluid by George Corney
• FormulaToy.net Examples by Robert Woodley
• knots by Philip Rideout and repo
• Arnaud Chéritat
• shaders bu Kevin Roast

Źródła

• tutorialspoint : webGl
• three ways to include inline objects in HTML from w3.org
• webgl-basics by Professor Ying Zhu