added InfiniteTiles example in the shaders topic

codeanticode · codeanticode · commit 3708be262b80 · 2016-03-18T09:40:14.000-04:00
diff --git a/content/examples/Topics/Shaders/InfiniteTiles/InfiniteTiles.pde b/content/examples/Topics/Shaders/InfiniteTiles/InfiniteTiles.pde
@@ -0,0 +1,26 @@
+//-------------------------------------------------------------
+// Display endless moving background using a tile texture.
+// Contributed by martiSteiger
+//-------------------------------------------------------------
+
+PImage tileTexture;
+PShader tileShader;
+
+void setup() {
+  size(640, 480, P2D);
+  textureWrap(REPEAT);
+  tileTexture = loadImage("penrose.jpg");
+  loadTileShader();
+}
+
+void loadTileShader() {  
+  tileShader = loadShader("scroller.glsl");
+  tileShader.set("resolution", float(width), float(height));  
+  tileShader.set("tileImage", tileTexture);
+}
+
+void draw() {
+  tileShader.set("time", millis() / 1000.0);
+  shader(tileShader);                    
+  rect(0, 0, width, height);
+}
diff --git a/content/examples/Topics/Shaders/InfiniteTiles/data/penrose.jpg b/content/examples/Topics/Shaders/InfiniteTiles/data/penrose.jpg
diff --git a/content/examples/Topics/Shaders/InfiniteTiles/data/scroller.glsl b/content/examples/Topics/Shaders/InfiniteTiles/data/scroller.glsl
@@ -0,0 +1,17 @@
+//---------------------------------------------------------
+// Display endless moving background using a tile texture.
+// Contributed by martiSteiger
+//---------------------------------------------------------
+
+uniform float time;
+uniform vec2 resolution;
+uniform sampler2D tileImage;
+
+#define TILES_COUNT_X 4.0
+
+void main() {
+  vec2 pos = gl_FragCoord.xy - vec2(4.0 * time);
+  vec2 p = (resolution - TILES_COUNT_X * pos) / resolution.x;
+  vec3 col = texture2D (tileImage, p).xyz;
+  gl_FragColor = vec4 (col, 1.0);
+}
