Updated Animation, Drawable, Events & Interactivity. (#103)

Author: hristo-kanchev

Diff for: Animation.md

@@ -30,7 +30,7 @@ You can learn more about Heaps resource management and using [`hxd.Res`](https:/
 
 ## Properties and methods
 
-The following properties and methods can be accessed on [h2d.Anim](https://github.com/ncannasse/heaps/blob/master/h2d/Anim.hx):
+The following properties and methods can be accessed on [h2d.Anim](https://heaps.io/api/h2d/Anim.html):
 
 * `speed` : changes the playback speed of the animation, in frames per seconds.
 * `loop` : tells if the animation will loop after it reaches the last frame.
@@ -42,10 +42,4 @@ anim.onAnimEnd = function() {
 }
 ```
 
-`Anim` instances have other properties which can be discovered by reviewing the [`h2d.Anim`](https://github.com/ncannasse/heaps/blob/master/h2d/Anim.hx) class.
-
-## Using image resources
-
-What you'll probably need for your game is actually using your image resources and sprites.
-- This is a small external github sample: https://github.com/Beeblerox/Simplest-Heaps-Examples/tree/master/04_heaps_anim
-It uses an image to create a sprite strip/sheet from it.
+`Anim` instances have other properties which can be discovered by reviewing the [`h2d.Anim`](https://heaps.io/api/h2d/Anim.html) class.

Diff for: Drawable.md

@@ -1,8 +1,8 @@
 # Drawable
 
-H2D classes that can display something on screen usually extend the [`h2d.Drawable`](https://github.com/ncannasse/heaps/blob/master/h2d/Drawable.hx) class.
+H2D classes that can display something on screen usually extend the [`h2d.Drawable`](https://heaps.io/api/h2d/Drawable.html) class.
 
-Each Drawable (including [`h2d.Bitmap`](https://github.com/ncannasse/heaps/blob/master/h2d/Bitmap.hx)) has several properties that can be manipulated:
+Each Drawable (including [`h2d.Bitmap`](https://heaps.io/api/h2d/Bitmap.html)) has several properties that can be manipulated:
 
 * `alpha` : this will change the amount of transparency your drawable is displayed with. For instance a value of 0.5 will display a Tile with 50% opacity.
 * `color` : color is the color multiplier of the drawable. You can access its individual channels with (r,g,b,a) components. It is initialy set to white (all components are set to 1.). Setting for instance the (r,g,b) components to 0.5 will make the tile appear darker.
@@ -18,7 +18,7 @@ Each Drawable (including [`h2d.Bitmap`](https://github.com/ncannasse/heaps/blob/
 * `filter` : when a sprite is scaled (upscaled or downscaled), by default Heaps will use the nearest pixel in the Tile to display it. This will create a nice pixelated effect for some games, but might not looks good on your game. You can try to set the filter value to true, which will enable bilinear filtering on the sprite, making it looks less sharp and more smooth/blurry.
 * `shaders` : each `Drawable` can have shaders added to modify their display. Shaders are introduced [here](https://github.com/HeapsIO/heaps/wiki/H2D-Shaders).
 
-`Drawable` instances have other properties which can be discovered by visiting the [`h2d.Drawable`](https://github.com/ncannasse/heaps/blob/master/h2d/Drawable.hx) API section.
+`Drawable` instances have other properties which can be discovered by visiting the [`h2d.Drawable`](https://heaps.io/api/h2d/Drawable.html) API section.
 
 ## Sample
 
@@ -31,8 +31,11 @@ A collection of different objects that all inherit from `h2d.Drawable`:
 ### Code
 
 ```haxe
-class SomeDrawables extends hxd.App {
-    static function main() {new SomeDrawables();}
+class Main extends hxd.App {
+    static function main() {
+        new Main();
+    }
+
     override function init() {
 
         // a h2d.Text (like from the Hello World! sample)

Diff for: First-outlook.md

@@ -18,8 +18,6 @@ There are many samples that haven't yet been added to the site of Heaps. The sam
 
 When compiling the `all.hxml` file all samples should get compiled (which currently takes about 227 MB of disk space).
 
-Sidenote (Windows): When using HashLink you can run them very quickly when [adding HashLink to your right mouse menues](https://github.com/HaxeFoundation/hashlink/wiki/Further-Tips#working-on-windows).
-
 ### 👩‍💻👨‍💻 Samples from other users
 
 You can also learn from external public repositories from other **members of the community**

Diff for: H2D-Events-and-Interactivity.md

@@ -1,6 +1,6 @@
 # Events and interaction
 
-Making objects interactive (with the mouse) is done creating a [`h2d.Interactive`](api/h2d/Interactive.html) instance. You provide it an interaction area and attach it to a sprite. This can be used to implement **buttons for the UI** but also for any other object that responds on being clicked or hovered (for instance *an old wooden chest* opened by mouse or *an enemy* the player hits by clicking on it).
+Making objects interactive (with the mouse) is done by creating a [`h2d.Interactive`](https://heaps.io/api/h2d/Interactive.html) instance. You provide it with an interaction area and attach it to a sprite. This can be used to implement buttons for the UI, but also for any other object that responds to being clicked or hovered over (for instance, an old wooden chest opened by mouse or an enemy the player hits by clicking on it).
 
 ```haxe
 var interaction = new h2d.Interactive(300, 100, mySprite);
@@ -23,19 +23,19 @@ interaction.onClick = function(event : hxd.Event) {
 
 ## Global events
 
-You can listen to global events (keyboard, touch, mouse, window) by adding event listener to the [`hxd.Window`](api/hxd/Window.html) instance.
+You can listen to global events (keyboard, touch, mouse, window) by adding an event listener to the [`hxd.Window`](https://heaps.io/api/hxd/Window.html) instance.
 
 ```haxe
 function onEvent(event : hxd.Event) {
 	trace(event.toString());
 }
 hxd.Window.getInstance().addEventTarget(onEvent);
 ```
-Don't forget to remove the event using removeEventTarget when disposing your objects.
+Don't forget to remove the event using `removeEventTarget` when disposing of your objects.
 
 ## Keyboard events
 
-Keyboard events can be observed using the global event, check if the `event.kind` is `EKeyDown` or `EKeyUp`.
+Keyboard events can be captured using the global event. Check if the `event.kind` is `EKeyDown` or `EKeyUp`.
 
 ```haxe
 function onEvent(event : hxd.Event) {
@@ -58,7 +58,7 @@ if (Key.isPressed(Key.SPACE)) {
 
 ## Resize events
 
-You can listen to resize events by adding `addResizeEvent` listener to the [`hxd.Window`](api/hxd/Window.html) instance.
+You can listen to resize events by adding `addResizeEvent` listener to the [`hxd.Window`](https://heaps.io/api/hxd/Window.html) instance.
 
 ```haxe
 function onResize() {
@@ -67,10 +67,10 @@ function onResize() {
 }
 hxd.Window.getInstance().addResizeEvent(onResize);
 ```
-Don't forget to remove the event using removeEventTarget when disposing your objects.
+Don't forget to remove the event using `removeEventTarget` when disposing your objects.
 
-All events callbacks in Heaps receive a [`hxd.Event`](api/hxd/Event.html) instance, which contains info about the event.
+All events callbacks in Heaps receive a [`hxd.Event`](https://heaps.io/api/hxd/Event.html) instance, which contains info about the event.
 
 ## Touch screen
 
-[hxd.System.getValue(IsTouch)](api/hxd/System.html#getValue) can be used to detect whether a device has a touch screen or not (currently only detected on mobile devices). This value could be used for example to implement a long press with a timer on touch screen platforms only.
+[hxd.System.getValue(IsTouch)](https://heaps.io/api/hxd/System.html#getValue) can be used to detect whether a device has a touch screen or not (currently only detected on mobile devices). This value could be used for example to implement a long press with a timer on touch screen platforms only.