$(-> manager = new ResourceManager("gemswap/assets") engine = new Engine(manager) window.debug_engine = engine ### # Configure pre-loading assets manager.addImages([ "images/loading_screen.png" ], true) ### # Configure game assets manager.addImages([ "images/cursor.png" "images/diamond.png" "images/diamond_inverted.png" "images/diamond_shimmer.png" "images/yellow.png" "images/yellow_inverted.png" "images/yellow_shimmer.png" "images/blue.png" "images/blue_inverted.png" "images/blue_shimmer.png" ]) ### manager.addSounds([ "sfx/match.wav" "sfx/swap.wav" ]) ### manager.prepare -> # Set up the engine engine.addCanvas($("#gamecanvas")); engine.setPreloadScene(engine.createScene("loader")) engine.setInitialScene(engine.createScene("main")) manager.load -> # Game asset initialization... engine.createSprite("cursor", "images/cursor.png") engine.createSprite("diamond", "images/diamond.png") engine.createSprite("diamond_inverted", "images/diamond_inverted.png") engine.createSprite("diamond_shimmer", "images/diamond_shimmer.png") engine.createSprite("yellow", "images/yellow.png") engine.createSprite("yellow_inverted", "images/yellow_inverted.png") engine.createSprite("yellow_shimmer", "images/yellow_shimmer.png") engine.createSprite("blue", "images/blue.png") engine.createSprite("blue_inverted", "images/blue_inverted.png") engine.createSprite("blue_shimmer", "images/blue_shimmer.png") # Object definitions loader = engine.createObject("loader") loader.onStep = -> true loader.onDraw = -> engine.draw.rectangle(0, 0, 800 * manager.file_progress, 64, {fillColor: "#CCCCCC"}) engine.draw.rectangle(0, 64, 800 * manager.total_progress, 128, {fillColor: "#AAAAAA"}) cursor = engine.createObject("cursor") cursor.sprite = engine.getSprite("cursor") cursor.onStep = -> $("#debug").html("Mouse coords: #{@scene.mouse_x} / #{@scene.mouse_y}
Frameskip: #{@engine.frameskip}") diamond = engine.createObject("diamond") diamond.sprite = engine.getSprite("diamond") diamond.draw_sprite = false diamond.onCreate = -> @fade_value = 0.3 @shimmer_value = @engine.ease.circInOut(0, 0.8, engine.random.number(200, 350), null, true, true) @gem_type = @engine.random.pick("diamond", "yellow", "blue") diamond.onStep = -> return true diamond.onDraw = -> @engine.getSprite(@gem_type).draw(@x, @y) @engine.getSprite("#{@gem_type}_inverted").draw(@x, @y, { alpha: @fade_value }) @engine.getSprite("#{@gem_type}_shimmer").draw(@x - 14, @y - 14, { alpha: @shimmer_value }) diamond.onMouseOver = -> @fade_value = @engine.ease.quadInOut(0.3, 0.7, 10, @engine.ease.bounceOut(0.7, 0.3, 65)) cursor = @engine.getObject("cursor").getInstances()[0] cursor.x = @engine.ease.quadInOut(cursor.x, @x - 9, 8) cursor.y = @engine.ease.quadInOut(cursor.y, @y - 9, 8) # Scene configuration engine.getScene("loader").onLoad = -> # Loading screen @createInstance(loader, 0, 0) engine.getScene("main").onLoad = -> # Actual game initialization @createInstance(cursor, 0, 0) for x in [10 .. 728] by 80 for y in [10 .. 550] by 80 @createInstance(diamond, x, y) # Let's go! engine.start() )