KaleidoShader.js 1.0 KB

123456789101112131415161718192021222324252627282930
  1. ( function () {
  2. /**
  3. * Kaleidoscope Shader
  4. * Radial reflection around center point
  5. * Ported from: http://pixelshaders.com/editor/
  6. * by Toby Schachman / http://tobyschachman.com/
  7. *
  8. * sides: number of reflections
  9. * angle: initial angle in radians
  10. */
  11. var KaleidoShader = {
  12. uniforms: {
  13. 'tDiffuse': {
  14. value: null
  15. },
  16. 'sides': {
  17. value: 6.0
  18. },
  19. 'angle': {
  20. value: 0.0
  21. }
  22. },
  23. vertexShader: [ 'varying vec2 vUv;', 'void main() {', ' vUv = uv;', ' gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );', '}' ].join( '\n' ),
  24. fragmentShader: [ 'uniform sampler2D tDiffuse;', 'uniform float sides;', 'uniform float angle;', 'varying vec2 vUv;', 'void main() {', ' vec2 p = vUv - 0.5;', ' float r = length(p);', ' float a = atan(p.y, p.x) + angle;', ' float tau = 2. * 3.1416 ;', ' a = mod(a, tau/sides);', ' a = abs(a - tau/sides/2.) ;', ' p = r * vec2(cos(a), sin(a));', ' vec4 color = texture2D(tDiffuse, p + 0.5);', ' gl_FragColor = color;', '}' ].join( '\n' )
  25. };
  26. THREE.KaleidoShader = KaleidoShader;
  27. } )();