Built with … Cappuccino

From Michael’s “Visual Phenomena & Optical Illusions”

 

What is Cappuccino?

It's not about coffee here. Rather, Cappuccino is the path I chose here for the future of interactive HTML, without Flash, running on any modern browser without plugins. JavaScript (not to be confused with Java) is required, but that is required by any web-2.0+ page.

Cappuccino is an open source framework, a solid foundation, allowing to to build desktop-caliber applications that run in a web browser, but only rely on HTML5 and JavaScript. This is accomplished in two ways: (1) by “Objective-J”, a language very similar to Objective-C, and (2) by re-implementing a sizeable part of Apple's NS* and CG* frameworks.

I liked Objective-C anyway, so using Objective-J is not a problem, and the NS* and CG* frameworks allow for a very rich user interface with a consistent and fluent look-and-feel. If you have experience developing for Macintosh or iOS, you are nearly there.

Where can I learn more?

Cappuccino is a major open-source endeavour which relies on a wonderful & select group of developers; it all started with 280North. Learning it requires a sizeable effort –if rewarding– and I am still learning. I thank that community for creating and continuing development of this marvelous tool:

Where is Cappuccino used on this site?

  1. MIB (motion induced blindness)
  2. SKE (stereokinetic effect)
  3. Missing Fundamental
  4. Spine Drift
  5. Leaning Towers
  6. Café Wall
  7. SAM (stroboscopic alternative motion)
  8. Stepping Feet
  9. Jastrow
  10. curved Herman Grid
  11. Delboeuf
  12. Sigma Movement
  13. Tilt Illusion
  14. Colour Wagon Wheel
  15. Silencing by Motion (2012-05-20)
  16. Contour Adaptation (2012-09-19)
  17. Mach Bands (2013-01-19)
  18. Snake Illusion “ad lib” (2013-02-03)
  19. Moiré (2013-02-09)
  20. Motion Binding (2013-03-16)
  21. Pinna-Brelstaff (2013-06-05)
  22. Colour Fan (2013-07-12)
  23. Motion Adaptation (2013-11-02)
  24. Palisade (bent spokes) (2013-12-08)
  25. Spiraling Motion Adaptation (2013-12-20)
  26. Ebbinghaus Illusion (2013-12-23)
  27. Spoke Illusion (2013-12-25)
  28. Wagon-wheel effect (2013-12-26)
  29. Flash Lag (2014-01-01)
  30. Frequency Doubling (2014-01-04)
  31. Lilac Chaser (2014-01-05)
  32. Pyramid (2014-01-12)
  33. Kaleidoscope (2014-01-14)
  34. Breathing Square (2014-01-14)
  35. Ternus (2014-01-15)
  36. Benham (2014-01-27)
  37. Benham’s Top “unrolled” (2014-02-05)
  38. Müller-Lyer (2014-02-12)
  39. Anamorphosis (2014-03-01)
  40. Necker (2014-03-06)
  41. Neon (2014-03-10)
  42. Structure from motion (2014-03-24)
  43. Context affects colour (2014-04-26)
  44. Stroboscopic Artifacts (2014-05-01)
  45. Triangle Puzzle (2014-05-11)
  46. Dynamic Ebbinghaus (2014-05-22)
  47. Colour Phi (2014-06-08)
  48. Shaded Diamonds (2014-06-27)
  49. Colour Match (2014-06-29)
  50. COBC (2014-08-03)
  51. Induced Grating (2014-08-16)
  52. Walkers (2014-08-20)
  53. Enigma (2014-08-21)
  54. Hidden bird (2014-08-29)
  55. Pigeon Neck (2014-09-01)
  56. Freezing Rotation (2014-09-13)
  57. White Illusion (2014-09-15)
  58. Tilted Table (2014-09-20)
  59. Pinna-Brelstaff 2 (2014-10-28)
  60. Poggendorff (2014-10-29)
  61. Gestalt in equiluminance (2014-11-02)
  62. Watercolor (2014-11-16)
  63. Scanimation (2014-12-07)
  64. Colour flicker & Minumum motion (2014-12-28)
  65. Circular Stepping Feet (2014-12-31)
  66. Thatcher (2015-01-06)
  67. Psychokinematics (2015-02-08)
  68. Dotted Lines (2015-02-15)
  69. Checkershadow (2015-02-16)
  70. Hyperacuity (2015-02-25)
  71. Dress color enigma (2015-02-28)
  72. Shepards Terrors (2015-03-09)
  73. Ramp adaptation (2015-03-21)
  74. McCollough Effect (2015-05-25)
  75. Lazy Shadow (2015-06-07)
  76. Pulfrich Effect (2015-07-25)
  77. Looming by Luminance (2015-08-23)
  78. Ghostly Gaze (2015-08-23)
  79. Dr. Angry and Mr. Smile (2015-08-29)
  80. Sine Illusion (2015-11-07)
  81. T-Illusion (2015-11-20)
  82. Blur & figure-ground (2015-11-26)
  83. Motion bounce (2015-12-05)
  84. Four-stroke motion (2015-12-28)
  85. Contrast-contrast (2016-01-30)
  86. Munker (2016-03-29)

Created: 2012-05-02