2
0

KaleidoShader.js 1022 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  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. const 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;
  24. void main() {
  25. vUv = uv;
  26. gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
  27. }`,
  28. fragmentShader: `uniform sampler2D tDiffuse;
  29. uniform float sides;
  30. uniform float angle;
  31. varying vec2 vUv;
  32. void main() {
  33. vec2 p = vUv - 0.5;
  34. float r = length(p);
  35. float a = atan(p.y, p.x) + angle;
  36. float tau = 2. * 3.1416 ;
  37. a = mod(a, tau/sides);
  38. a = abs(a - tau/sides/2.) ;
  39. p = r * vec2(cos(a), sin(a));
  40. vec4 color = texture2D(tDiffuse, p + 0.5);
  41. gl_FragColor = color;
  42. }`
  43. };
  44. THREE.KaleidoShader = KaleidoShader;
  45. } )();