Cristian 's public fiddles
-
EaselJS Ticker Pausing
This code displays two EaselJS circle shapes moving, and two texts showing the input of the Ticker getTime() method, paused and total time. Adapted to JSFiddle from the CreateJS official docs. See original code in http://www.createjs.com/tutorials/Animation%20and%20Ticker/pausing.html
-
EaselJS Timing Mode
A demonstration of the Timing Mode availables with EaselJS. Defined in http://www.createjs.com/tutorials/Animation%20and%20Ticker/
-
EaselJS Animation Ticker by Delta
Animation Ticker of two EaselJS circle shapes, one animated with event delta, with the other one animated with its x position. Adapted to JSFiddle from CreateJS official docs. Original example: http://www.createjs.com/tutorials/Animation%20and%20Ticker/timeBased.html
-
EaselJS Animation Ticker
Animation Ticker of a EaselJS circle shape. Adapted to JSFiddle from CreateJS official docs. Original example: http://www.createjs.com/tutorials/Animation%20and%20Ticker/simple.html
-
EaselJS Inheritance Example
Inheritance Example with EaselJS. Adapted to JSFiddle from CreateJS official docs. Original tutorial: http://www.createjs.com/tutorials/Inheritance/
-
CreateJS Base Fiddle + UI Text
This is a base CreateJS fiddle, with use of UI Text.
-
UI Text Object
This is an UI Text EaselJS Object. Created using objects and EaselJS.
-
Button Object
Here it was defined a Button Object. It has effects for mouseover, mouseout and mousedown events. Also features a click event, to execute the portion of code one likes to test. Created using objects and EaselJS.
-
Untitled Working #1
An extension of the draggable squares. Attemped features: Reset button, attempts to answer drag/drop.
-
Centered Draggable and Droppable Squares
Draggable and Droppable squares. In this case, the squares are dragged, with the cursor located in the middle of the square. Along with the detailed pressup feature, the squares also feature mousedown, mouseover and pressmove effects. Created with objects and EaselJS.
-
Draggable and Droppable Squares
Draggable and Droppable Squares. The draggable squares defined here have effects on mouseover, mouseout, pressmove and pressup effects. Created with objects and EaselJS.
-
Drop Square Object
A Drop Square Object, to be used with Drags. Created using objects and EaselJS.
-
CreateJS template
A CreateJS template. Created to use all CreateJS tools.
-
Drag Square
Creation of a Drag Square. It has visual effects on mouseover, mouseout, pressmove and pressup. Created using Objects and EaselJS.
-
EaselJS Shapes
Just a taste of some of the available EaselJS shapes.
-
Drag Square Object
A Drag Square Object, that has effects on mouseover, mouseout, pressmove and pressup. Created using objects and EaselJS.
-
Drawing DOM elements into a canvas
This is a demostration of drawing DOM/HTML elements into a canvas. Original tutorial: https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Drawing_DOM_objects_into_a_canvas
-
Drag and Drop Object
Drag and Drop elements, created with Drag and Drop objects. When a Drag element is dragged close to any Drop element, by pressing up (releasing) the left button of the mouse, it will adhere to that Drag element. Created using Objects and EaselJS.
-
Drag Object (variation)
A variation of the Drag Object definition, but without the createDrag() method. Now the Drag is created at the same time the constructor is invoked. Created using EaselJS.
-
Drag Object
Definition of the Drag object, along with some instance executions. Created using EaselJS.