Moving to using a small extend / mixin method to avoid code repeating now we're extending Pixi display objects.

2026-09-09 11:28:47 +08:00 · 2013-09-03 04:43:26 +01:00
parent 66e86e7d82
commit e28cdbeb6a
3 changed files with 274 additions and 0 deletions
@@ -0,0 +1,167 @@
 <!DOCTYPE HTML>
 <html>
 <head>
 	<title>phaser.js - a new beginning</title>
 	<?php
 		//require('js.php');
 	?>
 </head>
 <body>
 <script type="text/javascript">
 function isPlainObject ( obj ) {
 		// Not plain objects:
 		// - Any object or value whose internal [[Class]] property is not "[object Object]"
 		// - DOM nodes
 		// - window
 		if (typeof(obj) !== "object" || obj.nodeType || obj === obj.window) {
 			return false;
 		}
 		// Support: Firefox <20
 		// The try/catch suppresses exceptions thrown when attempting to access
 		// the "constructor" property of certain host objects, ie. |window.location|
 		// https://bugzilla.mozilla.org/show_bug.cgi?id=814622
 		try {
 			if ( obj.constructor &&
 					!hasOwn.call( obj.constructor.prototype, "isPrototypeOf" ) ) {
 				return false;
 			}
 		} catch ( e ) {
 			return false;
 		}
 		// If the function hasn't returned already, we're confident that
 		// |obj| is a plain object, created by {} or constructed with new Object
 		return true;
 	}
 function extend () {
 	var options, name, src, copy, copyIsArray, clone,
 		target = arguments[0] || {},
 		i = 1,
 		length = arguments.length,
 		deep = false;
 	// Handle a deep copy situation
 	if ( typeof target === "boolean" ) {
 		deep = target;
 		target = arguments[1] || {};
 		// skip the boolean and the target
 		i = 2;
 	}
 	// extend jQuery itself if only one argument is passed
 	if ( length === i ) {
 		target = this;
 		--i;
 	}
 	console.log('extending',length,options,deep);
 	for ( ; i < length; i++ ) {
 		// Only deal with non-null/undefined values
 		if ( (options = arguments[ i ]) != null ) {
 			// Extend the base object
 			for ( name in options ) {
 				src = target[ name ];
 				copy = options[ name ];
 				console.log('extending',src,copy);
 				// Prevent never-ending loop
 				if ( target === copy ) {
 					continue;
 				}
 				// Recurse if we're merging plain objects or arrays
 				if ( deep && copy && ( isPlainObject(copy) || (copyIsArray = Array.isArray(copy)) ) ) {
 					if ( copyIsArray ) {
 						copyIsArray = false;
 						clone = src && Array.isArray(src) ? src : [];
 					} else {
 						clone = src && isPlainObject(src) ? src : {};
 					}
 					// Never move original objects, clone them
 					target[ name ] = extend( deep, clone, copy );
 				// Don't bring in undefined values
 				} else if ( copy !== undefined ) {
 					target[ name ] = copy;
 				}
 			}
 		}
 	}
 	// Return the modified object
 	return target;
 };
 Bob = {};
 Bob.Coke = function (x, y) {
 	this.x = x;
 	this.y = y;
 }
 Bob.Coke.prototype = {
 	fizz: function () {
 		console.log('fizz', this.x, this.y);
 	}
 }
 Bob.Sprite = function (x, y) {
 	this.x = x;
 	this.y = y;
 }
 Bob.Sprite.prototype = {
 	test: function () {
 		console.log('bob', this.x, this.y);
 	},
 	nipples: function () {
 		console.log('bob nipples');
 	}
 }
 Bob.Extra = function (x, y) {
 	Bob.Sprite.call(this, x, y);
 	// Bob.Coke.call(this, x, y);
 }
 // Bob.Extra.prototype = Object.create(Bob.Sprite.prototype);
 Bob.Extra.prototype.solid = function () {
 	console.log('extra solids');
 }
 Bob.Extra.prototype = extend(true, Bob.Extra.prototype, Bob.Sprite.prototype, Bob.Coke.prototype);
 var rich = new Bob.Extra(99,100);
 console.log(rich);
 var sus = new Bob.Extra(500,123);
 console.log(sus);
 rich.test();
 rich.solid();
 rich.fizz();
 console.log('ssssss');
 sus.test();
 sus.solid();
 sus.fizz();
 </script>
 </body>
 </html>
@@ -3,6 +3,7 @@
 	//	Much easier for debugging
 ?>
 	<script src="../src/Phaser.js"></script>
 	<script src="../src/utils/Utils.js"></script>
 	<script src="../src/pixi/Pixi.js"></script>
 	<script src="../src/pixi/InteractionManager.js"></script>
@@ -0,0 +1,106 @@
 Phaser.Utils = {
 	//	This is a slightly modified version of jQuery.isPlainObject
 	isPlainObject: function (obj) {
 		// Not plain objects:
 		// - Any object or value whose internal [[Class]] property is not "[object Object]"
 		// - DOM nodes
 		// - window
 		if (typeof(obj) !== "object" || obj.nodeType || obj === obj.window)
 		{
 			return false;
 		}
 		// Support: Firefox <20
 		// The try/catch suppresses exceptions thrown when attempting to access
 		// the "constructor" property of certain host objects, ie. |window.location|
 		// https://bugzilla.mozilla.org/show_bug.cgi?id=814622
 		try {
 			if (obj.constructor && !hasOwn.call(obj.constructor.prototype, "isPrototypeOf"))
 			{
 				return false;
 			}
 		} catch (e) {
 			return false;
 		}
 		// If the function hasn't returned already, we're confident that
 		// |obj| is a plain object, created by {} or constructed with new Object
 		return true;
 	},
 	//	deep, target, objects to copy to the target object
 	//	This is a slightly modified version of jQuery.extend (http://api.jquery.com/jQuery.extend/)
 	extend: function () {
 		var options, name, src, copy, copyIsArray, clone,
 			target = arguments[0] || {},
 			i = 1,
 			length = arguments.length,
 			deep = false;
 		// Handle a deep copy situation
 		if (typeof target === "boolean")
 		{
 			deep = target;
 			target = arguments[1] || {};
 			// skip the boolean and the target
 			i = 2;
 		}
 		// extend Phaser if only one argument is passed
 		if (length === i)
 		{
 			target = this;
 			--i;
 		}
 		for ( ; i < length; i++ )
 		{
 			// Only deal with non-null/undefined values
 			if ((options = arguments[i]) != null)
 			{
 				// Extend the base object
 				for (name in options)
 				{
 					src = target[name];
 					copy = options[name];
 					// Prevent never-ending loop
 					if (target === copy)
 					{
 						continue;
 					}
 					// Recurse if we're merging plain objects or arrays
 					if (deep && copy && (Phaser.Utils.isPlainObject(copy) || (copyIsArray = Array.isArray(copy))))
 					{
 						if (copyIsArray)
 						{
 							copyIsArray = false;
 							clone = src && Array.isArray(src) ? src : [];
 						}
 						else
 						{
 							clone = src && Phaser.Utils.isPlainObject(src) ? src : {};
 						}
 						// Never move original objects, clone them
 						target[name] = extend(deep, clone, copy);
 					// Don't bring in undefined values
 					}
 					else if (copy !== undefined)
 					{
 						target[name] = copy;
 					}
 				}
 			}
 		}
 		// Return the modified object
 		return target;
 	}
 }