rapidgame/templates/titanium/TwoScene/Resources/ApplicationWindow.js

A cross-platform commandline tool that prebuilds cocos2d-x libraries for Windows, Mac, Linux, Android and iOS. Also a game templating system.

//
//  Created using [RapidGame](http://wizardfu.com/rapidgame).
//  See the `LICENSE` file for the license governing this code.
//  Developed by Nat Weiss.
//

var platino = require('co.lanica.platino');

var ApplicationWindow = function() {
	var initialScene = "MenuScene";
	var window = Ti.UI.createWindow({
		backgroundColor: 'black',
		orientationModes: [Ti.UI.LANDSCAPE_RIGHT, Ti.UI.LANDSCAPE_LEFT], //others: Ti.UI.LANDSCAPE_LEFT, Ti.UI.LANDSCAPE_RIGHT (should match your tiapp.xml)
		fullscreen: true,
		navBarHidden: true
	});

	var game = platino.createGameView();
	game.fps = 30;
	game.color(0, 0, 0);
	game.debug = false; // disables debug logs (not to be used for production)
	game.enableOnDrawFrameEvent = true; // optimization: setting to 'false' disables 'enterframe' event

	// additional options:
	//game.keepScreenOn = false;
	//game.textureFilter = platino.OPENGL_LINEAR; // uncomment for smooth rendering
	//game.setUsePerspective(false); // for isometric
	//game.enableOnLoadSpriteEvent = false; // optimization: disables 'onloadsprite' and 'onunloadsprite' event except selected sprite by registerOnLoadSpriteName(name) or registerOnLoadSpriteTag(tag)
	//game.enableOnLoadTextureEvent = false; // optimization: disables 'onloadtexture' event except selected texture by registerOnLoadTextureName(name)
	//game.enableOnFpsEvent = false; // optimization: disables 'onfps' event
	//game.onFpsInterval = 5000; // sets 'onfps' event interval in msec (default: 5000)

	// Set your target screen resolution (in platform-specific units) below
	var targetWidth = 2048;
	var targetHeight = 1536;
	
	game.TARGET_SCREEN = {
		width: targetWidth,
		height: targetHeight
	};

	if ((Ti.Platform.displayCaps.platformWidth >= 768) && (Ti.Platform.displayCaps.dpi > 250)) {
        // Retina-display iPads, high resolution phones (e.g. Galaxy S4), etc.
        game.imageSuffix = '@3x';
        
	} else if (Ti.Platform.displayCaps.platformWidth >= 320) {
        // Non-retina iPads and retina-display iPhones, etc.
		if ((Ti.Platform.displayCaps.dpi > 200) || (Ti.Platform.displayCaps.platformWidth >= 640)) {
            game.imageSuffix = '@2x';
		} else {
			game.imageSuffix = '';
		}
	} else {
        // All other lower resolution devices...
        game.imageSuffix = '';   
	}

	var marginWidth = 0;

	// Sets up screen margins (useful for dynamic layouts, or if you want to implement letterboxing on some devices)
	// For a letter-boxed effect, add black bars to the HUD in the margin regions
	var updateMargins = function() {
		marginWidth = Math.ceil((game.screen.width - game.TARGET_SCREEN.width) * 0.5);
		
		// defines where screen-within-margin begins (add x and y values when positioning sprites)
		game.STAGE_START = {
			x: marginWidth,
			y: 0
		};
		
		// defines where screen-within-margin ends
		game.STAGE_END = {
			x: game.screen.width - marginWidth,
			y: game.screen.height
		};
		
		// defines where Titanium stage starts (outside of Game View)
		game.TI_STAGE_START = {
			x: Math.floor(game.STAGE_START.x / game.touchScaleX),
			y: game.STAGE_START.y / game.touchScaleY
		};
		
		// defines where Titanium stage ends (outside of Game View)
		game.TI_STAGE_END = {
			x: Math.ceil(game.STAGE_END.x / game.touchScaleX),
			y: game.STAGE_END.y / game.touchScaleY
		};
		
		// defines Titanium stage size (outside of Game View)
		game.TI_STAGE_SIZE = {
			width: game.TI_STAGE_END.x - game.TI_STAGE_START.x,
			height: game.TI_STAGE_END.y - game.TI_STAGE_START.y
		};
	};

	// Updates screen size, scale, and margins
	var updateScreenSize = function() {
		var screenScale = game.scale = game.size.height / game.TARGET_SCREEN.height;
		game.screen = {
			width: game.size.width / screenScale,
			height: game.size.height / screenScale
		};

		game.touchScaleX = game.screen.width  / game.size.width;
		game.touchScaleY = game.screen.height / game.size.height;
		game.screenScale = game.screen.height / game.TARGET_SCREEN.height;
		
		updateMargins();
		game.stage = {
			width: game.STAGE_END.x - game.STAGE_START.x,
			height: game.STAGE_END.y - game.STAGE_START.y
		};
		
		Ti.API.info("screenScale " + screenScale + ", game.screenScale " + game.screenScale);
		Ti.API.info("touchScale " + game.touchScaleX + " x " + game.touchScaleY);
		Ti.API.info("game.size " + game.size.width + " x " + game.size.height);
		Ti.API.info("game.screen " + game.screen.width + " x " + game.screen.height);
		Ti.API.info("game.stage " + game.stage.width + " x " + game.stage.height);
		Ti.API.info("game.TARGET_SCREEN " + game.TARGET_SCREEN.width + " x " + game.TARGET_SCREEN.height);
		Ti.API.info("game.TI_STAGE_SIZE " + game.TI_STAGE_SIZE.width + " x " + game.TI_STAGE_SIZE.height);
	};

	// Loads scene as starting point to the app
	game.addEventListener('onload', function(e) {
		updateScreenSize();

		var Scene = require(initialScene);
		var scene = new Scene(window, game);
		game.pushScene(scene);
		game.start();
	});

	game.addEventListener('onsurfacechanged', function(e) {
		game.orientation = e.orientation;
		updateScreenSize();
	});

	// Convenience function to convert Titanium coordinate from a Platino coordinate
	game.getTiScale = function(x, y) {
		return {
			x: (x / game.touchScaleX),
			y: (y / game.touchScaleY)
		};
	};

	// Whenever a sprite is created, you should call this function to ensure width and height
	// properties always return the expected value depending on the device screen
	game.setupSpriteSize = function(sprite) {
		var width = sprite.width / game.screenScale;
		var height = sprite.height / game.screenScale;
		sprite.width = (width < 1) ? 1 : width;
		sprite.height = (height < 1) ? 1 : height;
	};

	// Converts screen touch event coordinates to Platino GameView coordinates
	game.locationInView = function(_e) {
        var e = { type:_e.type, x:_e.x, y:_e.y, source:_e.source };
        var x = e.x * game.touchScaleX;
        var y = e.y * game.touchScaleY;
        e.x = x;
        e.y = y;
        return e;
	};

	// Handle android back button on a per-scene basis by adding defining a scene.backButtonHandler()
	// function within your scenes (or delete contents of below function to handle back button globally)
	window.addEventListener('androidback', function(e) {
		if ((game.currentScene) && (game.currentScene.backButtonHandler)) {
			game.currentScene.backButtonHandler();
		};
	});

	// Free up game resources when window is closed
	window.addEventListener('close', function(e) {
		game = null;
	});

	window.add(game);
	return window;
};

module.exports = ApplicationWindow;