JSFiddle

hyperandroid's public fiddles

• CAAT Sample - Quadtree-based collision detection

  Avoid bullets and move across the map.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CAAT Sample - Keyboard management

  Set and manage a proper keyboard routine to move on-screen sprites.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CAAT Sample - Video integration

  Integrate video stream into CAAT.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CAAT Sample - Mask

  Different scene masks affine transformed and traversing a path.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CAAT Sample - Logo frenzy

  Divide an image with a CAAT.SpriteImage and make each piece traverse a cubic bezier path in 50 lines of code.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CAAT Sample - Timers

  Timers are set per scene. Only the currently selected scene receives timer ticks, and thus, timers get stopped when scenes are taken out from foreground.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CAAT Sample - Scene transition

  Randomly switch between scenes. Take a look at how the exiting scene gets freezed.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CAAT Sample - Box2D integration

  A simple CAAT/Box2D integration with a Box2D debug renderer enabled. Click on screen to create a force.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CAAT Sample - Circular collision detection

  Module for circular collision detection. Courtesy of Mario Gonzalez @ onedayitwillmake

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CAAT Sample - Procedural garden

  Another procedural example. Procedural grass, insects, sky color change and stars alltogether.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CAAT Sample - Interactivity

  Interact with on screen elements which will rotate on mouse in and on mouse double click some stars will fall traversing a randomly-generated quadric-bezier path.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CAAT Sample - Hierarchical affine transforms

  See a wanna-be solar like system where elements hierarchically rotate.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CAAT Sample - Affine transform anchors.

  See the rotation and scale anchors in action.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CAAT Sample - Accelerometer

  A text will always try to be seen horizontally, and at the same time the background star field will rotate accordingly.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CAAT Sample - Text traversing a CAAT.Path

  Text traversing a path defined with a CAAT.Path actor, wrapper into a CAAT.PathBehavior instance.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CAAT Sample - Mouse operations

  Drag, scale and rotate elements around the screen. See how local, parent and on-screen coordinates change.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CAAT Sample - Sprites on Path

  Double click to add an sprite that continuously traverses a randomly generated cubic bezier path.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CAAT Sample - The fishpond

  CAAT procedural Actors, gradient cache and behaviors.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CAAT Sample - Path traversal

  CAAT.Path manipulation and CAAT.Interpolator traversal-based selection.

• Private fiddle Extra
• Delete fiddle
Groups Extra