WebGP Examples

Welcome to the WebGP examples, to see the source or make a comment, go to the source page on GitHub

• Rainbow fountain The simplest example with a million independent particles flying around
• Mouse fountain The green particles try to follow your mouse
• Poly fountain Three vertex computers bouncing particles around with overlay textures to show the particle details

Latest feature - renderStep fragment shaders

Normally a default point is rendered by the default fragment shader attached to your renderStep, but you can now override the fragment shader with your own and do stunning graphics like those found at the www.Shadertoy.com website. Here's a few of the Shadertoy scripts driven by WebGP. The examples below create a two triangle vertex array with 6 points (to draw a rectangle) and then sends it through a fragment shader to show how you can even use this library to do cool graphics using WebGP with WebGL2.

• Shadertoy Ocean - I don't understand all the math, but this looks so awesome
  "Seascape" by Alexander Alekseev aka TDM - 2014
• Shadertoy Sky - Flying without the air sickness
  Created by inigo quilez - iq/2013
• Shadertoy Star - A flaming star, drag with mouse to rotate it
  Panteleymonov A K 2015 https://www.shadertoy.com/view/4lfSzS
• Shadertoy Plasma - A plasma ball that looks cool and won't shock you
  Plasma Globe by nimitz (twitter: @stormoid)

and one more thing...

How about an experimental shader viewport manager? This lets you run multiple real time shaders in independent 'windows' in the WebGL canvas. A single WebGP VertexComputer is used to process all the viewports and sizing and moving in parallel so there is very low overhead. At the top left is a + button to add more toys. The controls are designed to be intuitive so figure it out.

• WebGP vm - A shader viewport manager
  by glenn@irwinideas.com 2018, example window contents adapted from http://www.ShaderToy.com contributions