Animated Mario sprite with game{closure} + coffeescript

Just a quick one; an animated sprite in game{closure} using coffee script:

image directory structure:
├── resources
│   └── images
│       └── mario
│           ├── mario-run-0001.png
│           ├── mario-run-0002.png
│           └── mario-run-0003.png


	`import ui.SpriteView as SpriteView;`
	class Mario extends GC.Application
	initUI: ->
	sprite = new SpriteView({
	superview: @.view
	x: 100
	y: 100
	width: 23
	height: 29
	url: "resources/images/mario/mario"
	defaultAnimation: "run"})
	sprite.startAnimation "run"
	`exports = Mario`

view raw Application.coffee hosted with ❤ by GitHub

More coffeescript + game{clojure} ...

Today I ported game{closure}'s animated trail example to coffeescript.

For anyone wondering, the work flow I'm using is:

Create a new game project:
$ cd ~/devkit/projects/
$ basil init <game-name>

Create a coffeescript directory:
$ mkdir ~/devkit/projects/<game-name>/coffee

Watch and auto-compile coffeescript to js and copy to the projects /src directory
$ cd ~/devkit/projects/<game-name>/coffee 
$ coffee --watch --compile --output ../src/ .

Run sdk web frontend
$ basil serve

Start hacking at your application.
$ emacs ~/devkit/projects/<game-name>/coffee/Application.coffee

And here is the code:

	`import ui.View as View`
	`import animate`
	toColor = (x) -> (x % 255).toString(16)
	class Trail extends GC.Application
	createTrail: (pt) ->
	opts = merge(pt, {superview: GC.app.view})
	new TrailBox(pt, opts)
	initUI: ->
	@style.backgroundColor = '#FFFFFF'
	@view.on('InputMove',(evt,pt) -> @.createTrail(pt))
	launchUI: -> #disable splash screen
	class TrailBox extends View
	init: (opts) ->
	colorZ = toColor(opts.x + opts.y)
	colorX = toColor(opts.x)
	colorY = toColor(opts.y)
	options = merge(opts, {
	backgroundColor: '#'+ colorZ + colorX + colorY
	opacity: 0.8
	anchorX: 1.5
	anchorY: 1.5
	width: 3
	height: 3
	r: 0 })
	super options
	fadeAnimation = {
	opacity: 0
	x: opts.x - 15
	y: opts.y - 15
	anchorX: 15
	anchorY: 15
	width: 30
	height: 30
	r: Math.PI * 4}
	animate(@).now(fadeAnimation, 1500).then(@.remove())
	remove: ->
	=> @.removeFromSuperview()
	`exports = Trail`

view raw Application.coffee hosted with ❤ by GitHub

GameClosure & CoffeeScript

Yesterday a colleague pointed me a very interesting game engine called GameClosure that can compile Javascript and HTML down to native code for mobile devices.



Never wanting to touch Javascript after having discovered the wonders of CoffeeScript I took a quick look at how to get a hello-world example working with CoffeeScript & GameClojure... here's the code:

	`import ui.TextView as TextView`
	class helloWorld extends GC.Application
	initUI:->
	textView = new TextView({
	superview: @view
	layout: "box"
	text: "Hello, Coffee!"
	color: "white"})
	super
	`exports = helloWorld`

view raw Application.coffee hosted with ❤ by GitHub

A couple of points of note here are:

• exports is backtick-escaped so as to render directly to javascript as the engine requires exports to have global scope.
• CoffeeScript's implementation of inheritance replaces GameClosures 'Class(<super class>, func...' inheritance helper function (and is much nicer IMO) as seen in their javascript implementation of hello-world. 

Hopefully it's this easy with, non-trivial, GameClosure applications.