A Variety of KineticJS MapMaker Attempts

1.0, 1.2, 1.10, 2, 3.1, 3, Remake

HotKeys:
w,a,s,d tend to increase the size of the selection

1,2,3,4 tend to change the layer or the source image (Remake)

scrollwheel changes the zoom in a similar way to google maps.


There were serious issues with a large number of kineticJS objects having event listeners. I decided the my next one will be with pure canvas.

Space Sprite Demo3 with QImage and QSquiggle

WASD or arrow keys to move!
Link to Sprite Space Demo
Link to the sprite

Sprite Demo with Collisions

WASD or arrow keys to move!
Link to Sprite Demo with Collisions
Link to Original Post

QImage-Sprite-Demo v3.8.3

The new configs from QImage allows us to declare the source images position and size. The input values are stored to an array and only changed on keydown and keyup. The animation frame moves the sprite according to the row and input keys. The walk cycle for the sprite I used had the default stance in the middle column. The code is pretty thoroughly commented, enjoy! wasd and arrow keys to move!
Link to QImage Sprite Demo
Link to Original Post

QImage - Cropping for Kinetic.Image

Kinetic.Image needed to be able to crop.
Link to QImage Demo
Link to Original Post

Graphing Puzzle using KineticJS v3.8.2

Order the text fields along the y axis.
Use the console.log if you're stuck and the comments if you're really stuck.
Link to Graphing Puzzle

Star Field Demo with QSquiggle

Link to Star Field Demo