diff --git a/assets/hoverboard.png b/assets/hoverboard.png new file mode 100644 index 0000000..d3179fa Binary files /dev/null and b/assets/hoverboard.png differ diff --git a/assets/hoverboard_horizontal.png b/assets/hoverboard_horizontal.png new file mode 100644 index 0000000..20b5da2 Binary files /dev/null and b/assets/hoverboard_horizontal.png differ diff --git a/assets/sources.txt b/assets/sources.txt index 845061e..91f88a4 100644 --- a/assets/sources.txt +++ b/assets/sources.txt @@ -7,4 +7,5 @@ bananas5.png http://cliparts.co/clipart/16657 grass.png http://per-ankh.deviantart.com/art/MapleStory-Grass-Tile-423960012 giraffe.png http://www.clipartpanda.com/clipart_images/animals-clip-art-page-12-36637335 archway.svg http://www.clipshrine.com/archway-arch-road-11417-medium.html -torch.png http://clubpenguin.wikia.com/wiki/File:Wall_Torch.PNG \ No newline at end of file +torch.png http://clubpenguin.wikia.com/wiki/File:Wall_Torch.PNG +hoverboard.png http://myfirstworld.com/profile.asp?user=279967 \ No newline at end of file diff --git a/hungrymonkey.js b/hungrymonkey.js index 7308fb4..077f0b5 100644 --- a/hungrymonkey.js +++ b/hungrymonkey.js @@ -98,7 +98,8 @@ var sprites = { giraffe: {w: 335, h: 421, file: "giraffe.png"}, archway: {w: 47, h: 110, file: "archway.svg", map: {sprite_archway_left:[0,0], sprite_archway_right:[1,0]}}, - torch: {w: 47, h: 100, file: "torch.png"} + torch: {w: 47, h: 100, file: "torch.png"}, + hoverboard: {w: 200, h: 50, file: "hoverboard_horizontal.png"} }; Object.keys(sprites).forEach(function(spriteKey) { @@ -308,10 +309,16 @@ function buildArchway(levelWidth) { function placeHoverboard(x, monkey) { var h = 20; - var hoverboard = Crafty.e('2D, DOM, Color, Floor, Motion') + + var hoverboard_sprite = Crafty.e('2D, DOM, sprite_hoverboard') .attr({x: x, y: H-FH-h-20, z: 8, - w: 100, h: h}) - .color('#FF5677'); + w: 100, h: h}); + + var hoverboard = Crafty.e('2D, Floor, Motion') + .attr({x: x, y: H-FH-h-5, z: 8, + w: 100, h: h}); + hoverboard.attach(hoverboard_sprite); + var normalSpeed = monkey._speed; var hbSpeed = normalSpeed.x*1.5; var hoverboardSpeed = {x: hbSpeed, y: hbSpeed}; @@ -324,7 +331,6 @@ function placeHoverboard(x, monkey) { // TODO maybe use enterframe var iv = setInterval(function(){ hoverboard.vx /= 1.5; - console.log("dsd"); if (Math.abs(hoverboard.vx) < 0.01) { clearInterval(iv); }