use captureEvent, update pixelate

Author: monkstone

image_filtering/data/pixelate.glsl

@@ -4,6 +4,9 @@
 // Original shader by simesgreen
 // https://www.shadertoy.com/view/4sl3zr
 
+// New original shader by radiodario
+// https://www.shadertoy.com/view/ltjGDh
+
 // Ported to Processing by Raphaël de Courville <twitter: @sableRaph>
 
 #ifdef GL_ES
@@ -14,13 +17,13 @@ precision mediump int;
 uniform sampler2D texture;
 
 uniform vec2 sketchSize;
+uniform vec2 offset;
 
-uniform float division;
+uniform float pixelSize;
 
 void main(void)
 {
-	vec2 uv = gl_FragCoord.xy / sketchSize.xy;
-	vec2 divs = vec2(sketchSize.x * division / sketchSize.y, division);
-	uv = floor(uv * divs)/ divs;
+	// we might not need the last term
+	vec2 uv = ((floor((gl_FragCoord.xy - offset) / pixelSize ) * 0.5) * pixelSize + offset) / sketchSize + vec2(0.5) / sketchSize;
 	gl_FragColor = texture2D(texture, uv);
 }

image_filtering/pixelate.rb

@@ -18,9 +18,16 @@ def draw
   background(0)
   # Draw the image on the scene
   image(my_image, 0, 0)
-  oscillation = map1d(sin(frame_count * 0.005), (-1.0..1.0), (10..30)).floor
-  my_filter.set('division', oscillation.to_f) 
+  oscillation = make_even(map1d(sin(frame_count * 0.01), (-1.0..1.0), (2..128)))
+  offset_x = make_even(width % oscillation * 0.5).to_f
+  offset_y = make_even(height % oscillation * 0.5).to_f
+  my_filter.set('pixelSize', oscillation.to_f)
+  my_filter.set('offset', offset_x, offset_y)
   # Applies the shader to everything that has already been drawn
   return if mouse_pressed?
   filter(my_filter)
 end
+
+def make_even(source)
+  (source / 2.0).floor * 2
+end

video_filtering/barrel_blur_chroma.rb

@@ -1,7 +1,7 @@
 # Hold mouse click to disable the filter temporarily
 # The videoclip is from NASA: http://youtu.be/CBwdZ1yloHA
 
-load_library :video
+load_library :video, :video_event
 include_package 'processing.video'
 
 attr_reader :movie, :my_shader
@@ -23,9 +23,10 @@ def setup
 
 def draw
   image(movie, 0, 0, width, height)
-  begin  # workaround to avoid reflection nonsense
-    movie.read
-  end if movie.available?
   return if mouse_pressed?
   filter(my_shader)
 end
+
+def movieEvent(m)
+  m.read
+end

video_filtering/black_white_capture.rb

@@ -14,9 +14,11 @@ def start_capture(w, h)
 end
 
 def draw
-  return unless (cam.available == true)
-  cam.read
   image(cam, 0, 0)
   return if mouse_pressed?
   filter(my_shader)
 end
+
+def captureEvent(c)
+  c.read
+end

video_filtering/edge_detect_capture.rb

@@ -1,4 +1,4 @@
-load_library :video
+load_library :video, :video_event
 include_package 'processing.video'
 attr_reader :cam, :my_shader
 
@@ -15,9 +15,11 @@ def start_capture(w, h)
 end
 
 def draw
-  return unless (cam.available == true)
-  cam.read
   image(cam, 0, 0)
   return if mouse_pressed?
   filter(my_shader)
 end
+
+def captureEvent(c)
+  c.read
+end

video_filtering/ntsc.rb

@@ -3,7 +3,7 @@
 
 # The videoclip is from NASA: http://youtu.be/CBwdZ1yloHA
 
-load_library :video
+load_library :video, :video_event
 include_package 'processing.video'
 
 attr_reader :movie, :my_shader
@@ -20,9 +20,10 @@ def setup
 
 def draw
   image(movie, 0, 0, width, height)
-  begin  # workaround to avoid reflection nonsense
-    movie.read
-  end if movie.available?
   return if mouse_pressed?
   filter(my_shader)
 end
+
+def movieEvent(m)
+  m.read
+end