A pdf file with the complete documentation is available here.
What we are going to learn
now is just a quick review about how the engine works.
JADSDS engine is a tag based JavaScript animator and load data reading XML files.
Remember all the tags are case sensitive.
Play with the values, press “Run xml” and see what happens. If something goes wrong, just press “Reset”.
Here we are using multiple tags like a camera with auto horizontal scroll, image manipulation, more than one layer for parallax effect, edit objects position and mouse events like drag and drop, mouseover and click events.
Play with the values, press “Run xml” and see what happens. If something goes wrong, just press “Reset”.
colorCycling: Color Cycling was used in old video games as an alternative for save memory. The technique consists in use only one frame and the code literally “moves the colors” creating a feeling of animation. With imagination, you can create really beautiful designs with few lines of code.
Play with the values, press “Run xml” and see what happens. If something goes wrong, just press “Reset”.
createBackgroundLayer: If you are working with a camera and scrolling you can create multiple layers with this tag for a nice parallax effect.
This tag creates an alternative “canvasResolution”. If you are planning create a background layer you must use a resolution smaller than the main “canvasResolution”, thereby the background layer will move slower when the scrolling happens.
Play with the values, press “Run xml” and see what happens. If something goes wrong, just press “Reset”.
postEffects: Running the Jadsds in your internet browser allows you create more complicated animations. The previous example is using multiple canvases, one of them is the main canvas and the other one is the sub-canvas.
You can print other canvases inside your animation and add effects. Jadsds comes with some effects included but is up to you create your own effects. Please read the documentation about the methods and properties available.
