diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..6c6bda1 --- /dev/null +++ b/.gitignore @@ -0,0 +1,4 @@ +*~ +.DS_Store +build +node_modules/ diff --git a/melonjs-tutorial/boilerplate-master/.gitignore b/melonjs-tutorial/boilerplate-master/.gitignore new file mode 100755 index 0000000..6b80472 --- /dev/null +++ b/melonjs-tutorial/boilerplate-master/.gitignore @@ -0,0 +1,3 @@ +build +.DS_Store +node_modules/ diff --git a/melonjs-tutorial/boilerplate-master/Gruntfile.js b/melonjs-tutorial/boilerplate-master/Gruntfile.js new file mode 100755 index 0000000..8b6ce66 --- /dev/null +++ b/melonjs-tutorial/boilerplate-master/Gruntfile.js @@ -0,0 +1,70 @@ +module.exports = function(grunt) { + grunt.initConfig({ + pkg: grunt.file.readJSON('package.json'), + concat: { + dist: { + src: ['lib/melonJS-<%= pkg.version %>.js', 'lib/plugins/*.js', 'js/game.js', 'js/resources.js','js/**/*.js'], + dest: 'build/js/app.js' + } + }, + copy: { + dist: { + files: [{ + src: 'index.css', + dest: 'build/index.css' + },{ + src: 'data/**/*', + dest: 'build/' + }, + { + src: 'index.html', + dest: 'build/index.html' + }] + } + }, + processhtml: { + dist: { + options: { + process: true, + data: { + title: 'My app', + message: 'This is production distribution' + } + }, + files: { + 'build/index.html': ['index.html'] + } + } + }, + uglify: { + options: { + report: 'min', + preserveComments: 'some' + }, + dist: { + files: { + 'build/js/app.min.js': [ + 'build/js/app.js' + ] + } + } + }, + connect: { + server: { + options: { + port: 8000, + keepalive: true + } + } + }, + }); + + grunt.loadNpmTasks('grunt-contrib-concat'); + grunt.loadNpmTasks('grunt-contrib-uglify'); + grunt.loadNpmTasks('grunt-contrib-copy'); + grunt.loadNpmTasks('grunt-processhtml'); + grunt.loadNpmTasks('grunt-contrib-connect'); + + grunt.registerTask('default', ['concat', 'copy']); + grunt.registerTask('full', ['concat', 'copy', 'processhtml']); +} \ No newline at end of file diff --git a/melonjs-tutorial/boilerplate-master/MIT-LICENSE b/melonjs-tutorial/boilerplate-master/MIT-LICENSE new file mode 100755 index 0000000..2cfbf16 --- /dev/null +++ b/melonjs-tutorial/boilerplate-master/MIT-LICENSE @@ -0,0 +1,19 @@ +Copyright (C) <2011 - 2013> by + +Permission is hereby granted, free of charge, to any person obtaining a copy of +this software and associated documentation files (the "Software"), to deal in +the Software without restriction, including without limitation the rights to +use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies +of the Software, and to permit persons to whom the Software is furnished to do +so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. \ No newline at end of file diff --git a/melonjs-tutorial/boilerplate-master/README.md b/melonjs-tutorial/boilerplate-master/README.md new file mode 100755 index 0000000..b2f82a8 --- /dev/null +++ b/melonjs-tutorial/boilerplate-master/README.md @@ -0,0 +1,38 @@ +melonJS boilerplate +------------------------------------------------------------------------------- + +features : +- video autoscaling +- mobile optimized HTML/CSS +- swiping disabled on iOS devices +- debug Panel (if #debug) +- default icons +- distribution build + +## To run distribution + +To build, be sure you have [node](http://nodejs.org) installed. Clone the project: + + git clone https://github.com/melonjs/boilerplate.git + +Then in the cloned directory, simply run: + + npm install + +To build: + + grunt + + +Running the game: + + grunt connect + +And you will have the boilerplate example running on http://localhost:8000 + + +Note that you may have to edit the file `Gruntfile.js` if you need to better dictate the order your files load in. Note how by default the game.js and resources.js are specified in a specific order. + +------------------------------------------------------------------------------- +Copyright (C) 2011 - 2014 Olivier Biot, Jason Oster, Aaron McLeod +melonJS is licensed under the [MIT License](http://www.opensource.org/licenses/mit-license.php) diff --git a/melonjs-tutorial/boilerplate-master/data/bgm/.placeholder b/melonjs-tutorial/boilerplate-master/data/bgm/.placeholder new file mode 100755 index 0000000..60fc579 --- /dev/null +++ b/melonjs-tutorial/boilerplate-master/data/bgm/.placeholder @@ -0,0 +1,2 @@ +docs will be placed here when built + diff --git a/melonjs-tutorial/boilerplate-master/data/bgm/dst-inertexponent.mp3 b/melonjs-tutorial/boilerplate-master/data/bgm/dst-inertexponent.mp3 new file mode 100755 index 0000000..3a3361c Binary files /dev/null and b/melonjs-tutorial/boilerplate-master/data/bgm/dst-inertexponent.mp3 differ diff --git a/melonjs-tutorial/boilerplate-master/data/bgm/dst-inertexponent.ogg b/melonjs-tutorial/boilerplate-master/data/bgm/dst-inertexponent.ogg new file mode 100755 index 0000000..8310b52 Binary files /dev/null and b/melonjs-tutorial/boilerplate-master/data/bgm/dst-inertexponent.ogg differ diff --git a/melonjs-tutorial/boilerplate-master/data/img/area01_bkg0.png b/melonjs-tutorial/boilerplate-master/data/img/area01_bkg0.png new file mode 100755 index 0000000..280c835 Binary files /dev/null and b/melonjs-tutorial/boilerplate-master/data/img/area01_bkg0.png differ diff --git a/melonjs-tutorial/boilerplate-master/data/img/area01_bkg1.png b/melonjs-tutorial/boilerplate-master/data/img/area01_bkg1.png new file mode 100755 index 0000000..2cf7187 Binary files /dev/null and b/melonjs-tutorial/boilerplate-master/data/img/area01_bkg1.png differ diff --git a/melonjs-tutorial/boilerplate-master/data/img/font/32x32_font.png b/melonjs-tutorial/boilerplate-master/data/img/font/32x32_font.png new file mode 100755 index 0000000..e1c13bc Binary files /dev/null and b/melonjs-tutorial/boilerplate-master/data/img/font/32x32_font.png differ diff --git a/melonjs-tutorial/boilerplate-master/data/img/gui/title_screen.png b/melonjs-tutorial/boilerplate-master/data/img/gui/title_screen.png new file mode 100755 index 0000000..e049929 Binary files /dev/null and b/melonjs-tutorial/boilerplate-master/data/img/gui/title_screen.png differ diff --git a/melonjs-tutorial/boilerplate-master/data/img/map/area01_level_tiles.png b/melonjs-tutorial/boilerplate-master/data/img/map/area01_level_tiles.png new file mode 100755 index 0000000..206d55a Binary files /dev/null and b/melonjs-tutorial/boilerplate-master/data/img/map/area01_level_tiles.png differ diff --git a/melonjs-tutorial/boilerplate-master/data/img/map/license.txt b/melonjs-tutorial/boilerplate-master/data/img/map/license.txt new file mode 100755 index 0000000..3cb8184 --- /dev/null +++ b/melonjs-tutorial/boilerplate-master/data/img/map/license.txt @@ -0,0 +1,263 @@ + __ _ _ _ + / _| | (_) | + __ _| |___ _| |_| |__ + / _` | _\ \/ / | | '_ \ +| (_| | | > <| | | |_) | + \__, |_| /_/\_\_|_|_.__/ + __/ | + |___/ +---------------------------------------------------------------------- +Product : gfxlib-fuzed.zip +Website : http://www.spicypixel.net +Author : Marc Russell +Released: 10th January 2008 +---------------------------------------------------------------------- + +What is this? +------------- +gfxlib-fuzed is a package of free art assets to be used under the terms of this document. It is available to game developers and hobbyists alike. + +Contents +-------- +The contents of the gfxlib-fuzed ZIP file are as follows. + +Directories + * Backgrounds - 4 Graphic tilesets, level data and level mockup. + * Sprites - Ingame Sprite animations + * GUI - Work In Progress menu artwork and icons + +Usage License & Restrictions +---------------------------- +gfxlib is distributed under the "Common Public License Version 1.0." +The terms of which are given below. If you do not understand the terms of the license please refer to a solicitor. It should however, be relatively clear how this package can be used. + +THE ACCOMPANYING PROGRAM IS PROVIDED UNDER THE TERMS OF THIS COMMON +PUBLIC LICENSE ("AGREEMENT"). ANY USE, REPRODUCTION OR DISTRIBUTION OF +THE PROGRAM CONSTITUTES RECIPIENT'S ACCEPTANCE OF THIS AGREEMENT. + +1. DEFINITIONS + +"Contribution" means: + + a) in the case of the initial Contributor, the initial code and + documentation distributed under this Agreement, and + + b) in the case of each subsequent Contributor: + + i) changes to the Program, and + + ii) additions to the Program; + + where such changes and/or additions to the Program originate from + and are distributed by that particular Contributor. A Contribution + 'originates' from a Contributor if it was added to the Program by + such Contributor itself or anyone acting on such Contributor's + behalf. Contributions do not include additions to the Program which: + (i) are separate modules of software distributed in conjunction with + the Program under their own license agreement, and (ii) are not + derivative works of the Program. + +"Contributor" means any person or entity that distributes the Program. + +"Licensed Patents " mean patent claims licensable by a Contributor which +are necessarily infringed by the use or sale of its Contribution alone +or when combined with the Program. + +"Program" means the Contributions distributed in accordance with this +Agreement. + +"Recipient" means anyone who receives the Program under this Agreement, +including all Contributors. + +2. GRANT OF RIGHTS + + a) Subject to the terms of this Agreement, each Contributor hereby + grants Recipient a non-exclusive, worldwide, royalty-free copyright + license to reproduce, prepare derivative works of, publicly display, + publicly perform, distribute and sublicense the Contribution of such + Contributor, if any, and such derivative works, in source code and + object code form. + + b) Subject to the terms of this Agreement, each Contributor hereby + grants Recipient a non-exclusive, worldwide, royalty-free patent + license under Licensed Patents to make, use, sell, offer to sell, + import and otherwise transfer the Contribution of such Contributor, + if any, in source code and object code form. This patent license + shall apply to the combination of the Contribution and the Program + if, at the time the Contribution is added by the Contributor, such + addition of the Contribution causes such combination to be covered + by the Licensed Patents. The patent license shall not apply to any + other combinations which include the Contribution. No hardware per + se is licensed hereunder. + + c) Recipient understands that although each Contributor grants the + licenses to its Contributions set forth herein, no assurances are + provided by any Contributor that the Program does not infringe the + patent or other intellectual property rights of any other entity. + Each Contributor disclaims any liability to Recipient for claims + brought by any other entity based on infringement of intellectual + property rights or otherwise. As a condition to exercising the + rights and licenses granted hereunder, each Recipient hereby assumes + sole responsibility to secure any other intellectual property rights + needed, if any. For example, if a third party patent license is + required to allow Recipient to distribute the Program, it is + Recipient's responsibility to acquire that license before + distributing the Program. + + d) Each Contributor represents that to its knowledge it has + sufficient copyright rights in its Contribution, if any, to grant + the copyright license set forth in this Agreement. + +3. REQUIREMENTS + +A Contributor may choose to distribute the Program in object code form +under its own license agreement, provided that: + + a) it complies with the terms and conditions of this Agreement; and + + b) its license agreement: + + i) effectively disclaims on behalf of all Contributors all + warranties and conditions, express and implied, including warranties + or conditions of title and non-infringement, and implied warranties + or conditions of merchantability and fitness for a particular + purpose; + + ii) effectively excludes on behalf of all Contributors all liability + for damages, including direct, indirect, special, incidental and + consequential damages, such as lost profits; + + iii) states that any provisions which differ from this Agreement are + offered by that Contributor alone and not by any other party; and + + iv) states that source code for the Program is available from such + Contributor, and informs licensees how to obtain it in a reasonable + manner on or through a medium customarily used for software + exchange. + +When the Program is made available in source code form: + + a) it must be made available under this Agreement; and + + b) a copy of this Agreement must be included with each copy of the + Program. + +Contributors may not remove or alter any copyright notices contained +within the Program. + +Each Contributor must identify itself as the originator of its +Contribution, if any, in a manner that reasonably allows subsequent +Recipients to identify the originator of the Contribution. + +4. COMMERCIAL DISTRIBUTION + +Commercial distributors of software may accept certain responsibilities +with respect to end users, business partners and the like. While this +license is intended to facilitate the commercial use of the Program, the +Contributor who includes the Program in a commercial product offering +should do so in a manner which does not create potential liability for +other Contributors. Therefore, if a Contributor includes the Program in +a commercial product offering, such Contributor ("Commercial +Contributor") hereby agrees to defend and indemnify every other +Contributor ("Indemnified Contributor") against any losses, damages and +costs (collectively "Losses") arising from claims, lawsuits and other +legal actions brought by a third party against the Indemnified +Contributor to the extent caused by the acts or omissions of such +Commercial Contributor in connection with its distribution of the +Program in a commercial product offering. The obligations in this +section do not apply to any claims or Losses relating to any actual or +alleged intellectual property infringement. In order to qualify, an +Indemnified Contributor must: a) promptly notify the Commercial +Contributor in writing of such claim, and b) allow the Commercial +Contributor to control, and cooperate with the Commercial Contributor +in, the defense and any related settlement negotiations. The Indemnified +Contributor may participate in any such claim at its own expense. + +For example, a Contributor might include the Program in a commercial +product offering, Product X. That Contributor is then a Commercial +Contributor. If that Commercial Contributor then makes performance +claims, or offers warranties related to Product X, those performance +claims and warranties are such Commercial Contributor's responsibility +alone. Under this section, the Commercial Contributor would have to +defend claims against the other Contributors related to those +performance claims and warranties, and if a court requires any other +Contributor to pay any damages as a result, the Commercial Contributor +must pay those damages. + +5. NO WARRANTY + +EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, THE PROGRAM IS PROVIDED +ON AN "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, +EITHER EXPRESS OR IMPLIED INCLUDING, WITHOUT LIMITATION, ANY WARRANTIES +OR CONDITIONS OF TITLE, NON-INFRINGEMENT, MERCHANTABILITY OR FITNESS FOR +A PARTICULAR PURPOSE. Each Recipient is solely responsible for +determining the appropriateness of using and distributing the Program +and assumes all risks associated with its exercise of rights under this +Agreement, including but not limited to the risks and costs of program +errors, compliance with applicable laws, damage to or loss of data, +programs or equipment, and unavailability or interruption of operations. + +6. DISCLAIMER OF LIABILITY + +EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, NEITHER RECIPIENT NOR +ANY CONTRIBUTORS SHALL HAVE ANY LIABILITY FOR ANY DIRECT, INDIRECT, +INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING +WITHOUT LIMITATION LOST PROFITS), HOWEVER CAUSED AND ON ANY THEORY OF +LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING +NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OR +DISTRIBUTION OF THE PROGRAM OR THE EXERCISE OF ANY RIGHTS GRANTED +HEREUNDER, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. + +7. GENERAL + +If any provision of this Agreement is invalid or unenforceable under +applicable law, it shall not affect the validity or enforceability of +the remainder of the terms of this Agreement, and without further action +by the parties hereto, such provision shall be reformed to the minimum +extent necessary to make such provision valid and enforceable. + +If Recipient institutes patent litigation against a Contributor with +respect to a patent applicable to software (including a cross-claim or +counterclaim in a lawsuit), then any patent licenses granted by that +Contributor to such Recipient under this Agreement shall terminate as of +the date such litigation is filed. In addition, if Recipient institutes +patent litigation against any entity (including a cross-claim or +counterclaim in a lawsuit) alleging that the Program itself (excluding +combinations of the Program with other software or hardware) infringes +such Recipient's patent(s), then such Recipient's rights granted under +Section 2(b) shall terminate as of the date such litigation is filed. + +All Recipient's rights under this Agreement shall terminate if it fails +to comply with any of the material terms or conditions of this Agreement +and does not cure such failure in a reasonable period of time after +becoming aware of such noncompliance. If all Recipient's rights under +this Agreement terminate, Recipient agrees to cease use and distribution +of the Program as soon as reasonably practicable. However, Recipient's +obligations under this Agreement and any licenses granted by Recipient +relating to the Program shall continue and survive. + +Everyone is permitted to copy and distribute copies of this Agreement, +but in order to avoid inconsistency the Agreement is copyrighted and may +only be modified in the following manner. The Agreement Steward reserves +the right to publish new versions (including revisions) of this +Agreement from time to time. No one other than the Agreement Steward has +the right to modify this Agreement. IBM is the initial Agreement +Steward. IBM may assign the responsibility to serve as the Agreement +Steward to a suitable separate entity. Each new version of the Agreement +will be given a distinguishing version number. The Program (including +Contributions) may always be distributed subject to the version of the +Agreement under which it was received. In addition, after a new version +of the Agreement is published, Contributor may elect to distribute the +Program (including its Contributions) under the new version. Except as +expressly stated in Sections 2(a) and 2(b) above, Recipient receives no +rights or licenses to the intellectual property of any Contributor under +this Agreement, whether expressly, by implication, estoppel or +otherwise. All rights in the Program not expressly granted under this +Agreement are reserved. + +This Agreement is governed by the laws of the State of New York and the +intellectual property laws of the United States of America. No party to +this Agreement will bring a legal action under this Agreement more than +one year after the cause of action arose. Each party waives its rights +to a jury trial in any resulting litigation. + diff --git a/melonjs-tutorial/boilerplate-master/data/img/map/metatiles32x32.png b/melonjs-tutorial/boilerplate-master/data/img/map/metatiles32x32.png new file mode 100755 index 0000000..18545f9 Binary files /dev/null and b/melonjs-tutorial/boilerplate-master/data/img/map/metatiles32x32.png differ diff --git a/melonjs-tutorial/boilerplate-master/data/img/sprite/gripe_run_right.png b/melonjs-tutorial/boilerplate-master/data/img/sprite/gripe_run_right.png new file mode 100755 index 0000000..7cad109 Binary files /dev/null and b/melonjs-tutorial/boilerplate-master/data/img/sprite/gripe_run_right.png differ diff --git a/melonjs-tutorial/boilerplate-master/data/img/sprite/spinning_coin_gold.png b/melonjs-tutorial/boilerplate-master/data/img/sprite/spinning_coin_gold.png new file mode 100755 index 0000000..cf73ae8 Binary files /dev/null and b/melonjs-tutorial/boilerplate-master/data/img/sprite/spinning_coin_gold.png differ diff --git a/melonjs-tutorial/boilerplate-master/data/img/sprite/wheelie_right.png b/melonjs-tutorial/boilerplate-master/data/img/sprite/wheelie_right.png new file mode 100755 index 0000000..81c13fd Binary files /dev/null and b/melonjs-tutorial/boilerplate-master/data/img/sprite/wheelie_right.png differ diff --git a/melonjs-tutorial/boilerplate-master/data/map/area01.tmx b/melonjs-tutorial/boilerplate-master/data/map/area01.tmx new file mode 100644 index 0000000..e81c3c4 --- /dev/null +++ b/melonjs-tutorial/boilerplate-master/data/map/area01.tmx @@ -0,0 +1,137 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + CAAAAAgAAAAIAAAACAAAACkAAAAIAAAACAAAAAgAAAAIAAAALQAAAAAAAAAsAAAACAAAAAgAAAAIAAAABgAAACkAAAAGAAAABgAAAAYAAAAGAAAABgAAAAYAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAIAAAACAAAAAgAAAAIAAAABgAAAAYAAAAZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAApAAAAGQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYAAAABgAAAAgAAAAtAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYAAAABgAAABkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGAAAABAAAAAQAAAAEAAAABAAAABsAAAAGAAAAGAAAABkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGAAAAAYAAAAtAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALAAAAAgAAAAIAAAACAAAABgAAAAZAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAIAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABcAAAAEAAAABAAAABYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYAAAAGQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGAAAABkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGAAAABkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGAAAAAYAAAAAAAAAAAAAAAAAAAAAAAAAFwAAAAQAAAAEAAAABAAAAAgAAAAIAAAALQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFwAAADMAAAAzAAAAMwAAADMAAAAWAAAAAAAAAAAAAAAAAAAAAAAAABgAAAApAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYAAAAGQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAACAAAAAgAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABcAAAACAAAAAgAAAAIAAAACAAAAGAAAAAMAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAAFgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALAAAAC0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAGAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAALQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAXAAAAKgAAACoAAAAqAAAAKgAAACoAAAAqAAAAKgAAABYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAsAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAEAAAAAAAAAAAAAAAYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAXAAAAKgAAACoAAAAqAAAAKgAAACoAAAAqAAAAKgAAABYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAABAAAAAAAAAAAAAAAGAAAABgAAAAYAAAAGAAAABgAAAAYAAAAGAAAABgAAAAYAAAAGAAAABgAAACkAAAAGAAAABgAAAAYAAAAGAAAABgAAAAYAAAAGAAAABgAAAAYAAAAGAAAABgAAAAYAAAAGAAAAKQAAAAYAAAAGAAAABgAAAAYAAAAGAAAABgAAAAYAAAAGAAAABgAAAAYAAAAGAAAABgAAAAYAAAAGAAAA + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA5AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFEAAABSAAAAUwAAAFUAAABWAAAAVwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABcAAAAAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABlAAAAAAAAAAAAAAAAAAAAAAAAAGsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAA0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAhAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA + + + + + jQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAAAAAACNAAAAjQAAAI0AAACNAAAAjQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAAAAAACNAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI0AAAAAAAAAjQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACNAAAAjQAAAI0AAACNAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACNAAAAAAAAAI0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjQAAAI0AAACNAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAAAAAAAAAAAAAAAAAAAAAAI0AAACNAAAAjQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI0AAACNAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACNAAAAjQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACNAAAAjQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACNAAAAjQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjQAAAI0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjQAAAI0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjQAAAI0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI0AAACNAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI0AAACNAAAAjQAAAI0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI0AAACNAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACNAAAAjQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACNAAAAjQAAAI0AAACNAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACNAAAAjQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjQAAAI0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACNAAAAjQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAA + + + diff --git a/melonjs-tutorial/boilerplate-master/data/map/area02.tmx b/melonjs-tutorial/boilerplate-master/data/map/area02.tmx new file mode 100644 index 0000000..bc755b0 --- /dev/null +++ b/melonjs-tutorial/boilerplate-master/data/map/area02.tmx @@ -0,0 +1,132 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + CAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAApAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAApAAAACAAAAAgAAAAIAAAACAAAAAgAAAApAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGAAAABkAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAZAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAwAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAD4AAAAWAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYAAAAGQAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAwAAAAMAAAADAAAAAwAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAALAAAAC0AAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAADAAAAAAAAAAMAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFwAAAAIAAAACAAAAAgAAAAIAAAAWAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAMAAAAAAAAAAAAAAAAAAAABAAAAAQAAAAAAAAADAAAAKQAAAAMAAAAAAAAAAAAAAAAAAAAIAAAACAAAAAgAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAwAAACkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAApAAAAAwAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAMAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAADAAAAAAAAAAEAAAABAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAADAAAAKQAAAAAAAAADAAAAAwAAAAMAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAMAAAApAAAAAwAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABcAAAAEAAAABAAAAAQAAAAEAAAABAAAABYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFwAAAAQAAAAEAAAABAAAAAQAAAAWAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALAAAAAgAAAAIAAAACAAAAC0AAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAMAAAADAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAsAAAACAAAAAgAAAAtAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAEAAAAAAAAAAwAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAQAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAABAAAAAAAAAAMAAAADAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAwAAACkAAAADAAAAAwAAAAMAAAADAAAAAwAAAAMAAAADAAAAAwAAAAMAAAADAAAA + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADwAAAA8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlAAAAAAAAACUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACMAAAAjAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAANAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJQAAAAAAAAA5AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA3AAAANwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAIQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA5AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA + + + + + jQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjQAAAI0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI0AAACNAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACNAAAAjQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjQAAAI0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI0AAACNAAAAAAAAAI0AAACNAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI0AAACNAAAAjQAAAI0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACNAAAAjQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACNAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjQAAAI0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACNAAAAjQAAAI0AAAAAAAAAAAAAAAAAAACNAAAAjQAAAI0AAACNAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACNAAAAjQAAAI0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI0AAACNAAAAjQAAAI0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjQAAAI0AAACNAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI0AAACNAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI0AAACNAAAAjQAAAAAAAACNAAAAjQAAAI0AAACNAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjQAAAI0AAACNAAAAjQAAAI0AAAAAAAAAAAAAAAAAAAAAAAAAjQAAAI0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACNAAAAjQAAAI0AAACNAAAAjQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI0AAACNAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI0AAACNAAAAjQAAAI0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjQAAAI0AAACNAAAAjQAAAI0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjQAAAI0AAACNAAAAjQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACNAAAAjQAAAI0AAACNAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjQAAAI0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI0AAACNAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAAjQAAAI0AAACNAAAA + + + diff --git a/melonjs-tutorial/boilerplate-master/data/sfx/cling.mp3 b/melonjs-tutorial/boilerplate-master/data/sfx/cling.mp3 new file mode 100755 index 0000000..a879cf6 Binary files /dev/null and b/melonjs-tutorial/boilerplate-master/data/sfx/cling.mp3 differ diff --git a/melonjs-tutorial/boilerplate-master/data/sfx/cling.ogg b/melonjs-tutorial/boilerplate-master/data/sfx/cling.ogg new file mode 100755 index 0000000..c345a4c Binary files /dev/null and b/melonjs-tutorial/boilerplate-master/data/sfx/cling.ogg differ diff --git a/melonjs-tutorial/boilerplate-master/data/sfx/jump.mp3 b/melonjs-tutorial/boilerplate-master/data/sfx/jump.mp3 new file mode 100755 index 0000000..1e8aebf Binary files /dev/null and b/melonjs-tutorial/boilerplate-master/data/sfx/jump.mp3 differ diff --git a/melonjs-tutorial/boilerplate-master/data/sfx/jump.ogg b/melonjs-tutorial/boilerplate-master/data/sfx/jump.ogg new file mode 100755 index 0000000..a4cf2c1 Binary files /dev/null and b/melonjs-tutorial/boilerplate-master/data/sfx/jump.ogg differ diff --git a/melonjs-tutorial/boilerplate-master/data/sfx/stomp.mp3 b/melonjs-tutorial/boilerplate-master/data/sfx/stomp.mp3 new file mode 100755 index 0000000..3e6d0a2 Binary files /dev/null and b/melonjs-tutorial/boilerplate-master/data/sfx/stomp.mp3 differ diff --git a/melonjs-tutorial/boilerplate-master/data/sfx/stomp.ogg b/melonjs-tutorial/boilerplate-master/data/sfx/stomp.ogg new file mode 100755 index 0000000..0fdd4c3 Binary files /dev/null and b/melonjs-tutorial/boilerplate-master/data/sfx/stomp.ogg differ diff --git a/melonjs-tutorial/boilerplate-master/icons/touch-icon-ipad-76x76.png b/melonjs-tutorial/boilerplate-master/icons/touch-icon-ipad-76x76.png new file mode 100755 index 0000000..142f22f Binary files /dev/null and b/melonjs-tutorial/boilerplate-master/icons/touch-icon-ipad-76x76.png differ diff --git a/melonjs-tutorial/boilerplate-master/icons/touch-icon-ipad-retina-152x152.png b/melonjs-tutorial/boilerplate-master/icons/touch-icon-ipad-retina-152x152.png new file mode 100755 index 0000000..960fae6 Binary files /dev/null and b/melonjs-tutorial/boilerplate-master/icons/touch-icon-ipad-retina-152x152.png differ diff --git a/melonjs-tutorial/boilerplate-master/icons/touch-icon-iphone-60x60.png b/melonjs-tutorial/boilerplate-master/icons/touch-icon-iphone-60x60.png new file mode 100755 index 0000000..9453e14 Binary files /dev/null and b/melonjs-tutorial/boilerplate-master/icons/touch-icon-iphone-60x60.png differ diff --git a/melonjs-tutorial/boilerplate-master/icons/touch-icon-iphone-retina-120x120.png b/melonjs-tutorial/boilerplate-master/icons/touch-icon-iphone-retina-120x120.png new file mode 100755 index 0000000..9c27b08 Binary files /dev/null and b/melonjs-tutorial/boilerplate-master/icons/touch-icon-iphone-retina-120x120.png differ diff --git a/melonjs-tutorial/boilerplate-master/icons/touch-icon-marketplace-128x128.png b/melonjs-tutorial/boilerplate-master/icons/touch-icon-marketplace-128x128.png new file mode 100755 index 0000000..e679642 Binary files /dev/null and b/melonjs-tutorial/boilerplate-master/icons/touch-icon-marketplace-128x128.png differ diff --git a/melonjs-tutorial/boilerplate-master/index.css b/melonjs-tutorial/boilerplate-master/index.css new file mode 100755 index 0000000..feaeec3 --- /dev/null +++ b/melonjs-tutorial/boilerplate-master/index.css @@ -0,0 +1,33 @@ +body { + background-color: #000; + color: #fff; + + /* Allow mouse dragging. */ + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + -webkit-user-select: none; + user-select: none; + + /* disable touch panning/zooming */ + -ms-touch-action: none; + touch-action: none; + + /* Allow canvas to hit the edges of the browser viewport. */ + margin: 0; +} + +#screen canvas { + margin: auto; + + /* Hide the gap for font descenders. */ + display: block; + + /* disable scaling interpolation */ + image-rendering: optimizeSpeed; + image-rendering: -moz-crisp-edges; + image-rendering: -o-crisp-edges; + image-rendering: -webkit-optimize-contrast; + image-rendering: optimize-contrast; + -ms-interpolation-mode: nearest-neighbor; +} diff --git a/melonjs-tutorial/boilerplate-master/index.html b/melonjs-tutorial/boilerplate-master/index.html new file mode 100755 index 0000000..736d6bd --- /dev/null +++ b/melonjs-tutorial/boilerplate-master/index.html @@ -0,0 +1,63 @@ + + + + melonJS Template + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + diff --git a/melonjs-tutorial/boilerplate-master/js/entities/HUD.js b/melonjs-tutorial/boilerplate-master/js/entities/HUD.js new file mode 100755 index 0000000..5a8252b --- /dev/null +++ b/melonjs-tutorial/boilerplate-master/js/entities/HUD.js @@ -0,0 +1,75 @@ +/** + * a HUD container and child items + */ + +game.HUD = game.HUD || {}; + + +game.HUD.Container = me.Container.extend({ + + init: function() { + // call the constructor + this._super(me.Container, 'init'); + + // persistent across level change + this.isPersistent = true; + + // non collidable + this.collidable = false; + + // make sure our object is always draw first + this.z = Infinity; + + // give a name + this.name = "HUD"; + + // add our child score object at the top left corner + this.addChild(new game.HUD.ScoreItem(630, 440)); + } +}); + + +/** + * a basic HUD item to display score + */ +game.HUD.ScoreItem = me.Renderable.extend({ + /** + * constructor + */ + init: function(x, y) { + + // call the parent constructor + // (size does not matter here) + this._super(me.Renderable, 'init', [x, y, 10, 10]); + + this.font = new me.BitmapFont("32x32_font", 32); + this.font.set("right"); + + // local copy of the global score + this.score = -1; + + // make sure we use screen coordinates + this.floating = true; + }, + + /** + * update function + */ + update : function () { + // we don't do anything fancy here, so just + // return true if the score has been updated + if (this.score !== game.data.score) { + this.score = game.data.score; + return true; + } + return false; + }, + + /** + * draw the score + */ + draw : function (context) { + this.font.draw(context, game.data.score, this.pos.x, this.pos.y); + } + +}); diff --git a/melonjs-tutorial/boilerplate-master/js/entities/entities.js b/melonjs-tutorial/boilerplate-master/js/entities/entities.js new file mode 100755 index 0000000..8293687 --- /dev/null +++ b/melonjs-tutorial/boilerplate-master/js/entities/entities.js @@ -0,0 +1,138 @@ + +game.PlayerEntity = me.Entity.extend({ + + init: function(x, y, settings) { + this._super(me.Entity, "init", [x, y, settings]); + + this.body.setVelocity(3, 15); + me.game.viewport.follow(this.pos, me.game.viewport.AXIS.BOTH); + this.alwaysUpdate = true; + }, + + update: function(dt) { + if (me.input.isKeyPressed("left")) { + // flip the sprite. + this.flipX(true); + this.body.vel.x -= this.body.accel.x * me.timer.tick; + } else if (me.input.isKeyPressed("right")) { + this.flipX(false); + this.body.vel.x += this.body.accel.x * me.timer.tick; + } else { + this.body.vel.x = 0; + } + + if (me.input.isKeyPressed("jump")) { + if (!this.body.jumping && !this.body.falling) { + this.body.vel.y = -this.body.maxVel.y * me.timer.tick; + this.body.jumping = true; + me.audio.play("jump"); + } + } + + this.body.update(dt); + + // check for collision with sthg + me.collision.check(this, true, this.collideHandler.bind(this), true); + + if (this.body.vel.x != 0 || this.body.vel.y != 0) { + this._super(me.Entity, "update", [dt]); + return true; + } + + // we didn't perform any animation. + return false; + }, + + collideHandler: function(response) { + if (response.b.body.collisionType === me.collision.types.ENEMY_OBJECT) { + if ((response.overlapV.y>0) && !this.body.jumping) { + // bounce (force jump) + this.body.falling = false; + this.body.vel.y = -this.body.maxVel.y * me.timer.tick; + this.body.jumping = true; + me.audio.play("stomp"); + } else { + // Let's flicker in case we touched an enemy + this.renderable.flicker(true); + } + } + } +}); + + +game.CoinEntity = me.CollectableEntity.extend({ + init: function(x, y, settings) { + this._super(me.CollectableEntity, "init", [x, y, settings]); + + this.body.onCollision = this.onCollision.bind(this); + }, + + onCollision: function() { + game.data.score += 3; + + me.audio.play("cling"); + + this.body.setCollisionMask(me.collision.types.NO_OBJECT); + me.game.world.removeChild(this); + } +}); + + +game.EnemyEntity = me.Entity.extend({ + init: function(x, y, settings) { + // We could do this in Tiled or here. + settings.image = "wheelie_right"; + var width = settings.width; + var height = settings.height; + + settings.spritewidth = settings.width = 64; + settings.spriteheight = settings.height = 64; + + this._super(me.Entity, "init", [x, y, settings]); + + x = this.pos.x; + this.startX = x; + this.endX = x + width - settings.spritewidth; + this.pos.x = x + width - settings.spritewidth; + + this.updateBounds(); + this.walkLeft = false; + this.body.setVelocity(3.3, 6); + }, + + onCollision: function(res, obj) { + // res.y > 0 means touched by something on the bottom + // which means at top bosition for this one + if (this.alive && (res.y > 0) && obj.falling) { + this.renderable.flicker(750); + } + }, + + update: function(dt) { + if (this.alive) { + if (this.walkLeft && this.pos.x < this.startX) { + this.walkLeft = false; + this.flipX(this.walkLeft); + } else if (!this.walkLeft && this.pos.x > this.endX) { + this.walkLeft = true; + this.flipX(this.walkLeft); + } + + this.body.vel.x += this.walkLeft + ? -this.body.accel.x*me.timer.tick + : this.body.accel.x*me.timer.tick; + + } else { + this.body.vel.x = 0; + } + + this.body.update(dt); + + if (this.body.vel.x != 0 || this.body.vel.y != 0) { + this._super(me.Entity, "update", [dt]); + return true; + } + + return false; + } +}); diff --git a/melonjs-tutorial/boilerplate-master/js/game.js b/melonjs-tutorial/boilerplate-master/js/game.js new file mode 100755 index 0000000..623d9b6 --- /dev/null +++ b/melonjs-tutorial/boilerplate-master/js/game.js @@ -0,0 +1,59 @@ + +/* Game namespace */ +var game = { + + // an object where to store game information + data : { + // score + score : 0 + }, + + + // Run on page load. + "onload" : function () { + // Initialize the video. + if (!me.video.init("screen", me.video.CANVAS, 640, 480, true, 'auto')) { + alert("Your browser does not support HTML5 canvas."); + return; + } + + // add "#debug" to the URL to enable the debug Panel + if (document.location.hash === "#debug") { + window.onReady(function () { + me.plugin.register.defer(this, debugPanel, "debug"); + }); + } + + // Initialize the audio. + me.audio.init("mp3,ogg"); + + // Set a callback to run when loading is complete. + me.loader.onload = this.loaded.bind(this); + + // Load the resources. + me.loader.preload(game.resources); + + // Initialize melonJS and display a loading screen. + me.state.change(me.state.LOADING); + }, + + // Run on game resources loaded. + "loaded" : function () { + me.state.set(me.state.MENU, new game.TitleScreen()); + me.state.set(me.state.PLAY, new game.PlayScreen()); + + // global state transition effect. + me.state.transition("fade","#FFFFFF", 250); + + me.pool.register("mainPlayer", game.PlayerEntity); + me.pool.register("CoinEntity", game.CoinEntity); + me.pool.register("EnemyEntity", game.EnemyEntity); + + me.input.bindKey(me.input.KEY.LEFT, "left"); + me.input.bindKey(me.input.KEY.RIGHT, "right"); + me.input.bindKey(me.input.KEY.X, "jump", true); + + // Start the game. + me.state.change(me.state.MENU); + } +}; diff --git a/melonjs-tutorial/boilerplate-master/js/resources.js b/melonjs-tutorial/boilerplate-master/js/resources.js new file mode 100755 index 0000000..252153c --- /dev/null +++ b/melonjs-tutorial/boilerplate-master/js/resources.js @@ -0,0 +1,54 @@ +game.resources = [ + + /* Graphics. + * @example + * {name: "example", type:"image", src: "data/img/example.png"}, + */ + // level tileset + {name: "area01_level_tiles", type: "image", src: "data/img/map/area01_level_tiles.png" }, + // our metatiles + {name: "metatiles32x32", type: "image", src: "data/img/map/metatiles32x32.png" }, + // our main player + {name: "gripe_run_right", type: "image", src: "data/img/sprite/gripe_run_right.png" }, + // backgrounds + {name: "area01_bkg0", type: "image", src: "data/img/area01_bkg0.png" }, + {name: "area01_bkg1", type: "image", src: "data/img/area01_bkg1.png" }, + + // coin + { name: "spinning_coin_gold", type: "image", src: "data/img/sprite/spinning_coin_gold.png" }, + // Baddie + { name: "wheelie_right", type: "image", src: "data/img/sprite/wheelie_right.png" }, + + // Font for heads up display + { name: "32x32_font", type: "image", src: "data/img/font/32x32_font.png" }, + + // menu screen + { name: "title_screen", type: "image", src: "data/img/gui/title_screen.png" }, + + /* Atlases + * @example + * {name: "example_tps", type: "tps", src: "data/img/example_tps.json"}, + */ + + /* Maps. + * @example + * {name: "example01", type: "tmx", src: "data/map/example01.tmx"}, + * {name: "example01", type: "tmx", src: "data/map/example01.json"}, + */ + {name: "area01", type: "tmx", src: "data/map/area01.tmx"}, + {name: "area02", type: "tmx", src: "data/map/area02.tmx"}, + + /* Background music. + * @example + * {name: "example_bgm", type: "audio", src: "data/bgm/"}, + */ + {name: "dst-inertexponent", type: "audio", src: "data/bgm/"}, + + /* Sound effects. + * @example + * {name: "example_sfx", type: "audio", src: "data/sfx/"} + */ + {name: "cling", type: "audio", src: "data/sfx/"}, + {name: "stomp", type: "audio", src: "data/sfx/"}, + {name: "jump", type: "audio", src: "data/sfx/"} +]; diff --git a/melonjs-tutorial/boilerplate-master/js/screens/play.js b/melonjs-tutorial/boilerplate-master/js/screens/play.js new file mode 100755 index 0000000..c461d25 --- /dev/null +++ b/melonjs-tutorial/boilerplate-master/js/screens/play.js @@ -0,0 +1,27 @@ +game.PlayScreen = me.ScreenObject.extend({ + /** + * action to perform on state change + */ + onResetEvent: function() { + // load a level + me.levelDirector.loadLevel("area01"); + + // reset the score + game.data.score = 0; + + // add our HUD to the game world + this.HUD = new game.HUD.Container(); + me.game.world.addChild(this.HUD); + + me.audio.playTrack("DST-InertExponent"); + }, + + /** + * action to perform when leaving this screen (state change) + */ + onDestroyEvent: function() { + // remove the HUD from the game world + me.game.world.removeChild(this.HUD); + me.audio.stopTrack(); + } +}); diff --git a/melonjs-tutorial/boilerplate-master/js/screens/title.js b/melonjs-tutorial/boilerplate-master/js/screens/title.js new file mode 100755 index 0000000..af0e3ca --- /dev/null +++ b/melonjs-tutorial/boilerplate-master/js/screens/title.js @@ -0,0 +1,61 @@ +game.TitleScreen = me.ScreenObject.extend({ + /** + * action to perform on state change + */ + onResetEvent: function() { + me.game.world.addChild( + new me.Sprite(0, 0, me.loader.getImage("title_screen")), + 1); + + me.game.world.addChild(new (me.Renderable.extend({ + // constructor + init: function() { + this._super(me.Renderable, "init", [0, 0, me.game.viewport.width, + me.game.viewport.height]); + this.font = new me.BitmapFont("32x32_font", 32); + this.scrollertween = new me.Tween(this).to({scrollerpos: -2200}, 10000). + onComplete(this.scrollover.bind(this)).start(); + this.scroller = "A SMALL STEP BY STEP TUTORIAL FOR GAME CREATION WITH MELONJS "; + this.scrollerpos = 600; + + }, + + scrollover: function() { + // reset to default value + this.scrollerpos = 640; + this.scrollertween.to({scrollerpos: -2200}, 10000). + onComplete(this.scrollover.bind(this)).start(); + }, + + update: function(dt) { return true; }, + draw: function(context) { + this.font.draw(context, "PRESS ENTER TO PLAY", 20, 240); + this.font.draw(context, this.scroller, this.scrollerpos, 440); + }, + onDestroyEvent: function() { + this.scrollertween.stop(); + } + })), + 2); + + me.input.bindKey(me.input.KEY.ENTER, "enter", true); + me.input.bindPointer(me.input.mouse.LEFT, me.input.KEY.ENTER); + this.handler = me.event.subscribe(me.event.KEYDOWN, + function(action, keyCode, edge) { + if (action === "enter") { + me.audio.play("cling"); + me.state.change(me.state.PLAY); + } + }); + }, + + + /** + * action to perform when leaving this screen (state change) + */ + onDestroyEvent: function() { + me.input.unbindKey(me.input.KEY.ENTER); + me.input.unbindPointer(me.input.mouse.LEFT); + me.event.unsubscribe(this.handler); + } +}); diff --git a/melonjs-tutorial/boilerplate-master/lib/melonJS-1.1.0-min.js b/melonjs-tutorial/boilerplate-master/lib/melonJS-1.1.0-min.js new file mode 100755 index 0000000..248ca8e --- /dev/null +++ b/melonjs-tutorial/boilerplate-master/lib/melonJS-1.1.0-min.js @@ -0,0 +1,35 @@ +/** + * @license MelonJS Game Engine + * @copyright (C) 2011 - 2014 Olivier Biot, Jason Oster, Aaron McLeod + * http://www.melonjs.org + * + * melonJS is licensed under the MIT License. + * http://www.opensource.org/licenses/mit-license.php + * + */ +if(window.me=window.me||{},"function"==typeof define&&define.amd&&define("me",[],function(){return window.me}),function(){function a(){if(!d){if(!document.body)return setTimeout(a,13);document.removeEventListener?document.removeEventListener("DOMContentLoaded",a,!1):window.removeEventListener("load",a,!1),d=!0;for(var b=0;bg?void(b===!1&&(clearTimeout(d),d=setTimeout(function(){return e=f,c.apply(null,h)},g))):(e=f,c.apply(null,h))}}),"undefined"==typeof console&&(console={log:function(){},info:function(){},error:function(){alert(Array.prototype.slice.call(arguments).join(", "))}})}(),Object.getPrototypeOf=Object.getPrototypeOf||function(a){return a.__proto__},Object.setPrototypeOf=Object.setPrototypeOf||function(a,b){return a.__proto__=b,a},Object.defineProperty||(Object.defineProperty=function(a,b,c){if(!a.__defineGetter__)throw new TypeError("Object.defineProperty not supported");c.get&&a.__defineGetter__(b,c.get),c.set&&a.__defineSetter__(b,c.set)}),"function"!=typeof Object.create&&(Object.create=function(a){var b=function(){};return b.prototype=a,new b}),!Function.prototype.bind){var Empty=function(){};Function.prototype.bind=function(a){var b=this;if("function"!=typeof b)throw new TypeError("Function.prototype.bind called on incompatible "+b);var c=Array.prototype.slice.call(arguments,1),d=function(){if(this instanceof d){var e=b.apply(this,c.concat(Array.prototype.slice.call(arguments)));return Object(e)===e?e:this}return b.apply(a,c.concat(Array.prototype.slice.call(arguments)))};return b.prototype&&(Empty.prototype=b.prototype,d.prototype=new Empty,Empty.prototype=null),d}}if(function(){function a(a,b,c){Object.keys(c).forEach(function(d){if(b[d]=c[d],"function"!=typeof c[d])throw new TypeError("extend: Method `"+d+"` is not a function");Object.defineProperty(a.prototype,d,{configurable:!0,value:c[d]})})}function b(a,b,c){return a.prototype[b].apply(this,c)}Object.defineProperty(Object.prototype,"extend",{value:function(){function c(){return this.init.apply(this,arguments),this}var d={},e=Array.prototype.slice.call(arguments,0);if(c.prototype=Object.create(this.prototype),e.forEach(function(b){a(c,d,b.__methods__||b)}),!("init"in c.prototype))throw new TypeError("extend: Class is missing a constructor named `init`");return Object.defineProperty(c.prototype,"_super",{value:b}),Object.defineProperty(c,"__methods__",{value:d}),c}})}(),me.Error=Error.extend({init:function(a){this.name="me.Error",this.message=a}}),Function.prototype.defer=function(){return setTimeout(this.bind.apply(this,arguments),.01)},Number.prototype.clamp=function(a,b){return a>this?a:this>b?b:+this},Number.prototype.random=function(a,b){return~~(Math.random()*(b-a+1))+a},Number.prototype.weightedRandom=function(a,b){return~~(Math.pow(Math.random(),2)*(b-a+1))+a},Number.prototype.round=function(){var a=arguments.length<2?this:arguments[0],b=Math.pow(10,arguments[1]||arguments[0]||0);return Math.round(a*b)/b},Number.prototype.toHex=function(){return"0123456789ABCDEF".charAt(this-this%16>>4)+"0123456789ABCDEF".charAt(this%16)},Number.prototype.sign=function(){return 0>this?-1:this>0?1:0},Number.prototype.degToRad=function(a){return(a||this)/180*Math.PI},Number.prototype.radToDeg=function(a){return(a||this)*(180/Math.PI)},String.prototype.trim||(String.prototype.trim=function(){return this.replace(/^\s+|\s+$/gm,"")}),String.prototype.trimLeft||(String.prototype.trimLeft=function(){return this.replace(/^\s+/,"")}),String.prototype.trimRight||(String.prototype.trimRight=function(){return this.replace(/\s+$/,"")}),String.prototype.isNumeric=function(){return!isNaN(this)&&""!==this.trim()},String.prototype.isBoolean=function(){var a=this.trim();return"true"===a||"false"===a},String.prototype.contains||(String.prototype.contains=function(a,b){return-1!==String.prototype.indexOf.call(this,a,b)}),String.prototype.toHex=function(){for(var a="",b=0;bg&&!(f=+c[g]-+d[g]);g++);return f?f:c.length-d.length}};var a=!1;Object.defineProperty(me,"initialized",{get:function(){return a}}),me.boot=function(){a||(me.device._check(),me.save._init(),me.loader.setNocache(document.location.href.match(/\?nocache/)||!1),me.timer.init(),me.mapReader=new me.TMXMapReader,me.state.init(),me.pool.init(),me.device.isMobile===!1&&me.input._enableKeyboardEvent(),me.levelDirector.reset(),a=!0)}}(),function(){me.game=function(){var a={},b=!1,c=!0,d=0,e=1,f=null;return a.viewport=null,a.collisionMap=null,a.currentLevel=null,a.world=null,a.mergeGroup=!0,a.sortOn="z",a.tmxRenderer=null,a.onLevelLoaded=null,a.init=function(d,e){b||(d=d||me.video.renderer.getWidth(),e=e||me.video.renderer.getHeight(),a.viewport=new me.Viewport(0,0,d,e),a.world=new me.Container(0,0,d,e),a.world.name="rootContainer",me.collision.init(),f=me.video.renderer,me.event.publish(me.event.GAME_INIT),me.input._translatePointerEvents(),c=!0,a.currentLevel={pos:{x:0,y:0}},a.defaultCollisionMap=new me.CollisionTiledLayer(d,e),b=!0)},a.reset=function(){me.collision.quadTree.clear(),a.world.destroy(),a.viewport&&a.viewport.reset(),a.currentLevel={pos:{x:0,y:0}},a.collisionMap=a.defaultCollisionMap,f.resetTransform(),d=0,e=Math.round(60/me.sys.fps)},a.getParentContainer=function(a){return a.ancestor},a.repaint=function(){c=!0},a.update=function(b){++d%e===0&&(d=0,me.timer.update(b),me.collision.quadTree.clear(),me.collision.quadTree.insertContainer(a.world),c=a.world.update(me.timer.getDelta())||c,c=a.viewport.update(me.timer.getDelta())||c)},a.draw=function(){if(c){var b=a.viewport.pos.x+~~a.viewport.offset.x,d=a.viewport.pos.y+~~a.viewport.offset.y;a.world.transform.translate(-b,-d),a.viewport.screenX=b-a.currentLevel.pos.x,a.viewport.screenY=d-a.currentLevel.pos.y,a.world.draw(f,a.viewport),a.world.transform.translate(b,d),a.viewport.draw(f)}c=!1,me.video.renderer.blitSurface()},a}()}(),function(){var a=function(a){return a.substring(0,1).toUpperCase()+a.substring(1,a.length)};me.agent=function(){var b={},c=["ms","MS","moz","webkit","o"];return b.prefixed=function(b,d){if(d=d||window,b in d)return d[b];var e,f=a(b);return c.some(function(a){var b=a+f;return e=b in d?d[b]:void 0}),e},b.setPrefixed=function(b,d,e){if(e=e||window,b in e)return void(e[b]=d);var f=a(b);c.some(function(a){var b=a+f;return b in e?(e[b]=d,!0):!1})},b}()}(),function(){me.device=function(){function a(a){a.reading?(c.accelerationX=a.reading.accelerationX,c.accelerationY=a.reading.accelerationY,c.accelerationZ=a.reading.accelerationZ):(c.accelerationX=a.accelerationIncludingGravity.x,c.accelerationY=a.accelerationIncludingGravity.y,c.accelerationZ=a.accelerationIncludingGravity.z)}function b(a){c.gamma=a.gamma,c.beta=a.beta,c.alpha=a.alpha}var c={},d=!1,e=!1,f=null;return c._check=function(){me.device._detectDevice(),me.device.pointerEnabled=me.agent.prefixed("pointerEnabled",navigator),navigator.maxTouchPoints=me.agent.prefixed("maxTouchPoints",navigator)||0,window.gesture=me.agent.prefixed("gesture"),me.device.touch="createTouch"in document||"ontouchstart"in window||navigator.isCocoonJS||me.device.pointerEnabled&&navigator.maxTouchPoints>0,me.device.hasAccelerometer="undefined"!=typeof window.DeviceMotionEvent||"undefined"!=typeof window.Windows&&"function"==typeof Windows.Devices.Sensors.Accelerometer,this.hasPointerLockSupport=me.agent.prefixed("pointerLockElement",document),this.hasPointerLockSupport&&(document.exitPointerLock=me.agent.prefixed("exitPointerLock",document)),window.DeviceOrientationEvent&&(me.device.hasDeviceOrientation=!0),this.hasFullscreenSupport=me.agent.prefixed("fullscreenEnabled",document)||document.mozFullScreenEnabled,document.exitFullscreen=me.agent.prefixed("cancelFullScreen",document)||me.agent.prefixed("exitFullscreen",document),navigator.vibrate=me.agent.prefixed("vibrate",navigator);try{c.localStorage=!!window.localStorage}catch(a){c.localStorage=!1}window.addEventListener("blur",function(){me.sys.stopOnBlur&&me.state.stop(!0),me.sys.pauseOnBlur&&me.state.pause(!0)},!1),window.addEventListener("focus",function(){me.sys.stopOnBlur&&me.state.restart(!0),me.sys.resumeOnFocus&&me.state.resume(!0)},!1);var b,d;"undefined"!=typeof document.hidden?(b="hidden",d="visibilitychange"):"undefined"!=typeof document.mozHidden?(b="mozHidden",d="mozvisibilitychange"):"undefined"!=typeof document.msHidden?(b="msHidden",d="msvisibilitychange"):"undefined"!=typeof document.webkitHidden&&(b="webkitHidden",d="webkitvisibilitychange"),"string"==typeof d&&document.addEventListener(d,function(){document[b]?(me.sys.stopOnBlur&&me.state.stop(!0),me.sys.pauseOnBlur&&me.state.pause(!0)):(me.sys.stopOnBlur&&me.state.restart(!0),me.sys.resumeOnFocus&&me.state.resume(!0))},!1)},c._detectDevice=function(){me.device.isMobile=me.device.ua.match(/Android|iPhone|iPad|iPod|BlackBerry|Windows Phone|Mobi/i)||!1,me.device.iOS=me.device.ua.match(/iPhone|iPad|iPod/i)||!1,me.device.android=me.device.ua.match(/android/i)||!1,me.device.android2=me.device.ua.match(/android 2/i)||!1,me.device.wp=me.device.ua.match(/Windows Phone/i)||!1},c.ua=navigator.userAgent,c.localStorage=!1,c.hasAccelerometer=!1,c.hasDeviceOrientation=!1,c.hasFullscreenSupport=!1,c.hasPointerLockSupport=!1,c.nativeBase64="function"==typeof window.atob,c.touch=!1,c.isMobile=!1,c.iOS=!1,c.android=!1,c.android2=!1,c.wp=!1,c.orientation=0,c.accelerationX=0,c.accelerationY=0,c.accelerationZ=0,c.gamma=0,c.beta=0,c.alpha=0,c.requestFullscreen=function(a){this.hasFullscreenSupport&&(a=a||me.video.getWrapper(),a.requestFullscreen=me.agent.prefixed("requestFullscreen",a)||a.mozRequestFullScreen,a.requestFullscreen())},c.exitFullscreen=function(){this.hasFullscreenSupport&&document.exitFullscreen()},c.getPixelRatio=function(){if(null===f){var a;a="undefined"!=typeof me.video.renderer?me.video.renderer.getScreenContext():me.CanvasRenderer.getContext2d(document.createElement("canvas"));var b=window.devicePixelRatio||1,c=me.agent.prefixed("backingStorePixelRatio",a)||1;f=b/c}return f},c.getStorage=function(a){switch(a=a||"local"){case"local":return me.save;default:throw new me.Error("storage type "+a+" not supported")}},c.turnOnPointerLock=function(){if(this.hasPointerLockSupport){var a=me.video.getWrapper();if(me.device.ua.match(/Firefox/i)){var b=function(){(me.agent.prefixed("fullscreenElement",document)||document.mozFullScreenElement)===a&&(document.removeEventListener("fullscreenchange",b),document.removeEventListener("mozfullscreenchange",b),a.requestPointerLock=me.agent.prefixed("requestPointerLock",a),a.requestPointerLock())};document.addEventListener("fullscreenchange",b,!1),document.addEventListener("mozfullscreenchange",b,!1),me.device.requestFullscreen()}else a.requestPointerLock()}},c.turnOffPointerLock=function(){this.hasPointerLockSupport&&document.exitPointerLock()},c.watchAccelerometer=function(){if(me.device.hasAccelerometer){if(!d){if("undefined"==typeof Windows)window.addEventListener("devicemotion",a,!1);else{var b=Windows.Devices.Sensors.Accelerometer.getDefault();if(b){var c=b.minimumReportInterval,e=c>=16?c:25;b.reportInterval=e,b.addEventListener("readingchanged",a,!1)}}d=!0}return!0}return!1},c.unwatchAccelerometer=function(){if(d){if("undefined"==typeof Windows)window.removeEventListener("devicemotion",a,!1);else{var b=Windows.Device.Sensors.Accelerometer.getDefault();b.removeEventListener("readingchanged",a,!1)}d=!1}},c.watchDeviceOrientation=function(){return me.device.hasDeviceOrientation&&!e&&(window.addEventListener("deviceorientation",b,!1),e=!0),!1},c.unwatchDeviceOrientation=function(){e&&(window.removeEventListener("deviceorientation",b,!1),e=!1)},c.vibrate=function(a){navigator.vibrate&&navigator.vibrate(a)},c}(),Object.defineProperty(me.device,"isFullscreen",{get:function(){if(me.device.hasFullscreenSupport){var a=me.agent.prefixed("fullscreenElement",document)||document.mozFullScreenElement;return a===me.video.getWrapper()}return!1}}),Object.defineProperty(me.device,"sound",{get:function(){return!Howler.noAudio}})}(),function(){me.timer=function(){var a={},b=0,c=0,d=0,e=0,f=0,g=Math.ceil(1e3/me.sys.fps),h=1e3/me.sys.fps*1.25,i=[],j=0,k=function(a){for(var b=0,c=i.length;c>b;b++)if(i[b].timerId===a){i.splice(b,1);break}},l=function(a){for(var b=0,c=i.length;c>b;b++){var d=i[b];d.pauseable&&me.state.isPaused()||(d.elapsed+=a),d.elapsed>=d.delay&&(d.func.apply(this),d.repeat===!0?d.elapsed-=d.delay:me.timer.clearTimeout(d.timerId))}};return a.tick=1,a.fps=0,a.init=function(){a.reset(),e=d=0},a.reset=function(){d=e=window.performance.now(),f=0,c=0,b=0},a.setTimeout=function(a,b,c){return i.push({func:a,delay:b,elapsed:0,repeat:!1,timerId:++j,pauseable:c===!0||!0}),j},a.setInterval=function(a,b,c){return i.push({func:a,delay:b,elapsed:0,repeat:!0,timerId:++j,pauseable:c===!0||!0}),j},a.clearTimeout=function(a){k.defer(this,a)},a.clearInterval=function(a){k.defer(this,a)},a.getTime=function(){return e},a.getDelta=function(){return f},a.countFPS=function(){b++,c+=f,b%10===0&&(this.fps=(~~(1e3*b/c)).clamp(0,me.sys.fps),c=0,b=0)},a.update=function(b){return d=e,e=b,f=e-d,a.tick=f>h&&me.sys.interpolation?f/g:1,l(f),f},a}()}(),function(){me.pool=function(){var a={},b={};return a.init=function(){a.register("me.Entity",me.Entity),a.register("me.CollectableEntity",me.CollectableEntity),a.register("me.LevelEntity",me.LevelEntity),a.register("TileObject",me.Sprite),a.register("me.Tween",me.Tween,!0),a.register("me.Color",me.Color,!0),a.register("me.Particle",me.Particle,!0)},a.register=function(a,c,d){return d?void(b[a.toLowerCase()]={"class":c,pool:[]}):void(b[a.toLowerCase()]={"class":c,pool:void 0})},a.pull=function(a){var c="string"==typeof a?a.toLowerCase():void 0,d=Array.prototype.slice.call(arguments);if(c&&b[c]){var e;if(!b[c].pool)return e=b[c]["class"],d[0]=e,new(e.bind.apply(e,d));var f,g=b[c];return e=g["class"],g.pool.length>0?(f=g.pool.pop(),"function"==typeof f.init&&f.init.apply(f,d.slice(1)),"function"==typeof f.onResetEvent&&f.onResetEvent.apply(f,d.slice(1))):(d[0]=e,f=new(e.bind.apply(e,d)),f.className=c),f}return c&&console.error("Cannot instantiate entity of type '"+a+"': Class not found!"),null},a.purge=function(){for(var a in b)b.hasOwnProperty(a)&&(b[a].pool=[])},a.push=function(a){var c=a.className;"undefined"!=typeof c&&b[c]&&b[c].pool.push(a)},a}()}(),function(){me.Vector2d=Object.extend({init:function(a,b){return this.set(a||0,b||0)},set:function(a,b){if(a!==+a||b!==+b)throw new me.Vector2d.Error("invalid x,y parameters (not a number)");return this.x=a,this.y=b,this},setZero:function(){return this.set(0,0)},setV:function(a){return this.x=a.x,this.y=a.y,this},add:function(a){return this.x+=a.x,this.y+=a.y,this},sub:function(a){return this.x-=a.x,this.y-=a.y,this},scale:function(a,b){return this.x*=a,this.y*="undefined"!=typeof b?b:a,this},scaleV:function(a){return this.x*=a.x,this.y*=a.y,this},div:function(a){return this.x/=a,this.y/=a,this},abs:function(){return this.x<0&&(this.x=-this.x),this.y<0&&(this.y=-this.y),this},clamp:function(a,b){return new me.Vector2d(this.x.clamp(a,b),this.y.clamp(a,b))},clampSelf:function(a,b){return this.x=this.x.clamp(a,b),this.y=this.y.clamp(a,b),this},minV:function(a){return this.x=this.xa.x?this.x:a.x,this.y=this.y>a.y?this.y:a.y,this},floor:function(){return new me.Vector2d(~~this.x,~~this.y)},floorSelf:function(){return this.x=~~this.x,this.y=~~this.y,this},ceil:function(){return new me.Vector2d(Math.ceil(this.x),Math.ceil(this.y))},ceilSelf:function(){return this.x=Math.ceil(this.x),this.y=Math.ceil(this.y),this},negate:function(){return new me.Vector2d(-this.x,-this.y)},negateSelf:function(){return this.x=-this.x,this.y=-this.y,this},copy:function(a){return this.x=a.x,this.y=a.y,this},equals:function(a){return this.x===a.x&&this.y===a.y},normalize:function(){var a=this.length();return a>0&&(this.x=this.x/a,this.y=this.y/a),this},perp:function(){var a=this.x;return this.x=this.y,this.y=-a,this},rotate:function(a){var b=this.x,c=this.y;return this.x=b*Math.cos(a)-c*Math.sin(a),this.y=b*Math.sin(a)+c*Math.cos(a),this},reverse:function(){return this.x=-this.x,this.y=-this.y,this},dotProduct:function(a){return this.x*a.x+this.y*a.y},length2:function(){return this.dotProduct(this)},length:function(){return Math.sqrt(this.length2())},distance:function(a){return Math.sqrt((this.x-a.x)*(this.x-a.x)+(this.y-a.y)*(this.y-a.y))},angle:function(a){return Math.atan2(a.y-this.y,a.x-this.x)},project:function(a){var b=this.dotProduct(a)/a.length2();return this.x=b*a.x,this.y=b*a.y,this},projectN:function(a){var b=this.dotProduct(a);return this.x=b*a.x,this.y=b*a.y,this},reflect:function(a){var b=this.x,c=this.y;return this.project(a).scale(2),this.x-=b,this.y-=c,this},reflectN:function(a){var b=this.x,c=this.y;return this.projectN(a).scale(2),this.x-=b,this.y-=c,this},clone:function(){return new me.Vector2d(this.x,this.y)},toString:function(){return"x:"+this.x+",y:"+this.y}}),me.Vector2d.Error=me.Error.extend({init:function(a){me.Error.prototype.init.apply(this,[a]),this.name="me.Vector2d.Error"}})}(),function(){me.Rect=Object.extend({init:function(a,b,c,d){this.pos=new me.Vector2d(a,b),this.width=c,this.height=d,this.shapeType="Rectangle",this.hWidth=~~(c/2),this.hHeight=~~(d/2)},setShape:function(a,b,c,d){return this.pos.set(a,b),this.resize(c,d),this},resize:function(a,b){return this.width=a,this.height=b,this.hWidth=~~(a/2),this.hHeight=~~(b/2),this},getBounds:function(){return this},updateBounds:function(){return this},clone:function(){return new me.Rect(this.pos.x,this.pos.y,this.width,this.height)},translate:function(a,b){return this.pos.x+=a,this.pos.y+=b,this},translateV:function(a){return this.translate(a.x,a.y)},union:function(a){var b=Math.min(this.left,a.left),c=Math.min(this.top,a.top);return this.resize(Math.max(this.right,a.right)-b,Math.max(this.bottom,a.bottom)-c),this.pos.set(b,c),this},flipX:function(a){return this.pos.x=a-this.width-this.pos.x,this},flipY:function(a){return this.pos.y=a-this.height-this.pos.y,this},equals:function(a){return this.left===a.left&&this.right===a.right&&this.top===a.top&&this.bottom===a.bottom},overlaps:function(a){return this.left=this.left&&a.right<=this.right&&a.top>=this.top&&a.bottom<=this.bottom},containsPointV:function(a){return this.containsPoint(a.x,a.y)},containsPoint:function(a,b){return a>=this.left&&a<=this.right&&b>=this.top&&b<=this.bottom},toPolygon:function(){var a=this.pos,b=this.width,c=this.height;return new me.PolyShape(a.x,a.y,[new me.Vector2d,new me.Vector2d(b,0),new me.Vector2d(b,c),new me.Vector2d(0,c)],!0)},draw:function(a,b){a.strokeRect(this.left,this.top,this.width,this.height,b||"red",1)}}),Object.defineProperty(me.Rect.prototype,"left",{get:function(){return this.pos.x},configurable:!0}),Object.defineProperty(me.Rect.prototype,"right",{get:function(){return this.pos.x+this.width},configurable:!0}),Object.defineProperty(me.Rect.prototype,"top",{get:function(){return this.pos.y},configurable:!0}),Object.defineProperty(me.Rect.prototype,"bottom",{get:function(){return this.pos.y+this.height},configurable:!0})}(),function(){me.Ellipse=Object.extend({init:function(a,b,c,d){this.pos=new me.Vector2d,this.bounds=void 0,this.radius=new me.Vector2d,this.shapeType="Ellipse",this.setShape(a,b,c,d)},setShape:function(a,b,c,d){return this.pos.set(a,b),this.radius.set(c/2,d/2),this.updateBounds(),this},translate:function(a,b){return this.pos.x+=a,this.pos.y+=b,this.bounds.translate(a,b),this},translateV:function(a){return this.pos.add(a),this.bounds.translateV(a),this},containsPointV:function(a){return this.containsPoint(a.x,a.y)},containsPoint:function(a,b){return a-=this.pos.x,b-=this.pos.y,a*a/(this.radius.x*this.radius.x)+b*b/(this.radius.y*this.radius.y)<=1},getBounds:function(){return this.bounds},updateBounds:function(){var a=this.pos.x-this.radius.x,b=this.pos.y-this.radius.y,c=2*this.radius.x,d=2*this.radius.y;return this.bounds?this.bounds.setShape(a,b,c,d):this.bounds=new me.Rect(a,b,c,d),this.bounds},clone:function(){return new me.Ellipse(this.pos.x,this.pos.y,2*this.radius.x,2*this.radius.y)},draw:function(a,b){a.strokeArc(this.pos.x,this.pos.y,this.radius.x,this.radius.y,0,2*Math.PI,b||"red",!1,1)}})}(),function(){me.PolyShape=Object.extend({init:function(a,b,c,d){this.pos=new me.Vector2d,this.bounds=void 0,this.points=null,this.closed=!1,this.shapeType="PolyShape",this.setShape(a,b,c,d)},setShape:function(a,b,c,d){return this.pos.set(a,b),this.points=c,this.closed=d===!0,this.recalc(),this.updateBounds(),this},recalc:function(){var a,b=this.edges=[],c=this.normals=[],d=this.points,e=d.length;for(a=0;e>a;a++){var f=d[a],g=e-1>a?d[a+1]:d[0],h=(new me.Vector2d).copy(g).sub(f),i=(new me.Vector2d).copy(h).perp().normalize();b.push(h),c.push(i)}return this},translate:function(a,b){return this.pos.x+=a,this.pos.y+=b,this.bounds.translate(a,b),this},translateV:function(a){return this.pos.add(a),this.bounds.translateV(a),this},containsPointV:function(a){return this.containsPoint(a.x,a.y)},containsPoint:function(a,b){for(var c=!1,d=this.pos.x,e=this.pos.y,f=this.points,g=f.length,h=0,i=g-1;g>h;i=h++){var j=f[h].y+e,k=f[h].x+d,l=f[i].y+e,m=f[i].x+d;j>b!=l>b&&(m-k)*(b-j)/(l-j)+k>a&&(c=!c)}return c},getBounds:function(){return this.bounds},updateBounds:function(){var a=1/0,b=1/0,c=-1/0,d=-1/0;return this.points.forEach(function(e){a=Math.min(a,e.x),b=Math.min(b,e.y),c=Math.max(c,e.x),d=Math.max(d,e.y)}),this.bounds?this.bounds.setShape(a,b,c-a,d-b):this.bounds=new me.Rect(a,b,c-a,d-b),this.bounds.translateV(this.pos)},clone:function(){var a=[];return this.points.forEach(function(b){a.push(new me.Vector2d(b.x,b.y))}),new me.PolyShape(this.pos.x,this.pos.y,a,this.closed)},draw:function(a,b){a.save(),a.strokePolyShape(this,b,1),a.restore()}})}(),function(){me.Matrix2d=Object.extend({init:function(a,b,c,d,e,f){this.a=a||1,this.b=b||0,this.c=c||0,this.d=d||1,this.e=e||0,this.f=f||0},identity:function(){return this.set(1,0,0,1,0,0),this},set:function(a,b,c,d,e,f){return this.a=a,this.b=b,this.c=c,this.d=d,this.e="undefined"!=typeof e?e:this.e,this.f="undefined"!=typeof f?f:this.f,this},multiply:function(a,b,c,d,e,f){var g=this.a,h=this.b,i=this.c,j=this.d;return this.a=a*g+b*i,this.b=a*h+b*j,this.c=c*g+d*i,this.d=c*h+d*j,this.e=e*g+f*i+this.e,this.f=e*h+f*j+this.f,this},scale:function(a,b){return this.a*=a,this.d*=b,this.e*=a,this.f*=b,this},rotate:function(a){if(0!==a){var b=Math.cos(a),c=Math.sin(a),d=this.a,e=this.b,f=this.c,g=this.d,h=this.e,i=this.f;this.a=d*b-e*c,this.b=d*c+e*b,this.c=f*b-g*c,this.d=f*c+g*b,this.e=h*b-i*c,this.f=h*c+i*b}return this},translate:function(a,b){return this.e+=a,this.f+=b,this},translateV:function(a){return this.translate(a.x,a.y)},isIdentity:function(){return 1===this.a&&0===this.b&&0===this.c&&1===this.d&&0===this.e&&0===this.f},clone:function(){return new me.Matrix2d(this.a,this.b,this.c,this.d,this.e,this.f)}})}(),function(){me.Body=me.Rect.extend({init:function(a){this.entity=a,this.shapes=[],this.shapeIndex=0,this.onCollision=void 0,this.collisionMask=me.collision.types.ALL_OBJECT,this.collisionType=me.collision.types.ENEMY_OBJECT,"undefined"==typeof this.vel&&(this.vel=new me.Vector2d),this.vel.set(0,0),"undefined"==typeof this.accel&&(this.accel=new me.Vector2d),this.accel.set(0,0),"undefined"==typeof this.friction&&(this.friction=new me.Vector2d),this.friction.set(0,0),"undefined"==typeof this.maxVel&&(this.maxVel=new me.Vector2d),this.maxVel.set(1e3,1e3),this.gravity="undefined"!=typeof me.sys.gravity?me.sys.gravity:.98,this.falling=!1,this.jumping=!0,this.slopeY=0,this.onslope=!1,this.onladder=!1,this.disableTopLadderCollision=!1,this.canBreakTile=!1,this.onTileBreak=null,this.collisionMap=me.game.collisionMap,this._super(me.Rect,"init",[0,0,a.width,a.height])},addShape:function(a){this.shapes.push("Rectangle"===a.shapeType?a.toPolygon():a),1===this.shapes.length&&this.setShape(0)},getShape:function(){return this.shapes[this.shapeIndex]},setShape:function(a){if("undefined"!=typeof this.shapes[a])return this.shapeIndex=a,void this.updateBounds();throw new me.Body.Error("Shape ("+a+") not defined")},setCollisionMask:function(a){this.collisionMask=a},updateBounds:function(a){var b=a||this.getShape().getBounds();this.pos.setV(b.pos),this.resize(b.width,b.height),this.entity.updateBounds()},setVelocity:function(a,b){this.accel.x=0!==a?a:this.accel.x,this.accel.y=0!==b?b:this.accel.y,this.setMaxVelocity(a,b)},setMaxVelocity:function(a,b){this.maxVel.x=a,this.maxVel.y=b},setFriction:function(a,b){this.friction.x=a||0,this.friction.y=b||0},flipX:function(a){a!==this.lastflipX&&this.shapes.length&&"function"==typeof this.getShape().flipX&&this.getShape().flipX(this.width)},flipY:function(a){a!==this.lastflipY&&this.shapes.length&&"function"==typeof this.getShape().flipY&&this.getShape().flipY(this.height)},checkSlope:function(a,b,c){a.pos.y=b.pos.y-a.height,this.slopeY=c?b.height-(a.right+this.vel.x-b.pos.x):a.left+this.vel.x-b.pos.x,this.vel.y=0,a.pos.y+=this.slopeY.clamp(0,b.height)},computeVelocity:function(a){this.gravity&&(a.y+=this.onladder?0:this.gravity*me.timer.tick,this.falling=a.y>0,this.jumping=this.falling?!1:this.jumping),this.friction.x&&(a.x=me.utils.applyFriction(a.x,this.friction.x)),this.friction.y&&(a.y=me.utils.applyFriction(a.y,this.friction.y)),0!==a.y&&(a.y=a.y.clamp(-this.maxVel.y,this.maxVel.y)),0!==a.x&&(a.x=a.x.clamp(-this.maxVel.x,this.maxVel.x))},update:function(){this.computeVelocity(this.vel);var a;if(this.collisionMask&me.collision.types.WORLD_SHAPE){var b=this.entity.getBounds();a=this.collisionMap.checkCollision(b,this.vel),this.onslope=a.yprop.isSlope||a.xprop.isSlope,this.onladder=!1;var c=a.yprop,d=a.ytile;a.y&&(this.onladder=c.isLadder||c.isTopLadder,a.y>0?c.isSolid||c.isPlatform&&b.bottom-1<=d.pos.y||c.isTopLadder&&!this.disableTopLadderCollision?(this.vel.y=this.falling?d.pos.y-b.bottom:0,this.falling=!1):c.isSlope&&!this.jumping?(this.checkSlope(b,d,c.isLeftSlope),this.falling=!1):c.isBreakable&&(this.canBreakTile?(me.game.currentLevel.clearTile(d.col,d.row),this.onTileBreak&&this.onTileBreak()):(this.vel.y=this.falling?d.pos.y-b.bottom:0,this.falling=!1)):a.y<0&&(c.isPlatform||c.isLadder||c.isTopLadder||(this.gravity&&(this.falling=!0),this.vel.y=0))),c=a.xprop,d=a.xtile,a.x&&(this.onladder=c.isLadder||c.isTopLadder,c.isSlope&&!this.jumping?(this.checkSlope(b,d,c.isLeftSlope),this.falling=!1):c.isPlatform||c.isLadder||c.isTopLadder||(c.isBreakable&&this.canBreakTile?(me.game.currentLevel.clearTile(d.col,d.row),this.onTileBreak&&this.onTileBreak()):this.vel.x=0)),this.entity.pos.setV(b.pos).sub(this.getShape().getBounds().pos)}return this.entity.pos.add(this.vel),this.updateBounds(),a},destroy:function(){this.entity=null,this.shapes=[],this.shapeIndex=0}}),me.Body.Error=me.Error.extend({init:function(a){me.Error.prototype.init.apply(this,[a]),this.name="me.Body.Error"}})}(),function(a,b){function c(a,b,c,d){this.max_objects=b||4,this.max_levels=c||4,this.level=d||0,this.bounds=a,this.objects=[],this.nodes=[]}var d=[],e=function(a,b,c,e){if(d.length>0){var f=d.pop();return f.bounds=a,f.max_objects=b||4,f.max_levels=c||4,f.level=e||0,f}return new me.QuadTree(a,b,c,e)},f=function(a){d.push(a)};c.prototype.split=function(){var a=this.level+1,c=b.round(this.bounds.width/2),d=b.round(this.bounds.height/2),f=b.round(this.bounds.pos.x),g=b.round(this.bounds.pos.y);this.nodes[0]=e({pos:{x:f+c,y:g},width:c,height:d},this.max_objects,this.max_levels,a),this.nodes[1]=e({pos:{x:f,y:g},width:c,height:d},this.max_objects,this.max_levels,a),this.nodes[2]=e({pos:{x:f,y:g+d},width:c,height:d},this.max_objects,this.max_levels,a),this.nodes[3]=e({pos:{x:f+c,y:g+d},width:c,height:d},this.max_objects,this.max_levels,a)},c.prototype.getIndex=function(a){var b=-1,c=this.bounds.pos.x+this.bounds.width/2,d=this.bounds.pos.y+this.bounds.height/2,e=a.pos.yd;return a.pos.xc&&(e?b=0:f&&(b=3)),b},c.prototype.insertContainer=function(a){for(var b,c=a.children.length;c--,b=a.children[c];)b instanceof me.Container?this.insertContainer(b):"undefined"!=typeof b.body&&this.insert(b)},c.prototype.insert=function(a){var b=-1;if(this.nodes.length>0&&(b=this.getIndex(a.getBounds()),-1!==b))return void this.nodes[b].insert(a);if(this.objects.push(a),this.objects.length>this.max_objects&&this.level0){var c=this.getIndex(a.getBounds());if(-1!==c)b=b.concat(this.nodes[c].retrieve(a));else for(var d=0;dg;g++){var h=a[g].dotProduct(b);d>h&&(d=h),h>e&&(e=h)}c[0]=d,c[1]=e}function b(b,c,d,e,f,h){var j=i.pop(),k=i.pop(),l=g.pop().copy(c).sub(b),m=l.dotProduct(f);if(a(d,f,j),a(e,f,k),k[0]+=m,k[1]+=m,j[0]>k[1]||k[0]>j[1])return g.push(l),i.push(j),i.push(k),!0;if(h){var n=0;if(j[0]o?o:-p}else if(h.bInA=!1,j[1]>k[1])n=j[0]-k[1],h.aInB=!1;else{var q=j[1]-k[0],r=k[1]-j[0];n=r>q?q:-r}var s=Math.abs(n);sn&&h.overlapN.reverse())}return g.push(l),i.push(j),i.push(k),!1}function c(a,b){var c=a.length2(),g=b.dotProduct(a);return 0>g?d:g>c?f:e}for(var d=-1,e=0,f=1,g=[],h=0;10>h;h++)g.push(new me.Vector2d);for(var i=[],j=0;5>j;j++)i.push([]); +me.collision=function(){var a={};return a.quadTree=null,a.maxDepth=4,a.maxChildren=8,a.bounds=null,a.SAT=!0,a.types={NO_OBJECT:0,PLAYER_OBJECT:1,NPC_OBJECT:2,ENEMY_OBJECT:4,COLLECTABLE_OBJECT:8,ACTION_OBJECT:16,PROJECTILE_OBJECT:32,WORLD_SHAPE:64,WORLD_BOUNDARY:128,ALL_OBJECT:4294967295},a.init=function(){a.bounds=me.game.viewport.clone(),a.quadTree=new me.QuadTree(a.bounds,a.maxChildren,a.maxDepth),me.event.subscribe(me.event.LEVEL_LOADED,function(){me.collision.bounds=me.game.world.clone(),me.collision.quadTree.clear(me.collision.bounds)})},a.ResponseObject=function(){this.a=null,this.b=null,this.overlapN=new me.Vector2d,this.overlapV=new me.Vector2d,this.clear()},a.ResponseObject.prototype.clear=function(){return this.aInB=!0,this.bInA=!0,this.overlap=Number.MAX_VALUE,this},a.response=new a.ResponseObject,a.shouldCollide=function(a,b){return a.body&&b.body&&0!==(a.body.collisionMask&b.body.collisionType)&&0!==(a.body.collisionType&b.body.collisionMask)},a.check=function(b,c,d,e,f){for(var g,h=0,i=e?f||a.response.clear():void 0,j=b.body.getShape().shapeType,k=a.quadTree.retrieve(b),l=k.length;(l--,g=k[l])&&(!g.inViewport&&!g.alwaysUpdate||g===b||!a.shouldCollide(b,g)||!b.getBounds().overlaps(g.getBounds())||a.SAT&&!a["test"+j+g.body.getShape().shapeType].call(this,b,b.body.getShape(),g,g.body.getShape(),i)||(h++,a.SAT&&(i&&(i.x=i.overlapV.x,i.y=i.overlapV.y,i.type=i.b.body.collisionType,i.obj=i.b),"function"==typeof g.body.onCollision&&g.body.onCollision.call(g.body,i,b),"function"==typeof d&&d(i)),c!==!1)););return h>0},a.testPolyShapePolyShape=function(a,c,d,e,f){var h,i=c.points,j=i.length,k=e.points,l=k.length,m=g.pop().copy(a.pos).add(c.pos),n=g.pop().copy(d.pos).add(e.pos);for(h=0;j>h;h++)if(b(m,n,i,k,c.normals[h],f))return g.push(m),g.push(n),!1;for(h=0;l>h;h++)if(b(m,n,i,k,e.normals[h],f))return g.push(m),g.push(n),!1;return f&&(f.a=a,f.b=d,f.overlapV.copy(f.overlapN).scale(f.overlap)),g.push(m),g.push(n),!0},a.testEllipseEllipse=function(a,b,c,d,e){var f=g.pop().copy(c.pos).add(d.pos).sub(a.pos).add(b.pos),h=b.radius,i=d.radius,j=h+i,k=j*j,l=f.length2();if(l>k)return g.push(f),!1;if(e){var m=Math.sqrt(l);e.a=a,e.b=c,e.overlap=j-m,e.overlapN.copy(f.normalize()),e.overlapV.copy(f).scale(e.overlap),e.aInB=i>=h&&i-h>=m,e.bInA=h>=i&&h-i>=m}return g.push(f),!0},a.testPolyShapeEllipse=function(a,b,e,h,i){for(var j=g.pop().copy(e.pos).add(h.pos).sub(a.pos).add(b.pos),k=h.radius,l=k*k,m=b.points,n=m.length,o=g.pop(),p=g.pop(),q=0,r=0;n>r;r++){var s=r===n-1?0:r+1,t=0===r?n-1:r-1,u=0,v=null;o.copy(b.edges[r]),p.copy(j).sub(m[r]),i&&p.length2()>l&&(i.aInB=!1);var w=c(o,p);if(w===d){o.copy(b.edges[t]);var x=g.pop().copy(j).sub(m[t]);if(w=c(o,x),w===f){if(q=p.length(),q>k)return g.push(j),g.push(o),g.push(p),g.push(x),!1;i&&(i.bInA=!1,v=p.normalize(),u=k-q)}g.push(x)}else if(w===f){if(o.copy(b.edges[s]),p.copy(j).sub(m[s]),w=c(o,p),w===d){if(q=p.length(),q>k)return g.push(j),g.push(o),g.push(p),!1;i&&(i.bInA=!1,v=p.normalize(),u=k-q)}}else{var y=o.perp().normalize();q=p.dotProduct(y);var z=Math.abs(q);if(q>0&&z>k)return g.push(j),g.push(y),g.push(p),!1;i&&(v=y,u=k-q,(q>=0||2*k>u)&&(i.bInA=!1))}v&&i&&Math.abs(u)0&&(this.scale.x=this.scale.x<0?-c:c),d>0&&(this.scale.y=this.scale.y<0?-d:d),this.scaleFlag=1!==this.scale.x||1!==this.scale.y},resizeV:function(a){this.resize(a.x,a.y)},update:function(a){return this.flickering?(this.flickerDuration-=a,this.flickerDuration<0&&(this.flickercb&&this.flickercb(),this.flicker(-1)),!0):!1},draw:function(a){if(!this.flickering||(this.flickerState=!this.flickerState,this.flickerState)){a.save(),a.setGlobalAlpha(a.globalAlpha()*this.getOpacity());var b=~~this.pos.x,c=~~this.pos.y,d=this.width,e=this.height,f=this.angle+this._sourceAngle;if(this.scaleFlag||0!==f){var g=d*this.anchorPoint.x,h=e*this.anchorPoint.y;a.translate(b+g,c+h),this.scaleFlag&&a.scale(this.scale.x,this.scale.y),0!==f&&a.rotate(f),0!==this._sourceAngle?(d=this.height,e=this.width,b=-h,c=-g):(b=-g,c=-h)}a.drawImage(this.image,this.offset.x,this.offset.y,d,e,b,c,d,e),a.restore()}},destroy:function(){this.onDestroyEvent.apply(this,arguments)},onDestroyEvent:function(){}})}(),function(){me.AnimationSheet=me.Sprite.extend({init:function(a,b,c){this.spacing=0,this.margin=0,this.animationpause=!1,this.animationspeed=100,this.anim={},this.resetAnim=null,this.current=null,this.animationspeed=100,this.spacing=c.spacing||0,this.margin=c.margin||0;var d=c.region||c.image;me.Sprite.prototype.init.apply(this,[a,b,c.image,c.spritewidth,c.spriteheight,this.spacing,this.margin]),this.textureAtlas=null,this.atlasIndices=null,this.buildLocalAtlas(c.atlas,c.atlasIndices,d),this.addAnimation("default",null),this.setCurrentAnimation("default")},buildLocalAtlas:function(a,b,c){if((null===c||"undefined"==typeof c)&&(c=this.image),"undefined"!=typeof a)this.textureAtlas=a,this.atlasIndices=b;else{if(this.textureAtlas=[],(c.width-this.margin)%(this.width+this.spacing)!==0||(c.height-this.margin)%(this.height+this.spacing)!==0)throw new me.Renderable.Error("Animation sheet for image: "+c.src+" is not divisible by "+(this.width+this.spacing)+"x"+(this.height+this.spacing));var d=new me.Vector2d(~~((c.width-this.margin)/(this.width+this.spacing)),~~((c.height-this.margin)/(this.height+this.spacing))),e=0,f=0;c.offset&&(e=c.offset.x,f=c.offset.y);for(var g=0,h=d.x*d.y;h>g;g++)this.textureAtlas[g]={name:""+g,offset:new me.Vector2d(this.margin+(this.spacing+this.width)*(g%d.x)+e,this.margin+(this.spacing+this.height)*~~(g/d.x)+f),width:this.width,height:this.height,hWidth:this.width/2,hHeight:this.height/2,angle:0}}},addAnimation:function(a,b,c){if(this.anim[a]={name:a,frame:[],idx:0,length:0,animationspeed:c||this.animationspeed,nextFrame:0},null==b){b=[];var d=0;this.textureAtlas.forEach(function(){b[d]=d++})}for(var e=0,f=b.length;f>e;e++)if("number"==typeof b[e])this.anim[a].frame[e]=this.textureAtlas[b[e]];else{if(null===this.atlasIndices)throw new me.Renderable.Error("string parameters for addAnimation are only allowed for TextureAtlas");this.anim[a].frame[e]=this.textureAtlas[this.atlasIndices[b[e]]]}this.anim[a].length=this.anim[a].frame.length},setCurrentAnimation:function(a,b){if(!this.anim[a])throw new me.Renderable.Error("animation id '"+a+"' not defined");this.current=this.anim[a],this.resetAnim=b||null,this.setAnimationFrame(this.current.idx),this.current.nextFrame=this.current.animationspeed},isCurrentAnimation:function(a){return this.current.name===a},setAnimationFrame:function(a){this.current.idx=(a||0)%this.current.length;var b=this.current.frame[this.current.idx];this.offset=b.offset,this.width=b.width,this.height=b.height,this.hWidth=b.hWidth,this.hHeight=b.hHeight,this._sourceAngle=b.angle},getCurrentAnimationFrame:function(){return this.current.idx},update:function(a){if(!this.animationpause&&(this.current.nextFrame-=a,this.current.nextFrame<=0)){if(this.setAnimationFrame(++this.current.idx),0===this.current.idx&&this.resetAnim)if("string"==typeof this.resetAnim)this.setCurrentAnimation(this.resetAnim);else if("function"==typeof this.resetAnim&&this.resetAnim()===!1)return this.current.idx=this.current.length-1,this.setAnimationFrame(this.current.idx),me.Sprite.prototype.update.apply(this,[a]),!1;return this.current.nextFrame=this.current.animationspeed,me.Sprite.prototype.update.apply(this,[a])||!0}return me.Sprite.prototype.update.apply(this,[a])}})}(),function(){var a=-(Math.PI/2);me.TextureAtlas=Object.extend({init:function(a,b){if(this.format=null,this.texture=b||null,this.atlas=a||null,a&&a.meta){if(a.meta.app.contains("texturepacker"))if(this.format="texturepacker","undefined"==typeof b){var c=me.utils.getBasename(a.meta.image);if(this.texture=me.loader.getImage(c),null===this.texture)throw new me.TextureAtlas.Error("Atlas texture '"+c+"' not found")}else this.texture=b;if(a.meta.app.contains("ShoeBox")){if(!a.meta.exporter||!a.meta.exporter.contains("melonJS"))throw new me.TextureAtlas.Error("ShoeBox requires the JSON exporter : https://github.com/melonjs/melonJS/tree/master/media/shoebox_JSON_export.sbx");this.format="ShoeBox",this.texture=b}this.atlas=this.initFromTexturePacker(a)}if(null===this.atlas)throw new me.TextureAtlas.Error("texture atlas format not supported")},initFromTexturePacker:function(a){var b={};return a.frames.forEach(function(a){a.hasOwnProperty("filename")&&(b[a.filename]={frame:new me.Rect(a.frame.x,a.frame.y,a.frame.w,a.frame.h),source:new me.Rect(a.spriteSourceSize.x,a.spriteSourceSize.y,a.spriteSourceSize.w,a.spriteSourceSize.h),rotated:a.rotated===!0,trimmed:a.trimmed===!0})}),b},getTexture:function(){return this.texture},getRegion:function(b){var c=this.atlas[b];return c?{name:b,pos:c.source.pos.clone(),offset:c.frame.pos.clone(),width:c.frame.width,height:c.frame.height,hWidth:c.frame.width/2,hHeight:c.frame.height/2,angle:c.rotated===!0?a:0}:null},createSpriteFromName:function(a){var b=this.getRegion(a);if(b){var c=new me.Sprite(0,0,this.getTexture(),b.width,b.height);return c.offset.setV(b.offset),c._sourceAngle=b.angle,c}throw new me.TextureAtlas.Error("TextureAtlas - region for "+a+" not found")},createAnimationFromName:function(a){for(var b=[],c={},d=0;dthis.deadzone.right?this.pos.x=~~a(c.x-this.deadzone.right,this.bounds.width-this.width):c.x-this.pos.xthis.deadzone.bottom?this.pos.y=~~a(c.y-this.deadzone.bottom,this.bounds.height-this.height):c.y-this.pos.y0&&(this._shake.duration-=a,this._shake.duration<=0?(this._shake.duration=0,this.offset.setZero(),"function"==typeof this._shake.onComplete&&this._shake.onComplete()):((this._shake.axis===this.AXIS.BOTH||this._shake.axis===this.AXIS.HORIZONTAL)&&(this.offset.x=(Math.random()-.5)*this._shake.intensity),(this._shake.axis===this.AXIS.BOTH||this._shake.axis===this.AXIS.VERTICAL)&&(this.offset.y=(Math.random()-.5)*this._shake.intensity)),b=!0),b===!0&&me.event.publish(me.event.VIEWPORT_ONCHANGE,[this.pos]),(null!=this._fadeIn.tween||null!=this._fadeOut.tween)&&(b=!0),b},shake:function(a,b,c,d){this._shake.duration>0||(this._shake={intensity:a,duration:b,axis:c||this.AXIS.BOTH,onComplete:d})},fadeOut:function(a,b,c){this._fadeOut.color=me.pool.pull("me.Color").parseHex(a),this._fadeOut.color.alpha=1,this._fadeOut.duration=b||1e3,this._fadeOut.tween=me.pool.pull("me.Tween",this._fadeOut.color).to({alpha:0},this._fadeOut.duration).onComplete(c||null),this._fadeOut.tween.start()},fadeIn:function(a,b,c){this._fadeIn.color=me.pool.pull("me.Color").parseHex(a),this._fadeIn.color.alpha=0,this._fadeIn.duration=b||1e3,this._fadeIn.tween=me.pool.pull("me.Tween",this._fadeIn.color).to({alpha:1},this._fadeIn.duration).onComplete(c||null),this._fadeIn.tween.start()},getWidth:function(){return this.width},getHeight:function(){return this.height},focusOn:function(a){var b=a.getBounds();this.moveTo(a.pos.x+b.pos.x+b.hWidth,a.pos.y+b.pos.y+b.hHeight)},isVisible:function(a){return a.overlaps(this)},localToWorld:function(a,b,c){return c=c||new me.Vector2d,c.set(a,b).add(this.pos).sub(me.game.currentLevel.pos)},worldToLocal:function(a,b,c){return c=c||new me.Vector2d,c.set(a,b).sub(this.pos).add(me.game.currentLevel.pos)},draw:function(){this._fadeIn.tween&&(me.video.renderer.clearSurface(null,this._fadeIn.color.toRGBA()),1===this._fadeIn.color.alpha&&(this._fadeIn.tween=null,me.pool.push(this._fadeIn.color),this._fadeIn.color=null)),this._fadeOut.tween&&(me.video.renderer.clearSurface(null,this._fadeOut.color.toRGBA()),0===this._fadeOut.color.alpha&&(this._fadeOut.tween=null,me.pool.push(this._fadeOut.color),this._fadeOut.color=null))}})}(),function(){me.GUI_Object=me.Sprite.extend({init:function(a,b,c){this.isClickable=!0,this.holdThreshold=250,this.isHoldable=!1,this.holdTimeout=null,this.updated=!1,this.released=!0,me.Sprite.prototype.init.apply(this,[a,b,"string"==typeof c.image?me.loader.getImage(c.image):c.image,c.spritewidth,c.spriteheight]),this.floating=!0,me.input.registerPointerEvent("pointerdown",this,this.clicked.bind(this)),me.input.registerPointerEvent("pointerup",this,this.release.bind(this))},update:function(){return this.updated?(this.released||(this.updated=!1),!0):!1},clicked:function(a){return this.isClickable?(this.updated=!0,this.isHoldable&&(null!==this.holdTimeout&&me.timer.clearTimeout(this.holdTimeout),this.holdTimeout=me.timer.setTimeout(this.hold.bind(this),this.holdThreshold,!1),this.released=!1),this.onClick(a)):void 0},onClick:function(){return!1},release:function(a){return this.released=!0,me.timer.clearTimeout(this.holdTimeout),this.onRelease(a)},onRelease:function(){return!1},hold:function(){me.timer.clearTimeout(this.holdTimeout),this.released||this.onHold()},onHold:function(){},onDestroyEvent:function(){me.input.releasePointerEvent("pointerdown",this),me.input.releasePointerEvent("pointerup",this),me.timer.clearTimeout(this.holdTimeout)}})}(),function(){var a=function(a,b){a.ancestor&&a.ancestor.removeChildNow(a,b)},b=new me.Rect(0,0,0,0),c=0;me.Container=me.Renderable.extend({init:function(a,b,c,d){this.pendingSort=null,this.transform=new me.Matrix2d,me.Renderable.prototype.init.apply(this,[a,b,c||1/0,d||1/0]),this.bounds=void 0,this.children=[],this.sortOn=me.game.sortOn,this.autoSort=!0,this.transform.identity(),this.drawCount=0},addChild:function(a,b){return"undefined"!=typeof a.ancestor?a.ancestor.removeChildNow(a):a.isRenderable&&(a.GUID=me.utils.createGUID()),"number"==typeof b&&(a.z=b),"undefined"==typeof a.z&&(a.z=this.children.length),a.ancestor=this,this.children.push(a),this.autoSort===!0&&this.sort(),"function"==typeof a.onActivateEvent&&a.onActivateEvent(),a},addChildAt:function(a,b){if(b>=0&&b=0&&a=0;f--){var g=this.children[f];g instanceof me.Container?(c(g,a),d=d.concat(g.getChildByProp(a,b))):c(g,a)}return d},getChildByName:function(a){return this.getChildByProp("name",a)},getChildByGUID:function(a){var b=this.getChildByProp("GUID",a);return b.length>0?b[0]:null},getBounds:function(){this.bounds?(this.bounds.pos.set(1/0,1/0),this.bounds.resize(-1/0,-1/0)):this.bounds=new me.Rect(1/0,1/0,-1/0,-1/0);for(var a,b,c=this.children.length;c--,b=this.children[c];)b.isRenderable&&(a=b.getBounds(),null!==a&&this.bounds.union(a));return this.bounds},removeChild:function(b,c){b.ancestor&&a.defer(this,b,c)},removeChildNow:function(a,b){if(!this.hasChild(a))throw new me.Container.Error(a+" The supplied child must be a child of the caller "+this);a.ancestor=void 0,"function"==typeof a.onDeactivateEvent&&a.onDeactivateEvent(),b||("function"==typeof a.destroy&&a.destroy(),me.pool.push(a)),this.children.splice(this.getChildIndex(a),1)},setChildsProperty:function(a,b,c){for(var d=this.children.length;d>=0;d--){var e=this.children[d];c===!0&&e instanceof me.Container&&e.setChildsProperty(a,b,c),e[a]=b}},moveUp:function(a){var b=this.getChildIndex(a);b-1>=0&&this.swapChildren(a,this.getChildAt(b-1))},moveDown:function(a){var b=this.getChildIndex(a);b+10&&(this.children.splice(0,0,this.children.splice(b,1)[0]),a.z=this.children[1].z+1)},moveToBottom:function(a){var b=this.getChildIndex(a);b0||g.floating,i&&c++,d=!i,d&&(e=g.pos.x,f=g.pos.y,b.translateV(g.pos),b.resize(g.width,g.height)),g.inViewport=i||k.isVisible(b),h|=(g.inViewport||g.alwaysUpdate)&&g.update(a),d&&b.translate(-e,-f),c>0&&c--):h|=g.update(a));return h},draw:function(a,b){var c=me.game.viewport,d=!1;this.drawCount=0,a.save(),a.transform(this.transform.a,this.transform.b,this.transform.c,this.transform.d,this.transform.e,this.transform.f),a.setGlobalAlpha(a.globalAlpha()*this.getOpacity()),a.translate(this.pos.x,this.pos.y);for(var e,f=this.children.length;f--,e=this.children[f];)d=e.floating,(e.inViewport||d)&&e.isRenderable&&(d===!0&&(a.save(),a.translate(c.screenX-this.pos.x,c.screenY-this.pos.y)),e.draw(a,b),d===!0&&a.restore(),this.drawCount++);a.restore()}}),me.Container.Error=me.Renderable.Error.extend({init:function(a){me.Renderable.Error.prototype.init.apply(this,[a]),this.name="me.Container.Error"}})}(),function(){me.ObjectSettings={name:null,image:null,transparent_color:null,spritewidth:null,spriteheight:null,type:0,collisionMask:4294967295},me.Entity=me.Renderable.extend({init:function(a,b,c){if(this.renderable=null,this.bounds=void 0,"number"!=typeof c.width||"number"!=typeof c.height)throw new me.Entity.Error("height and width properties are mandatory when passing settings parameters to an object entity");if(me.Renderable.prototype.init.apply(this,[a,b,c.width,c.height]),c.image){var d="object"==typeof c.image?c.image:me.loader.getImage(c.image);this.renderable=new me.AnimationSheet(0,0,{image:d,spritewidth:~~(c.spritewidth||c.width),spriteheight:~~(c.spriteheight||c.height),spacing:~~c.spacing,margin:~~c.margin}),c.transparent_color&&this.renderable.setTransparency(c.transparent_color)}if(this.name=c.name?c.name.toLowerCase():"",this.alive=!0,this.lastflipX=!1,this.lastflipY=!1,this.body=new me.Body(this),"function"==typeof c.getShape&&this.body.addShape(c.getShape()),this.updateBounds(),"undefined"!=typeof c.collisionMask&&this.body.setCollisionMask(c.collisionMask),"undefined"!=typeof c.collisionType){if("undefined"==typeof me.collision.types[c.collisionType])throw new me.Entity.Error("Invalid value for the collisionType property");this.body.collisionType=me.collision.types[c.collisionType]}},getBounds:function(){return this.bounds},updateBounds:function(){return this.bounds||(this.bounds=new me.Rect(0,0,0,0)),this.bounds.pos.setV(this.pos).add(this.body.pos),this.bounds.resize(this.body.width,this.body.height),this.bounds},flipX:function(a){a!==this.lastflipX&&(this.lastflipX=a,this.renderable&&this.renderable.flipX&&this.renderable.flipX(a),this.body&&this.body.flipX(a))},flipY:function(a){a!==this.lastflipY&&(this.lastflipY=a,this.renderable&&this.renderable.flipY&&this.renderable.flipY(a),this.body&&this.body.flipY(a))},distanceTo:function(a){var b=this.pos.x+this.hWidth-(a.pos.x+a.hWidth),c=this.pos.y+this.hHeight-(a.pos.y+a.hHeight);return Math.sqrt(b*b+c*c)},distanceToPoint:function(a){var b=this.pos.x+this.hWidth-a.x,c=this.pos.y+this.hHeight-a.y;return Math.sqrt(b*b+c*c)},angleTo:function(a){var b=a.pos.x+a.hWidth-(this.pos.x+this.hWidth),c=a.pos.y+a.hHeight-(this.pos.y+this.hHeight);return Math.atan2(c,b)},angleToPoint:function(a){var b=a.x-(this.pos.x+this.hWidth),c=a.y-(this.pos.y+this.hHeight);return Math.atan2(c,b)},update:function(a){return this.renderable?this.renderable.update(a):!1},draw:function(a){if(this.renderable){var b=this.getBounds(),c=~~(b.pos.x+this.anchorPoint.x*(b.width-this.renderable.width)),d=~~(b.pos.y+this.anchorPoint.y*(b.height-this.renderable.height));a.translate(c,d),this.renderable.draw(a),a.translate(-c,-d)}},destroy:function(){this.renderable&&(this.renderable.destroy.apply(this.renderable,arguments),this.renderable=null),this.body.destroy.apply(this.body,arguments),this.body=null},onDestroyEvent:function(){}}),me.CollectableEntity=me.Entity.extend({init:function(a,b,c){me.Entity.prototype.init.apply(this,[a,b,c]),this.body.collisionType=me.collision.types.COLLECTABLE_OBJECT}}),me.LevelEntity=me.Entity.extend({init:function(a,b,c){me.Entity.prototype.init.apply(this,[a,b,c]),this.nextlevel=c.to,this.fade=c.fade,this.duration=c.duration,this.fading=!1,this.gotolevel=c.to,this.body.onCollision=this.onCollision.bind(this),this.body.collisionType=me.collision.types.ACTION_OBJECT},onFadeComplete:function(){me.levelDirector.loadLevel(this.gotolevel),me.game.viewport.fadeOut(this.fade,this.duration)},goTo:function(a){this.gotolevel=a||this.nextlevel,this.fade&&this.duration?this.fading||(this.fading=!0,me.game.viewport.fadeIn(this.fade,this.duration,this.onFadeComplete.bind(this))):me.levelDirector.loadLevel(this.gotolevel)},onCollision:function(){this.goTo()}}),me.Entity.Error=me.Renderable.Error.extend({init:function(a){me.Renderable.Error.prototype.init.apply(this,[a]),this.name="me.Entity.Error"}})}(),function(){me.ScreenObject=Object.extend({init:function(){},reset:function(){me.game.reset(),this.onResetEvent.apply(this,arguments)},destroy:function(){this.onDestroyEvent.apply(this,arguments)},onResetEvent:function(){},onDestroyEvent:function(){}}),function(){var a=0,b=me.agent.prefixed("requestAnimationFrame"),c=me.agent.prefixed("cancelAnimationFrame")||me.agent.prefixed("cancelRequestAnimationFrame");b&&c||(b=function(b){var c=window.performance.now(),d=Math.max(0,16-(c-a)),e=window.setTimeout(function(){b(c+d)},d);return a=c+d,e},c=function(a){window.clearTimeout(a)}),window.requestAnimationFrame=b,window.cancelAnimationFrame=c}(),me.state=function(){function a(){-1===i&&-1!==h&&(me.timer.reset(),i=window.requestAnimationFrame(d))}function b(){j&&-1!==h&&(me.timer.reset(),j=!1)}function c(){j=!0}function d(a){me.game.update(a),me.game.draw(),-1!==i&&(i=window.requestAnimationFrame(d))}function e(){window.cancelAnimationFrame(i),i=-1}function f(b){e(),k[h]&&k[h].screen.destroy(),k[b]&&(h=b,k[h].screen.reset.apply(k[h].screen,n),a(),m&&m(),me.game.repaint())}var g={},h=-1,i=-1,j=!1,k={},l={color:"",duration:0},m=null,n=null,o=0;return g.LOADING=0,g.MENU=1,g.READY=2,g.PLAY=3,g.GAMEOVER=4,g.GAME_END=5,g.SCORE=6,g.CREDITS=7,g.SETTINGS=8,g.USER=100,g.onPause=null,g.onResume=null,g.onStop=null,g.onRestart=null,g.init=function(){g.set(g.LOADING,new me.DefaultLoadingScreen)},g.stop=function(a){h!==g.LOADING&&g.isRunning()&&(e(),a===!0&&me.audio.pauseTrack(),o=window.performance.now(),me.event.publish(me.event.STATE_STOP),"function"==typeof g.onStop&&g.onStop())},g.pause=function(a){h===g.LOADING||g.isPaused()||(c(),a===!0&&me.audio.pauseTrack(),o=window.performance.now(),me.event.publish(me.event.STATE_PAUSE),"function"==typeof g.onPause&&g.onPause())},g.restart=function(b){g.isRunning()||(a(),b===!0&&me.audio.resumeTrack(),o=window.performance.now()-o,me.game.repaint(),me.event.publish(me.event.STATE_RESTART,[o]),"function"==typeof g.onRestart&&g.onRestart())},g.resume=function(a){g.isPaused()&&(b(),a===!0&&me.audio.resumeTrack(),o=window.performance.now()-o,me.event.publish(me.event.STATE_RESUME,[o]),"function"==typeof g.onResume&&g.onResume())},g.isRunning=function(){return-1!==i},g.isPaused=function(){return j},g.set=function(a,b){k[a]={},k[a].screen=b,k[a].transition=!0},g.current=function(){return k[h].screen},g.transition=function(a,b,c){"fade"===a&&(l.color=b,l.duration=c)},g.setTransition=function(a,b){k[a].transition=b},g.change=function(a){if("undefined"==typeof k[a])throw new me.Error("Undefined ScreenObject for state '"+a+"'");n=null,arguments.length>1&&(n=Array.prototype.slice.call(arguments,1)),l.duration&&k[a].transition?(m=function(){me.game.viewport.fadeOut(l.color,l.duration)},me.game.viewport.fadeIn(l.color,l.duration,function(){f.defer(this,a)})):f.defer(this,a)},g.isCurrent=function(a){return h===a},g}()}(),function(){var a=me.Renderable.extend({init:function(a,b,c){me.Renderable.prototype.init.apply(this,[a.x,a.y,b,c]),this.invalidate=!1,this.barHeight=4,this.progress=0},onProgressUpdate:function(a){this.progress=Math.floor(a*this.width),this.invalidate=!0},update:function(){return this.invalidate===!0?(this.invalidate=!1,!0):!1},draw:function(a){var b=a.getContext();b.fillStyle="black",b.fillRect(0,this.height/2-this.barHeight/2,this.width,this.barHeight),b.fillStyle="#55aa00",b.fillRect(2,this.height/2-this.barHeight/2,this.progress,this.barHeight)}}),b=me.Renderable.extend({init:function(a,b){me.Renderable.prototype.init.apply(this,[a,b,100,85])},draw:function(a){a.save(),a.translate(this.pos.x,this.pos.y);var b=a.getContext();b.beginPath(),b.moveTo(.7,48.9),b.bezierCurveTo(10.8,68.9,38.4,75.8,62.2,64.5),b.bezierCurveTo(86.1,53.1,97.2,27.7,87,7.7),b.lineTo(87,7.7),b.bezierCurveTo(89.9,15.4,73.9,30.2,50.5,41.4),b.bezierCurveTo(27.1,52.5,5.2,55.8,.7,48.9),b.lineTo(.7,48.9),b.lineTo(.7,48.9),b.closePath(),b.fillStyle="rgb(255, 255, 255)",b.fill(),b.beginPath(),b.moveTo(84,7),b.bezierCurveTo(87.6,14.7,72.5,30.2,50.2,41.6),b.bezierCurveTo(27.9,53,6.9,55.9,3.2,48.2),b.bezierCurveTo(-.5,40.4,14.6,24.9,36.9,13.5),b.bezierCurveTo(59.2,2.2,80.3,-.8,84,7),b.lineTo(84,7),b.closePath(),b.lineWidth=5.3,b.strokeStyle="rgb(255, 255, 255)",b.lineJoin="miter",b.miterLimit=4,b.stroke(),a.restore()}}),c=me.Renderable.extend({init:function(a,b){me.Renderable.prototype.init.apply(this,[0,0,a,b]),this.logo1=new me.Font("century gothic",32,"white","middle"),this.logo2=new me.Font("century gothic",32,"#55aa00","middle"),this.logo2.bold(),this.logo1.textBaseline=this.logo2.textBaseline="alphabetic"},draw:function(a){var b=a.getContext(),c=this.logo1.measureText(b,"melon").width,d=(this.width-c-this.logo2.measureText(b,"JS").width)/2,e=this.height/2+this.logo2.measureText(b,"melon").height; +this.logo1.draw(b,"melon",d,e),d+=c,this.logo2.draw(b,"JS",d,e)}});me.DefaultLoadingScreen=me.ScreenObject.extend({onResetEvent:function(){me.game.reset(),me.game.world.addChild(new me.ColorLayer("background","#202020",0));var d=new a(new me.Vector2d,me.video.renderer.getWidth(),me.video.renderer.getHeight());this.handle=me.event.subscribe(me.event.LOADER_PROGRESS,d.onProgressUpdate.bind(d)),me.game.world.addChild(d,1);var e=new b((me.video.renderer.getWidth()-100)/2,me.video.renderer.getHeight()/2-d.barHeight/2-90);me.game.world.addChild(e,1),me.game.world.addChild(new c(me.video.renderer.getWidth(),me.video.renderer.getHeight()),1)},onDestroyEvent:function(){this.handle&&(me.event.unsubscribe(this.handle),this.handle=null)}})}(),function(){me.loader=function(){function a(){l===k?f.onload?(clearTimeout(m),setTimeout(function(){f.onload(),me.event.publish(me.event.LOADER_COMPLETE)},300)):console.error("no load callback defined"):m=setTimeout(a,100)}function b(a,b,c){g[a.name]=new Image,g[a.name].onload=b,g[a.name].onerror=c,g[a.name].src=a.src+f.nocache}function c(a,b,c){function d(b,c){h[a.name]={data:b,isTMX:"tmx"===a.type,format:c}}if("tmx"===a.type&&me.levelDirector.addTMXLevel(a.name),a.data)return d(a.data,a.format),void b();var e=new XMLHttpRequest,g=me.utils.getFileExtension(a.src).toLowerCase();e.overrideMimeType&&e.overrideMimeType("json"===g?"application/json":"text/xml"),e.open("GET",a.src+f.nocache,!0),e.ontimeout=c,e.onreadystatechange=function(){if(4===e.readyState)if(200===e.status||0===e.status&&e.responseText){var a=null;switch(g){case"xml":case"tmx":a=me.device.ua.match(/msie/i)||!e.responseXML?(new DOMParser).parseFromString(e.responseText,"text/xml"):e.responseXML,a=me.TMXUtils.parse(a).map,g="json";break;case"json":a=JSON.parse(e.responseText);break;default:throw new f.Error("TMX file format "+g+"not supported !")}d(a,g),b()}else c()},e.send(null)}function d(a,b,c){var d=new XMLHttpRequest;d.overrideMimeType&&d.overrideMimeType("application/json"),d.open("GET",a.src+f.nocache,!0),d.ontimeout=c,d.onreadystatechange=function(){4===d.readyState&&(200===d.status||0===d.status&&d.responseText?(j[a.name]=JSON.parse(d.responseText),b()):c())},d.send(null)}function e(a,b,c){var d=new XMLHttpRequest;d.open("GET",a.src+f.nocache,!0),d.responseType="arraybuffer",d.onerror=c,d.onload=function(){var c=d.response;if(c){for(var e=new Uint8Array(c),f=[],g=0;gl;l++){var n=j.charCodeAt(l)-this.firstChar;n>=0&&a.drawImage(this.font,this.fontSize.x*(n%this.charCount),this.fontSize.y*~~(n/this.charCount),this.fontSize.x,this.fontSize.y,~~c,~~d,this.sSize.x,this.sSize.y),c+=this.sSize.x}d+=g}a.setGlobalAlpha(h)}})}(),function(){me.audio=function(){function a(a,b){if(h++>3){var e="melonJS: failed loading "+a;if(me.sys.stopOnAudioError!==!1)throw new c.Error(e);me.audio.disable(),b&&b(),console.log(e+", disabling audio")}else d[a].load()}function b(a){g=a}var c={},d={},e={},f=null,g=null,h=0;return c.Error=me.Error.extend({init:function(a){me.Error.prototype.init.apply(this,[a]),this.name="me.audio.Error"}}),c.init=function(a){if(!me.initialized)throw new c.Error("me.audio.init() called before engine initialization.");return a="string"==typeof a?a:"mp3",this.audioFormats=a.split(","),!Howler.noAudio},c.enable=function(){this.unmuteAll()},c.disable=function(){this.muteAll()},c.load=function(b,f,g){var i=[];if("undefined"==typeof this.audioFormats||0===this.audioFormats.length)throw new c.Error("target audio extension(s) should be set through me.audio.init() before calling the preloader.");for(var j=0;je;e+=4){var j=3*i[e]+4*i[e+1]+i[e+2]>>>3;i[e]=j,i[e+1]=j,i[e+2]=j}break;case"brightness":var k=Math.abs(d).clamp(0,1);for(e=0,f=i.length;f>e;e+=4)i[e]*=k,i[e+1]*=k,i[e+2]*=k;break;case"transparent":var l=me.pool.pull("me.Color").parseHex(d),m=me.pool.pull("me.Color");for(e=0,f=i.length;f>e;e+=4)m.setColor(i[e],i[e+1],i[e+2]),m.equals(l)&&(i[e+3]=0);me.pool.push(l),me.pool.push(m);break;default:return null}return g.putImageData(h,0,0),g},a.blitSurface=function(){a.blitSurface=d?function(){c.drawImage(e,0,0,e.width,e.height,0,0,h,g)}:function(){},a.blitSurface()},a.clearSurface=function(a,b){null===a&&(a=f);var c=a.canvas;a.save(),a.setTransform(1,0,0,1,0,0),a.fillStyle=b,a.fillRect(0,0,c.width,c.height),a.restore()},a.drawLine=function(a,b,c,d,e,g){f.lineWidth=g,f.strokeStyle=e,f.beginPath(),f.translate(a,b),f.moveTo(0,0),f.lineTo(c,d),f.stroke(),f.closePath()},a.drawImage=function(a,b,c,d,e,g,h,i,j){f.drawImage(a,b,c,d,e,g,h,i,j)},a.fillArc=function(a,b,c,d,e,g,h,i){null===i&&(i=!1),f.save(),f.beginPath(),f.translate(a-c,b-d),f.scale(c,d),f.arc(1,1,1,e,g,i),f.restore(),f.fillStyle=h,f.fill()},a.fillRect=function(a,b,c,d,e){f.fillStyle=e,f.fillRect(a,b,c,d)},a.getScreenCanvas=function(){return b},a.getScreenContext=function(){return c},a.getContext2d=function(a){if("undefined"==typeof a||null===a)throw new me.video.Error("You must pass a canvas element in order to create a 2d context");if("undefined"==typeof a.getContext)throw new me.video.Error("Your browser does not support HTML5 canvas.");var b;return b=navigator.isCocoonJS?a.getContext("2d",{antialias:me.sys.scalingInterpolation}):a.getContext("2d"),b.canvas||(b.canvas=a),this.setImageSmoothing(b,me.sys.scalingInterpolation),b},a.getHeight=function(){return e.height},a.getCanvas=function(){return e},a.getContext=function(){return f},a.getWidth=function(){return e.width},a.globalAlpha=function(){return f.globalAlpha},a.resetTransform=function(){f.setTransform(1,0,0,1,0,0)},a.resize=function(a,d){b.width=h=e.width*a,b.height=g=e.height*d,me.device.getPixelRatio()>1&&(b.style.width=b.width/me.device.getPixelRatio()+"px",b.style.height=b.height/me.device.getPixelRatio()+"px"),this.setImageSmoothing(c,me.sys.scalingInterpolation),this.blitSurface()},a.restore=function(){f.restore()},a.rotate=function(a){f.rotate(a)},a.save=function(){f.save()},a.scale=function(a,b){f.scale(a,b)},a.setAlpha=function(a){f.globalCompositeOperation=a?"source-over":"copy"},a.setGlobalAlpha=function(a){f.globalAlpha=a},a.setImageSmoothing=function(a,b){me.agent.setPrefixed("imageSmoothingEnabled",b===!0,a)},a.strokeArc=function(a,b,c,d,e,g,h,i,j){null===i&&(i=!1),f.save(),f.beginPath(),f.translate(a-c,b-d),f.scale(c,d),f.arc(1,1,1,e,g,i),f.restore(),f.strokeStyle=h,f.lineWidth=j,f.stroke()},a.strokePolyShape=function(a,b,c){this.translate(a.pos.x,a.pos.y),f.strokeStyle=b,f.beginPath(),f.moveTo(a.points[0].x,a.points[0].y),a.points.forEach(function(a){f.lineTo(a.x,a.y),f.moveTo(a.x,a.y)}),a.closed===!0&&f.lineTo(a.points[0].x,a.points[0].y),f.lineWidth=c,f.stroke()},a.strokeRect=function(a,b,c,d,e,g){f.strokeStyle=e,f.lineWidth=g,f.strokeRect(a,b,c,d)},a.transform=function(a,b,c,d,e,g){f.transform(a,b,c,d,e,g)},a.translate=function(a,b){f.translate(a,b)},a}()}(),function(){me.video=function(){var a={},b=null,c=null,d=-1,e=!1,f=!1,g=!0,h=1/0,i=1/0;return a.Error=me.Error.extend({init:function(a){me.Error.prototype.init.apply(this,[a]),this.name="me.video.Error"}}),a.init=function(d,h,i,j,k,l,m){if(!me.initialized)throw new a.Error("me.video.init() called before engine initialization.");e=k||!1,f="auto"===l||!1,g="undefined"!=typeof m?m:!0,l="auto"!==l?parseFloat(l||1):1,me.sys.scale=new me.Vector2d(l,l),(f||1!==l)&&(e=!0);var n=i*me.sys.scale.x,o=j*me.sys.scale.y;if(window.addEventListener("resize",throttle(100,!1,function(a){me.event.publish(me.event.WINDOW_ONRESIZE,[a])}),!1),window.addEventListener("orientationchange",function(a){me.event.publish(me.event.WINDOW_ONORIENTATION_CHANGE,[a])},!1),me.event.subscribe(me.event.WINDOW_ONRESIZE,me.video.onresize.bind(me.video)),me.event.subscribe(me.event.WINDOW_ONORIENTATION_CHANGE,me.video.onresize.bind(me.video)),b=a.createCanvas(n,o,!0),d&&(c=document.getElementById(d)),c||(c=document.body),c.appendChild(b),!b.getContext)return!1;switch(h){case me.video.WEBGL:this.renderer=me.WebGLRenderer.init(b.width,b.height,b);break;default:this.renderer=me.CanvasRenderer.init(b,i,j,e,n,o)}var p=me.device.getPixelRatio();if(p>1&&(b.style.width=b.width/p+"px",b.style.height=b.height/p+"px"),window.getComputedStyle){var q=window.getComputedStyle(b,null);me.video.setMaxSize(parseInt(q.maxWidth,10),parseInt(q.maxHeight,10))}return me.video.onresize(null),me.game.init(),!0},a.getPos=function(a){return a=a||this.renderer.getScreenCanvas(),a.getBoundingClientRect?a.getBoundingClientRect():{left:0,top:0}},a.setMaxSize=function(a,b){h=a||1/0,i=b||1/0},a.createCanvas=function(c,d,e){if(0===c||0===d)throw new a.Error("width or height was zero, Canvas could not be initialized !");var f=document.createElement("canvas");return e===!0&&navigator.isCocoonJS&&me.device.android2!==!0&&(f.screencanvas=!0),f.width=c||b.width,f.height=d||b.height,f},a.getWrapper=function(){return c},a.onresize=function(){var a=1,b=1;if(me.device.orientation="undefined"!=typeof window.orientation?window.orientation:window.outerWidth>window.outerHeight?90:0,f){var c=me.video.renderer.getScreenCanvas().parentNode,e=Math.min(h,c.width||window.innerWidth),j=Math.min(i,c.height||window.innerHeight);if(g){var k=me.video.renderer.getWidth()/me.video.renderer.getHeight(),l=e/j;a=b=k>l?e/me.video.renderer.getWidth():j/me.video.renderer.getHeight()}else a=e/me.video.renderer.getWidth(),b=j/me.video.renderer.getHeight();if(a*=me.device.getPixelRatio(),b*=me.device.getPixelRatio(),1!==a||1!==b)return d>=0&&clearTimeout(d),void(d=me.video.updateDisplaySize.defer(this,a,b))}me.input._offset=me.video.getPos()},a.updateDisplaySize=function(a,b){me.sys.scale.set(a,b),this.renderer.resize(a,b),me.input._offset=me.video.getPos(),d=-1},a.setAlpha=function(a){"function"==typeof this.renderer.setAlpha&&this.renderer.setAlpha(a)},a}(),me.video.CANVAS=0,me.video.WEBGL=1}(),function(){me.WebGLRenderer=function(){var a={},b=null,c=null,d=null,e=null;return a.init=function(a,f,g){return b=g,c=require("kami").WebGLContext,this.context=new c(a,f,b),d=this.context.gl,e=new me.Color,this.globalAlpha=1,this},a.blitSurface=function(){},a.clearSurface=function(a,b){b.match(/^\#/)?e.parseHex(b):b.match(/^rgb/)?e.parseRGB(b):e.parseCSS(b),a.clearColor(e.r/255,e.g/255,e.b/255,1)},a.getScreenCanvas=function(){return b},a.getScreenContext=function(){return d},a.getContext=function(){return d},a.getHeight=function(){return this.context.height},a.getCanvas=function(){return b},a.getContext=function(){return d},a.getWidth=function(){return this.context.width},a.globalAlpha=function(){return this.globalAlpha},a.resize=function(a,c){b=this.context.view;var d=b.width*a,e=b.height*c;this.context.resize(d,e),me.device.getPixelRatio()>1&&(b.style.width=b.width/me.device.getPixelRatio()+"px",b.style.height=b.height/me.device.getPixelRatio()+"px")},a}()}(),function(){me.input=function(){var a={};return a._preventDefault=function(a){return a.stopPropagation?a.stopPropagation():a.cancelBubble=!0,a.preventDefault?a.preventDefault():a.returnValue=!1,!1},a.preventDefault=!0,a}()}(),function(){var a=me.input;a._KeyBinding={};var b={},c={},d={},e={},f={},g=!1;a._enableKeyboardEvent=function(){g||(window.addEventListener("keydown",a._keydown,!1),window.addEventListener("keyup",a._keyup,!1),g=!0)},a._keydown=function(c,g,h){g=g||c.keyCode||c.which;var i=a._KeyBinding[g];if(me.event.publish(me.event.KEYDOWN,[i,g,i?!d[i]:!0]),i){if(!d[i]){var j=h?h:g;e[i][j]||(b[i]++,e[i][j]=!0)}return f[g]?a._preventDefault(c):!0}return!0},a._keyup=function(c,g,h){g=g||c.keyCode||c.which;var i=a._KeyBinding[g];if(me.event.publish(me.event.KEYUP,[i,g]),i){var j=h?h:g;return e[i][j]=void 0,b[i]>0&&b[i]--,d[i]=!1,f[g]?a._preventDefault(c):!0}return!0},a.KEY={BACKSPACE:8,TAB:9,ENTER:13,SHIFT:16,CTRL:17,ALT:18,PAUSE:19,CAPS_LOCK:20,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,PRINT_SCREEN:42,INSERT:45,DELETE:46,NUM0:48,NUM1:49,NUM2:50,NUM3:51,NUM4:52,NUM5:53,NUM6:54,NUM7:55,NUM8:56,NUM9:57,A:65,B:66,C:67,D:68,E:69,F:70,G:71,H:72,I:73,J:74,K:75,L:76,M:77,N:78,O:79,P:80,Q:81,R:82,S:83,T:84,U:85,V:86,W:87,X:88,Y:89,Z:90,WINDOW_KEY:91,NUMPAD0:96,NUMPAD1:97,NUMPAD2:98,NUMPAD3:99,NUMPAD4:100,NUMPAD5:101,NUMPAD6:102,NUMPAD7:103,NUMPAD8:104,NUMPAD9:105,MULTIPLY:106,ADD:107,SUBSTRACT:109,DECIMAL:110,DIVIDE:111,F1:112,F2:113,F3:114,F4:115,F5:116,F6:117,F7:118,F8:119,F9:120,F10:121,F11:122,F12:123,NUM_LOCK:144,SCROLL_LOCK:145,SEMICOLON:186,PLUS:187,COMMA:188,MINUS:189,PERIOD:190,FORWAND_SLASH:191,GRAVE_ACCENT:192,OPEN_BRACKET:219,BACK_SLASH:220,CLOSE_BRACKET:221,SINGLE_QUOTE:222},a.isKeyPressed=function(a){return b[a]&&!d[a]?(c[a]&&(d[a]=!0),!0):!1},a.keyStatus=function(a){return b[a]>0},a.triggerKeyEvent=function(b,c){c?a._keydown({},b):a._keyup({},b)},a.bindKey=function(g,h,i,j){a._enableKeyboardEvent(),"boolean"!=typeof j&&(j=a.preventDefault),a._KeyBinding[g]=h,f[g]=j,b[h]=0,c[h]=i?i:!1,d[h]=!1,e[h]={}},a.unlockKey=function(a){d[a]=!1},a.unbindKey=function(d){var g=a._KeyBinding[d];b[g]=0,c[g]=!1,e[g]={},a._KeyBinding[d]=null,f[d]=null}}(),function(){function a(a,b){for(var c=2;cd;d++){if("undefined"!=typeof a.timeStamp){if(a.timeStampc;c++){var e=a.changedTouches[c];b=h.globalToLocal(e.clientX,e.clientY),b.id=e.identifier,w.push(b)}else b=h.globalToLocal(a.clientX,a.clientY),b.id=a.pointerId||1,w.push(b);a.isPrimary!==!1&&h.mouse.pos.set(w[0].x,w[0].y)}function e(a){if(a.target===me.video.renderer.getScreenCanvas()){var b={deltaMode:1,type:"mousewheel",deltaX:a.deltaX,deltaY:a.deltaY,deltaZ:a.deltaZ};if("mousewheel"===k&&(b.deltaY=-1/40*a.wheelDelta,a.wheelDeltaX&&(b.deltaX=-1/40*a.wheelDeltaX)),c(b))return h._preventDefault(a)}return!0}function f(a){return d(a),c(a)?h._preventDefault(a):!0}function g(a){if(d(a),c(a))return h._preventDefault(a);var b=a.button||0,e=h.mouse.bind[b];return e?a.type===m[s]?h._keydown(a,e,b+1):h._keyup(a,e,b+1):!0}var h=me.input,i={},j=!1,k="mousewheel",l=0,m=null,n=["mousewheel","pointermove","pointerdown","pointerup","pointercancel",void 0,void 0],o=["mousewheel","MSPointerMove","MSPointerDown","MSPointerUp","MSPointerCancel",void 0,void 0],p=["mousewheel","mousemove","mousedown","mouseup",void 0,void 0,void 0],q=[void 0,"touchmove","touchstart","touchend","touchcancel",void 0,void 0],r=1,s=2,t=3,u=4,v=new me.Vector2d,w=[];h._offset=null,h.mouse={pos:null,LEFT:0,MIDDLE:1,RIGHT:2,bind:[0,0,0]},h.throttlingInterval=void 0,h.globalToLocal=function(a,b){var c=h._offset,d=me.device.getPixelRatio();a-=c.left,b-=c.top;var e=me.sys.scale;return(1!==e.x||1!==e.y)&&(a/=e.x,b/=e.y),new me.Vector2d(a*d,b*d)},h.bindPointer=function(){var a=arguments.length<2?h.mouse.LEFT:arguments[0],c=arguments.length<2?arguments[0]:arguments[1];if(b(),!h._KeyBinding[c])throw new me.Error("no action defined for keycode "+c);h.mouse.bind[a]=c},h.unbindPointer=function(a){h.mouse.bind["undefined"==typeof a?me.input.mouse.LEFT:a]=null},h.registerPointerEvent=function(a,c,d,e){if(b(),-1===n.indexOf(a))throw new me.Error("invalid event type : "+a);n!==m&&(a=m[n.indexOf(a)]),i[a]||(i[a]=[]);var f=c.floating===!0?!0:!1;e&&(f=e===!0?!0:!1),i[a].push({rect:c,cb:d,floating:f})},h.releasePointerEvent=function(a,b){if(-1===n.indexOf(a))throw new me.Error("invalid event type : "+a);n!==m&&(a=m[n.indexOf(a)]),i[a]||(i[a]=[]);var c=i[a];if(c)for(var d,e=c.length;e--,d=c[e];)d.rect===b&&(d.rect=d.cb=d.floating=null,i[a].splice(e,1))},h._translatePointerEvents=function(){h.registerPointerEvent("pointermove",me.game.viewport,function(a){return me.event.publish(me.event.MOUSEMOVE,[a]),!1})}}(),function(){var a=function(){var a={},b="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";return a.decode=function(a){if(a=a.replace(/[^A-Za-z0-9\+\/\=]/g,""),me.device.nativeBase64)return window.atob(a);for(var c,d,e,f,g,h,i,j=[],k=0;k>4,d=(15&g)<<4|h>>2,e=(3&h)<<6|i,j.push(String.fromCharCode(c)),64!==h&&j.push(String.fromCharCode(d)),64!==i&&j.push(String.fromCharCode(e));return j=j.join("")},a.encode=function(a){if(a=a.replace(/\r\n/g,"\n"),me.device.nativeBase64)return window.btoa(a);for(var c,d,e,f,g,h,i,j=[],k=0;k>2,g=(3&c)<<4|d>>4,h=(15&d)<<2|e>>6,i=63&e,isNaN(d)?h=i=64:isNaN(e)&&(i=64),j.push(b.charAt(f)),j.push(b.charAt(g)),j.push(b.charAt(h)),j.push(b.charAt(i));return j=j.join("")},a}();me.utils=function(){var b={},c="",d=0,e=/^.*(\\|\/|\:)/,f=/\.[^\.]*$/;return b.decodeBase64=function(b){return a.decode(b)},b.encodeBase64=function(b){return a.encode(b)},b.decodeBase64AsArray=function(b,c){c=c||1;var d,e,f,g,h=a.decode(b);for(g="function"==typeof window.Uint32Array?new Uint32Array(h.length/c):[],d=0,f=h.length/c;f>d;d++)for(g[d]=0,e=c-1;e>=0;--e)g[d]+=h.charCodeAt(d*c+e)<<(e<<3);return g},b.decompress=function(){throw new me.Error("GZIP/ZLIB compressed TMX Tile Map not supported!")},b.decodeCSV=function(a,b){a=a.trim().split("\n");for(var c=[],d=0;da+b?a+b*me.timer.tick:a-b>0?a-b*me.timer.tick:0},b}()}(),function(){var a={black:[0,0,0],silver:[192,192,129],gray:[128,128,128],white:[255,255,255],maroon:[128,0,0],red:[255,0,0],purple:[128,0,128],fuchsia:[255,0,255],green:[0,128,0],lime:[0,255,0],olive:[128,128,0],yellow:[255,255,0],navy:[0,0,128],blue:[0,0,255],teal:[0,128,128],aqua:[0,255,255],orange:[255,165,0],aliceblue:[240,248,245],antiquewhite:[250,235,215],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],blanchedalmond:[255,235,205],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,35],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],"darkgray[*]":[169,169,169],darkgreen:[0,100,0],"darkgrey[*]":[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],limegreen:[50,205,50],linen:[250,240,230],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],oldlace:[253,245,230],olivedrab:[107,142,35],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],whitesmoke:[245,245,245],yellowgreen:[154,205,50]};me.Color=Object.extend({init:function(a,b,c,d){return this.r=a||0,this.g=b||0,this.b=c||0,this.alpha=d||1,this},onResetEvent:function(a,b,c,d){return this.setColor(a,b,c,d)},setColor:function(a,b,c,d){return this.r=Math.floor(a||0).clamp(0,255),this.g=Math.floor(b||0).clamp(0,255),this.b=Math.floor(c||0).clamp(0,255),this.alpha="undefined"==typeof d?1:d.clamp(0,1),this},clone:function(){return me.pool.pull("me.Color",this.r,this.g,this.b,this.alpha)},add:function(a){return this.setColor(this.r+a.r,this.g+a.g,this.b+a.b,(this.alpha+a.alpha)/2)},darken:function(a){return a=a.clamp(0,1),this.setColor(this.r*a,this.g*a,this.b*a,this.alpha)},lighten:function(a){return a=a.clamp(0,1),this.setColor(this.r+(255-this.r)*a,this.g+(255-this.g)*a,this.b+(255-this.b)*a,this.alpha)},random:function(){return this.setColor(256*Math.random(),256*Math.random(),256*Math.random(),this.alpha)},equals:function(a){return this.r===a.r&&this.g===a.g&&this.b===a.b&&this.alpha===a.alpha},parseCSS:function(b){return b in a?this.setColor.apply(this,a[b]):this.parseRGB(b)},parseRGB:function(a){var b;if("rgba"===a.substring(0,4))b=5;else{if("rgb"!==a.substring(0,3))return this.parseHex(a);b=4}var c=a.slice(b,-1).split(/\s*,\s*/);return this.setColor.apply(this,c)},parseHex:function(a){"#"===a.charAt(0)&&(a=a.substring(1,a.length));var b,c,d;return a.length<6?(b=parseInt(a.charAt(0)+a.charAt(0),16),c=parseInt(a.charAt(1)+a.charAt(1),16),d=parseInt(a.charAt(2)+a.charAt(2),16)):(b=parseInt(a.substring(0,2),16),c=parseInt(a.substring(2,4),16),d=parseInt(a.substring(4,6),16)),this.setColor(b,c,d)},toHex:function(){return"#"+this.r.toHex()+this.g.toHex()+this.b.toHex()},toRGB:function(){return"rgb("+this.r+","+this.g+","+this.b+")"},toRGBA:function(){return"rgba("+this.r+","+this.g+","+this.b+","+this.alpha+")"}})}(),function(){me.save=function(){function a(a){return"add"===a||"remove"===a}var b={},c={_init:function(){if(me.device.localStorage===!0){var a=JSON.parse(localStorage.getItem("me.save"))||[];a.forEach(function(a){b[a]=JSON.parse(localStorage.getItem("me.save."+a)) +})}},add:function(d){Object.keys(d).forEach(function(e){a(e)||(!function(a){Object.defineProperty(c,a,{configurable:!0,enumerable:!0,get:function(){return b[a]},set:function(c){b[a]=c,me.device.localStorage===!0&&localStorage.setItem("me.save."+a,JSON.stringify(c))}})}(e),e in b||(c[e]=d[e]))}),me.device.localStorage===!0&&localStorage.setItem("me.save",JSON.stringify(Object.keys(b)))},remove:function(c){a(c)||"undefined"!=typeof b[c]&&(delete b[c],me.device.localStorage===!0&&(localStorage.removeItem("me.save."+c),localStorage.setItem("me.save",JSON.stringify(Object.keys(b)))))}};return c}()}(),function(){me.TMXConstants={COLLISION_LAYER:"collision",TMX_TAG_MAP:"map",TMX_TAG_NAME:"name",TMX_TAG_VALUE:"value",TMX_TAG_VERSION:"version",TMX_TAG_ORIENTATION:"orientation",TMX_TAG_WIDTH:"width",TMX_TAG_HEIGHT:"height",TMX_TAG_TYPE:"type",TMX_TAG_OPACITY:"opacity",TMX_TAG_TRANS:"trans",TMX_TAG_TILEWIDTH:"tilewidth",TMX_TAG_TILEHEIGHT:"tileheight",TMX_TAG_TILEOFFSET:"tileoffset",TMX_TAG_FIRSTGID:"firstgid",TMX_TAG_GID:"gid",TMX_TAG_TILE:"tile",TMX_TAG_ID:"id",TMX_TAG_DATA:"data",TMX_TAG_COMPRESSION:"compression",TMX_TAG_GZIP:"gzip",TMX_TAG_ZLIB:"zlib",TMX_TAG_ENCODING:"encoding",TMX_TAG_ATTR_BASE64:"base64",TMX_TAG_CSV:"csv",TMX_TAG_SPACING:"spacing",TMX_TAG_MARGIN:"margin",TMX_TAG_PROPERTIES:"properties",TMX_TAG_PROPERTY:"property",TMX_TAG_IMAGE:"image",TMX_TAG_SOURCE:"source",TMX_TAG_VISIBLE:"visible",TMX_TAG_TILESET:"tileset",TMX_TAG_LAYER:"layer",TMX_TAG_TILE_LAYER:"tilelayer",TMX_TAG_IMAGE_LAYER:"imagelayer",TMX_TAG_OBJECTGROUP:"objectgroup",TMX_TAG_OBJECT:"object",TMX_TAG_X:"x",TMX_TAG_Y:"y",TMX_TAG_POLYGON:"polygon",TMX_TAG_POLYLINE:"polyline",TMX_TAG_ELLIPSE:"ellipse",TMX_TAG_POINTS:"points",TMX_BACKGROUND_COLOR:"backgroundcolor"}}(),function(a){me.TMXUtils=function(){function b(a){if(!a||a.isBoolean())a=a?"true"===a:!0;else if(a.isNumeric())a=Number(a);else if(a.match(/^json:/i)){var b=a.split(/^json:/i)[1];try{a=JSON.parse(b)}catch(c){throw new me.Error("Unable to parse JSON: "+b)}}return a}var c={},d=function(a,c){if(c.attributes&&c.attributes.length>0)for(var d=0;d0&&(e+=i)}else 1===g.nodeType&&(c[h]=me.TMXUtils.parse(g,b),c[h]._draworder=b++);else Array.isArray(c[h])===!1&&(c[h]=[c[h]]),c[h].push(me.TMXUtils.parse(g,b)),c[h][c[h].length-1]._draworder=b++}e.length>0&&(c.value=e,e="")}return c},c.applyTMXProperties=function(c,d){var e=d[a.TMX_TAG_PROPERTIES];if("undefined"!=typeof e)if("undefined"!=typeof e.property){var f=e.property;Array.isArray(f)===!0?f.forEach(function(a){c[a.name]=a.value}):c[f.name]=f.value}else for(var g in e)e.hasOwnProperty(g)&&(c[g]=b(e[g]))},c}()}(me.TMXConstants),function(a){me.TMXObjectGroup=Object.extend({init:function(b,c,d,e){this.name=null,this.width=0,this.height=0,this.z=0,this.objects=[];var f=this;this.name=b,this.width=c[a.TMX_TAG_WIDTH],this.height=c[a.TMX_TAG_HEIGHT],this.z=e,this.objects=[];var g="undefined"!=typeof c[a.TMX_TAG_VISIBLE]?c[a.TMX_TAG_VISIBLE]:!0;this.opacity=g===!0?parseFloat(c[a.TMX_TAG_OPACITY]||1).clamp(0,1):0,me.TMXUtils.applyTMXProperties(this,c);var h=c.objects||c.object;Array.isArray(h)===!0?h.forEach(function(a){f.objects.push(new me.TMXObject(a,d,e))}):f.objects.push(new me.TMXObject(h,d,e))},destroy:function(){this.objects=null},getObjectCount:function(){return this.objects.length},getObjectByIndex:function(a){return this.objects[a]}}),me.TMXObject=Object.extend({init:function(b,c,d){if(this.points=void 0,this.name=b[a.TMX_TAG_NAME],this.x=parseInt(b[a.TMX_TAG_X],10),this.y=parseInt(b[a.TMX_TAG_Y],10),this.z=parseInt(d,10),this.width=parseInt(b[a.TMX_TAG_WIDTH]||0,10),this.height=parseInt(b[a.TMX_TAG_HEIGHT]||0,10),this.gid=parseInt(b[a.TMX_TAG_GID],10)||null,this.type=b[a.TMX_TAG_TYPE],this.isEllipse=!1,this.isPolygon=!1,this.isPolyline=!1,"number"==typeof this.gid)this.setImage(this.gid,c);else if("undefined"!=typeof b[a.TMX_TAG_ELLIPSE])this.isEllipse=!0;else{var e=b[a.TMX_TAG_POLYGON];if("undefined"!=typeof e?this.isPolygon=!0:(e=b[a.TMX_TAG_POLYLINE],"undefined"!=typeof e&&(this.isPolyline=!0)),"undefined"!=typeof e)if(this.points=[],"undefined"!=typeof e.points){e=e.points.split(" ");for(var f,g=0;g=this.firstgid&&a<=this.lastgid},getTileImage:function(a){var b=me.CanvasRenderer.getContext2d(me.video.createCanvas(this.tilewidth,this.tileheight));return this.drawTile(b,0,0,a),b.canvas},getTileProperties:function(a){return this.TileProperties[a]},isTileCollidable:function(a){return this.TileProperties[a].isCollidable},getTileOffsetX:function(a){var b=this.tileXOffset[a];return"undefined"==typeof b&&(b=this.tileXOffset[a]=this.margin+(this.spacing+this.tilewidth)*(a%this.hTileCount)),b},getTileOffsetY:function(a){var b=this.tileYOffset[a];return"undefined"==typeof b&&(b=this.tileYOffset[a]=this.margin+(this.spacing+this.tileheight)*~~(a/this.hTileCount)),b},drawTile:function(a,b,c,d){if(d.flipped){a.save();var e=d.transform;a.transform(e.a,e.b,e.c,e.d,e.e+b,e.f+c),b=c=0}var f=d.tileId-this.firstgid;a.drawImage(this.image,this.getTileOffsetX(f),this.getTileOffsetY(f),this.tilewidth,this.tileheight,b,c,this.tilewidth,this.tileheight),d.flipped&&a.restore()}}),me.TMXTilesetGroup=Object.extend({init:function(){this.tilesets=[]},add:function(a){this.tilesets.push(a)},getTilesetByIndex:function(a){return this.tilesets[a]},getTilesetByGid:function(a){for(var b=-1,c=0,d=this.tilesets.length;d>c;c++){if(this.tilesets[c].contains(a))return this.tilesets[c];this.tilesets[c].firstgid===this.tilesets[c].lastgid&&a>=this.tilesets[c].firstgid&&(b=c)}if(-1!==b)return this.tilesets[b];throw new me.Error("no matching tileset found for gid "+a)}})}(me.TMXConstants),function(){me.TMXOrthogonalRenderer=Object.extend({init:function(a,b,c,d){this.cols=a,this.rows=b,this.tilewidth=c,this.tileheight=d},canRender:function(a){return"orthogonal"===a.orientation&&this.cols===a.cols&&this.rows===a.rows&&this.tilewidth===a.tilewidth&&this.tileheight===a.tileheight},pixelToTileCoords:function(a,b){return new me.Vector2d(this.pixelToTileX(a),this.pixelToTileY(b))},pixelToTileX:function(a){return a/this.tilewidth},pixelToTileY:function(a){return a/this.tileheight},tileToPixelCoords:function(a,b){return new me.Vector2d(a*this.tilewidth,b*this.tileheight)},adjustPosition:function(a){"number"==typeof a.gid&&(a.y-=a.height)},drawTile:function(a,b,c,d,e){e.drawTile(a,e.tileoffset.x+b*this.tilewidth,e.tileoffset.y+(c+1)*this.tileheight-e.tileheight,d)},drawTileLayer:function(a,b,c){var d=this.pixelToTileCoords(c.pos.x,c.pos.y).floorSelf(),e=this.pixelToTileCoords(c.pos.x+c.width+this.tilewidth,c.pos.y+c.height+this.tileheight).ceilSelf();e.x=e.x>this.cols?this.cols:e.x,e.y=e.y>this.rows?this.rows:e.y;for(var f=d.y;f>1,-e.tilewidth+(b+c)*e.tileheight>>2,d)},drawTileLayer:function(a,b,c){var d=b.tileset,e=d.tileoffset,f=this.pixelToTileCoords(c.pos.x-d.tilewidth,c.pos.y-d.tileheight).floorSelf(),g=this.pixelToTileCoords(c.pos.x+c.width+d.tilewidth,c.pos.y+c.height+d.tileheight).ceilSelf(),h=this.tileToPixelCoords(g.x,g.y),i=this.tileToPixelCoords(f.x,f.y);i.x-=this.hTilewidth,i.y+=this.tileheight;var j=i.y-c.pos.y>this.hTileheight,k=c.pos.x-i.x=0&&m.y>=0&&m.x=this.width)break;i=0,g=Math.min(this.imagewidth,this.width-k),j=~~this.pos.y,l=0,h=Math.min(this.imageheight-~~this.pos.y,this.height)}}d&&a.translate(-e,-f)},destroy:function(){this.handle&&(me.event.unsubscribe(this.handle),this.handle=null),this.image=null,this.lastpos=null}}),me.CollisionTiledLayer=me.Renderable.extend({init:function(a,b){me.Renderable.prototype.init.apply(this,[0,0,a,b]),this.isCollisionMap=!0},checkCollision:function(a,b){var c=b.x<0?a.left+b.x:a.right+b.x,d=b.y<0?a.top+b.y:a.bottom+b.y,e={x:0,y:0,xprop:{},yprop:{}};return(0>=c||c>=this.width)&&(e.x=b.x),(0>=d||d>=this.height)&&(e.y=b.y),e}}),me.TMXLayer=me.Renderable.extend({init:function(a,b,c,d,e){me.Renderable.prototype.init.apply(this,[0,0,0,0]),this.tilewidth=a,this.tileheight=b,this.orientation=c,this.tilesets=d,this.tileset=this.tilesets?this.tilesets.getTilesetByIndex(0):null,this.z=e},initFromJSON:function(b){this.name=b[a.TMX_TAG_NAME],this.cols=parseInt(b[a.TMX_TAG_WIDTH],10),this.rows=parseInt(b[a.TMX_TAG_HEIGHT],10);var c="undefined"!=typeof b[a.TMX_TAG_VISIBLE]?b[a.TMX_TAG_VISIBLE]:!0;this.setOpacity(c?parseFloat(b[a.TMX_TAG_OPACITY]):0),"isometric"===this.orientation?(this.width=(this.cols+this.rows)*(this.tilewidth/2),this.height=(this.cols+this.rows)*(this.tileheight/2)):(this.width=this.cols*this.tilewidth,this.height=this.rows*this.tileheight),me.TMXUtils.applyTMXProperties(this,b),"undefined"==typeof this.preRender&&(this.preRender=me.sys.preRender),this.isCollisionMap=this.name.toLowerCase().contains(a.COLLISION_LAYER),this.isCollisionMap===!0&&this.setOpacity(0),this.preRender===!0&&(this.layerCanvas=me.video.createCanvas(this.cols*this.tilewidth,this.rows*this.tileheight),this.layerSurface=me.CanvasRenderer.getContext2d(this.layerCanvas))},destroy:function(){this.preRender&&(this.layerCanvas=null,this.layerSurface=null),this.renderer=null,this.layerData=null,this.tileset=null,this.tilesets=null},setRenderer:function(a){this.renderer=a},initArray:function(a,b){this.layerData=[];for(var c=0;a>c;c++){this.layerData[c]=[];for(var d=0;b>d;d++)this.layerData[c][d]=null}},getTileId:function(a,b){var c=this.getTile(a,b);return c?c.tileId:null},getTile:function(a,b){return this.layerData[~~this.renderer.pixelToTileX(a,b)][~~this.renderer.pixelToTileY(b,a)]},setTile:function(a,b,c){var d=new me.Tile(a,b,this.tilewidth,this.tileheight,c);return d.tileset=this.tileset.contains(d.tileId)?this.tileset:this.tileset=this.tilesets.getTilesetByGid(d.tileId),this.layerData[a][b]=d,d},clearTile:function(a,b){this.layerData[a][b]=null,this.preRender&&this.layerSurface.clearRect(a*this.tilewidth,b*this.tileheight,this.tilewidth,this.tileheight)},checkCollision:function(a,b){var c=b.x<0?~~(a.left+b.x):Math.ceil(a.right-1+b.x),d=b.y<0?~~(a.top+b.y):Math.ceil(a.bottom-1+b.y),e={x:0,xtile:void 0,xprop:{},y:0,ytile:void 0,yprop:{}};return 0>=c||c>=this.width?e.x=b.x:0!==b.x&&(e.xtile=this.getTile(c,Math.ceil(a.bottom-1)),e.xtile&&this.tileset.isTileCollidable(e.xtile.tileId)?(e.x=b.x,e.xprop=this.tileset.getTileProperties(e.xtile.tileId)):(e.xtile=this.getTile(c,~~a.top),e.xtile&&this.tileset.isTileCollidable(e.xtile.tileId)&&(e.x=b.x,e.xprop=this.tileset.getTileProperties(e.xtile.tileId)))),e.ytile=this.getTile(b.x<0?~~a.left:Math.ceil(a.right-1),d),e.ytile&&this.tileset.isTileCollidable(e.ytile.tileId)?(e.y=b.y||1,e.yprop=this.tileset.getTileProperties(e.ytile.tileId)):(e.ytile=this.getTile(b.x<0?Math.ceil(a.right-1):~~a.left,d),e.ytile&&this.tileset.isTileCollidable(e.ytile.tileId)&&(e.y=b.y||1,e.yprop=this.tileset.getTileProperties(e.ytile.tileId))),e},draw:function(a,b){if(this.preRender){var c=Math.min(b.width,this.width),d=Math.min(b.height,this.height);this.layerSurface.globalAlpha=a.globalAlpha()*this.getOpacity(),this.layerSurface.globalAlpha>0&&a.drawImage(this.layerCanvas,b.pos.x,b.pos.y,c,d,b.pos.x,b.pos.y,c,d)}else{var e=a.globalAlpha();a.setGlobalAlpha(a.globalAlpha()*this.getOpacity()),a.globalAlpha()>0&&this.renderer.drawTileLayer(a,this,b),a.setGlobalAlpha(e)}}})}(me.TMXConstants),function(a){me.TMXTileMap=me.Renderable.extend({init:function(a){this.levelId=a,this.z=0,this.name=null,this.cols=0,this.rows=0,this.tilewidth=0,this.tileheight=0,this.tilesets=null,this.mapLayers=[],this.objectGroups=[],this.version="",this.orientation="",this.tilesets=null,this.initialized=!1,me.Renderable.prototype.init.apply(this,[0,0,0,0])},setDefaultPosition:function(a,b){if(this.width0?c:0,d>0?d:0)}},getObjectGroupByName:function(a){var b=null;a=a.trim().toLowerCase();for(var c=this.objectGroups.length;c--;)if(this.objectGroups[c].name.toLowerCase().contains(a)){b=this.objectGroups[c];break}return b},getObjectGroups:function(){return this.objectGroups},getLayers:function(){return this.mapLayers},getLayerByName:function(b){var c=null;b=b.trim().toLowerCase();for(var d=this.mapLayers.length;d--;)if(this.mapLayers[d].name.toLowerCase().contains(b)){c=this.mapLayers[d];break}return b.toLowerCase().contains(a.COLLISION_LAYER)&&null==c&&(c=new me.CollisionTiledLayer(me.game.currentLevel.width,me.game.currentLevel.height)),c},clearTile:function(a,b){for(var c=this.mapLayers.length;c--;)this.mapLayers[c]instanceof me.TMXLayer&&this.mapLayers[c].clearTile(a,b)},destroy:function(){var a;if(this.initialized===!0){for(a=this.mapLayers.length;a--;)this.mapLayers[a]=null;for(a=this.objectGroups.length;a--;)this.objectGroups[a].destroy(),this.objectGroups[a]=null;this.tilesets=null,this.mapLayers.length=0,this.objectGroups.length=0,this.pos.set(0,0),this.initialized=!1}}})}(me.TMXConstants),function(a){me.TMXMapReader=Object.extend({init:function(){},readMap:function(b,c){if(b.initialized!==!0){var d=0,e=this;b.version=c[a.TMX_TAG_VERSION],b.orientation=c[a.TMX_TAG_ORIENTATION],b.cols=parseInt(c[a.TMX_TAG_WIDTH],10),b.rows=parseInt(c[a.TMX_TAG_HEIGHT],10),b.tilewidth=parseInt(c[a.TMX_TAG_TILEWIDTH],10),b.tileheight=parseInt(c[a.TMX_TAG_TILEHEIGHT],10),"isometric"===b.orientation?(b.width=(b.cols+b.rows)*(b.tilewidth/2),b.height=(b.cols+b.rows)*(b.tileheight/2)):(b.width=b.cols*b.tilewidth,b.height=b.rows*b.tileheight),b.backgroundcolor=c[a.TMX_BACKGROUND_COLOR],b.z=d++,me.TMXUtils.applyTMXProperties(b,c),b.backgroundcolor&&b.mapLayers.push(new me.ColorLayer("background_color",b.backgroundcolor,d++)),b.background_image&&b.mapLayers.push(new me.ImageLayer("background_image",b.width,b.height,b.background_image,d++)),null!==me.game.tmxRenderer&&me.game.tmxRenderer.canRender(b)||(me.game.tmxRenderer=this.getNewDefaultRenderer(b)),b.tilesets||(b.tilesets=new me.TMXTilesetGroup);var f=c.tilesets||c.tileset;if(Array.isArray(f)===!0?f.forEach(function(a){b.tilesets.add(e.readTileset(a))}):b.tilesets.add(e.readTileset(f)),"undefined"!=typeof c.layers)c.layers.forEach(function(c){switch(c.type){case a.TMX_TAG_IMAGE_LAYER:b.mapLayers.push(e.readImageLayer(b,c,d++));break;case a.TMX_TAG_TILE_LAYER:b.mapLayers.push(e.readLayer(b,c,d++));break;case a.TMX_TAG_OBJECTGROUP:b.objectGroups.push(e.readObjectGroup(b,c,d++))}});else if("undefined"!=typeof c.layer){var g=c.layer;if(Array.isArray(g)===!0?g.forEach(function(a){b.mapLayers.push(e.readLayer(b,a,a._draworder))}):b.mapLayers.push(e.readLayer(b,g,g._draworder)),"undefined"!=typeof c[a.TMX_TAG_OBJECTGROUP]){var h=c[a.TMX_TAG_OBJECTGROUP];Array.isArray(h)===!0?h.forEach(function(a){b.objectGroups.push(e.readObjectGroup(b,a,a._draworder))}):b.objectGroups.push(e.readObjectGroup(b,h,h._draworder))}if("undefined"!=typeof c[a.TMX_TAG_IMAGE_LAYER]){var i=c[a.TMX_TAG_IMAGE_LAYER];Array.isArray(i)===!0?i.forEach(function(a){b.mapLayers.push(e.readImageLayer(b,a,a._draworder))}):b.mapLayers.push(e.readImageLayer(b,i,i._draworder))}}b.initialized=!0}},getNewDefaultRenderer:function(a){switch(a.orientation){case"orthogonal":return new me.TMXOrthogonalRenderer(a.cols,a.rows,a.tilewidth,a.tileheight);case"isometric":return new me.TMXIsometricRenderer(a.cols,a.rows,a.tilewidth,a.tileheight);default:throw new me.Error(a.orientation+" type TMX Tile Map not supported!")}},setLayerData:function(b,c,d,e){b.initArray(b.cols,b.rows);var f=Array.isArray(c)===!0?c:c.value;switch(d){case"json":f=c;break;case a.TMX_TAG_CSV:case a.TMX_TAG_ATTR_BASE64:d===a.TMX_TAG_CSV?f=me.utils.decodeCSV(f,b.cols):(f=me.utils.decodeBase64AsArray(f,4),null!==e&&(f=me.utils.decompress(f,e)));break;default:throw new me.Error("TMX Tile Map "+d+" encoding not supported!")}for(var g=0,h=0;h=0?a.loadLevel(c[d-1]):!1},a.levelCount=function(){return c.length},a}()}(),/** + * @preserve Tween JS + * https://github.com/sole/Tween.js + */ +function(){me.Tween=function(a){var b=a,c={},d={},e={},f=1e3,g=0,h=!1,i=!1,j=0,k=null,l=me.Tween.Easing.Linear.None,m=me.Tween.Interpolation.Linear,n=[],o=null,p=!1,q=null,r=null;for(var s in a)"object"!=typeof a&&(c[s]=parseFloat(a[s],10));this.onResetEvent=function(a){b=a,c={},d={},e={},l=me.Tween.Easing.Linear.None,m=me.Tween.Interpolation.Linear,h=!1,i=!1,f=1e3,j=0,o=null,p=!1,q=null,r=null},this.to=function(a,b){return void 0!==b&&(f=b),d=a,this},this.start=function(a){p=!1,me.game.world.addChild(this),k=("undefined"==typeof a?me.timer.getTime():a)+j;for(var f in d){if(d[f]instanceof Array){if(0===d[f].length)continue;d[f]=[b[f]].concat(d[f])}c[f]=b[f],c[f]instanceof Array==!1&&(c[f]*=1),e[f]=c[f]||0}return this},this.stop=function(){return me.game.world.hasChild(this)&&me.game.world.removeChildNow(this),this},this.delay=function(a){return j=a,this},me.event.subscribe(me.event.STATE_RESUME,function(a){k&&(k+=a)}),this.repeat=function(a){return g=a,this},this.yoyo=function(a){return h=a,this},this.easing=function(a){if("function"!=typeof a)throw new me.Tween.Error("invalid easing function for me.Tween.easing()");return l=a,this},this.interpolation=function(a){return m=a,this},this.chain=function(){return n=arguments,this},this.onStart=function(a){return o=a,this},this.onUpdate=function(a){return q=a,this},this.onComplete=function(a){return r=a,this},this.update=function(){var a,s=me.timer.getTime();if(k>s)return!0;p===!1&&(null!==o&&o.call(b),p=!0);var t=(s-k)/f;t=t>1?1:t;var u=l(t);for(a in d){var v=c[a]||0,w=d[a];w instanceof Array?b[a]=m(w,u):("string"==typeof w&&(w=v+parseFloat(w,10)),"number"==typeof w&&(b[a]=v+(w-v)*u))}if(null!==q&&q.call(b,u),1===t){if(g>0){isFinite(g)&&g--;for(a in e){if("string"==typeof d[a]&&(e[a]=e[a]+parseFloat(d[a],10)),h){var x=e[a];e[a]=d[a],d[a]=x}c[a]=e[a]}return h&&(i=!i),k=s+j,!0}me.game.world.removeChildNow(this),null!==r&&r.call(b);for(var y=0,z=n.length;z>y;y++)n[y].start(s);return!1}return!0}},me.Tween.Easing={Linear:{None:function(a){return a}},Quadratic:{In:function(a){return a*a},Out:function(a){return a*(2-a)},InOut:function(a){return(a*=2)<1?.5*a*a:-.5*(--a*(a-2)-1)}},Cubic:{In:function(a){return a*a*a},Out:function(a){return--a*a*a+1},InOut:function(a){return(a*=2)<1?.5*a*a*a:.5*((a-=2)*a*a+2)}},Quartic:{In:function(a){return a*a*a*a},Out:function(a){return 1- --a*a*a*a},InOut:function(a){return(a*=2)<1?.5*a*a*a*a:-.5*((a-=2)*a*a*a-2)}},Quintic:{In:function(a){return a*a*a*a*a},Out:function(a){return--a*a*a*a*a+1},InOut:function(a){return(a*=2)<1?.5*a*a*a*a*a:.5*((a-=2)*a*a*a*a+2)}},Sinusoidal:{In:function(a){return 1-Math.cos(a*Math.PI/2)},Out:function(a){return Math.sin(a*Math.PI/2)},InOut:function(a){return.5*(1-Math.cos(Math.PI*a))}},Exponential:{In:function(a){return 0===a?0:Math.pow(1024,a-1)},Out:function(a){return 1===a?1:1-Math.pow(2,-10*a)},InOut:function(a){return 0===a?0:1===a?1:(a*=2)<1?.5*Math.pow(1024,a-1):.5*(-Math.pow(2,-10*(a-1))+2)}},Circular:{In:function(a){return 1-Math.sqrt(1-a*a)},Out:function(a){return Math.sqrt(1- --a*a)},InOut:function(a){return(a*=2)<1?-.5*(Math.sqrt(1-a*a)-1):.5*(Math.sqrt(1-(a-=2)*a)+1)}},Elastic:{In:function(a){var b,c=.1,d=.4;return 0===a?0:1===a?1:(!c||1>c?(c=1,b=d/4):b=d*Math.asin(1/c)/(2*Math.PI),-(c*Math.pow(2,10*(a-=1))*Math.sin(2*(a-b)*Math.PI/d)))},Out:function(a){var b,c=.1,d=.4;return 0===a?0:1===a?1:(!c||1>c?(c=1,b=d/4):b=d*Math.asin(1/c)/(2*Math.PI),c*Math.pow(2,-10*a)*Math.sin(2*(a-b)*Math.PI/d)+1)},InOut:function(a){var b,c=.1,d=.4;return 0===a?0:1===a?1:(!c||1>c?(c=1,b=d/4):b=d*Math.asin(1/c)/(2*Math.PI),(a*=2)<1?-.5*c*Math.pow(2,10*(a-=1))*Math.sin(2*(a-b)*Math.PI/d):c*Math.pow(2,-10*(a-=1))*Math.sin(2*(a-b)*Math.PI/d)*.5+1)}},Back:{In:function(a){var b=1.70158;return a*a*((b+1)*a-b)},Out:function(a){var b=1.70158;return--a*a*((b+1)*a+b)+1},InOut:function(a){var b=2.5949095;return(a*=2)<1?.5*a*a*((b+1)*a-b):.5*((a-=2)*a*((b+1)*a+b)+2)}},Bounce:{In:function(a){return 1-me.Tween.Easing.Bounce.Out(1-a)},Out:function(a){return 1/2.75>a?7.5625*a*a:2/2.75>a?7.5625*(a-=1.5/2.75)*a+.75:2.5/2.75>a?7.5625*(a-=2.25/2.75)*a+.9375:7.5625*(a-=2.625/2.75)*a+.984375},InOut:function(a){return.5>a?.5*me.Tween.Easing.Bounce.In(2*a):.5*me.Tween.Easing.Bounce.Out(2*a-1)+.5}}},me.Tween.Interpolation={Linear:function(a,b){var c=a.length-1,d=c*b,e=Math.floor(d),f=me.Tween.Interpolation.Utils.Linear;return 0>b?f(a[0],a[1],d):b>1?f(a[c],a[c-1],c-d):f(a[e],a[e+1>c?c:e+1],d-e)},Bezier:function(a,b){var c,d=0,e=a.length-1,f=Math.pow,g=me.Tween.Interpolation.Utils.Bernstein;for(c=0;e>=c;c++)d+=f(1-b,e-c)*f(b,c)*a[c]*g(e,c);return d},CatmullRom:function(a,b){var c=a.length-1,d=c*b,e=Math.floor(d),f=me.Tween.Interpolation.Utils.CatmullRom;return a[0]===a[c]?(0>b&&(e=Math.floor(d=c*(1+b))),f(a[(e-1+c)%c],a[e],a[(e+1)%c],a[(e+2)%c],d-e)):0>b?a[0]-(f(a[0],a[0],a[1],a[1],-d)-a[0]):b>1?a[c]-(f(a[c],a[c],a[c-1],a[c-1],d-c)-a[c]):f(a[e?e-1:0],a[e],a[e+1>c?c:e+1],a[e+2>c?c:e+2],d-e)},Utils:{Linear:function(a,b,c){return(b-a)*c+a},Bernstein:function(a,b){var c=me.Tween.Interpolation.Utils.Factorial;return c(a)/c(b)/c(a-b)},Factorial:function(){var a=[1];return function(b){var c,d=1;if(a[b])return a[b];for(c=b;c>1;c--)d*=c;return a[b]=d}}(),CatmullRom:function(a,b,c,d,e){var f=.5*(c-a),g=.5*(d-b),h=e*e,i=e*h;return(2*b-2*c+f+g)*i+(-3*b+3*c-2*f-g)*h+f*e+b}}},me.Tween.Error=me.Error.extend({init:function(a){me.Error.prototype.init.apply(this,[a]),this.name="me.Tween.Error"}})}(),/** + * @preserve MinPubSub + * a micro publish/subscribe messaging framework + * @see https://github.com/daniellmb/MinPubSub + * @author Daniel Lamb + * + * Released under the MIT License + */ +function(){me.event=function(){var a={},b={};return a.STATE_PAUSE="me.state.onPause",a.STATE_RESUME="me.state.onResume",a.STATE_STOP="me.state.onStop",a.STATE_RESTART="me.state.onRestart",a.GAME_INIT="me.game.onInit",a.LEVEL_LOADED="me.game.onLevelLoaded",a.LOADER_COMPLETE="me.loader.onload",a.LOADER_PROGRESS="me.loader.onProgress",a.KEYDOWN="me.input.keydown",a.KEYUP="me.input.keyup",a.MOUSEMOVE="me.game.pointermove",a.DRAGSTART="me.game.dragstart",a.DRAGEND="me.game.dragend",a.WINDOW_ONRESIZE="window.onresize",a.WINDOW_ONORIENTATION_CHANGE="window.orientationchange",a.WINDOW_ONSCROLL="window.onscroll",a.VIEWPORT_ONCHANGE="viewport.onchange",a.publish=function(a,c){for(var d=b[a],e=d?d.length:0;e--;)d[e].apply(window,c||[])},a.subscribe=function(a,c){return b[a]||(b[a]=[]),b[a].push(c),[a,c]},a.unsubscribe=function(a,c){var d=b[c?a:a[0]],e=d?d.length:0;for(c=c||a[1];e--;)d[e]===c&&d.splice(e,1)},a}()}(),/*! + * howler.js v1.1.25 + * howlerjs.com + * + * (c) 2013-2014, James Simpson of GoldFire Studios + * goldfirestudios.com + * + * MIT License + */ +function(){var a={},b=null,c=!0,d=!1;try{"undefined"!=typeof AudioContext?b=new AudioContext:"undefined"!=typeof webkitAudioContext?b=new webkitAudioContext:c=!1}catch(e){c=!1}if(!c)if("undefined"!=typeof Audio)try{new Audio}catch(e){d=!0}else d=!0;if(c){var f="undefined"==typeof b.createGain?b.createGainNode():b.createGain();f.gain.value=1,f.connect(b.destination)}var g=function(a){this._volume=1,this._muted=!1,this.usingWebAudio=c,this.ctx=b,this.noAudio=d,this._howls=[],this._codecs=a,this.iOSAutoEnable=!0};g.prototype={volume:function(a){var b=this;if(a=parseFloat(a),a>=0&&1>=a){b._volume=a,c&&(f.gain.value=a);for(var d in b._howls)if(b._howls.hasOwnProperty(d)&&b._howls[d]._webAudio===!1)for(var e=0;e0?e._pos:d._sprite[a][0]/1e3,g=0;d._webAudio?(g=d._sprite[a][1]/1e3-e._pos,e._pos>0&&(f=d._sprite[a][0]/1e3+f)):g=d._sprite[a][1]/1e3-(f-d._sprite[a][0]/1e3);var h,i=!(!d._loop&&!d._sprite[a][2]),k="string"==typeof c?c:Math.round(Date.now()*Math.random())+"";if(function(){var b={id:k,sprite:a,loop:i};h=setTimeout(function(){!d._webAudio&&i&&d.stop(b.id).play(a,b.id),d._webAudio&&!i&&(d._nodeById(b.id).paused=!0,d._nodeById(b.id)._pos=0,d._clearEndTimer(b.id)),d._webAudio||i||d.stop(b.id),d.on("end",k)},1e3*g),d._onendTimer.push({timer:h,id:b.id})}(),d._webAudio){var l=d._sprite[a][0]/1e3,m=d._sprite[a][1]/1e3;e.id=k,e.paused=!1,o(d,[i,l,m],k),d._playStart=b.currentTime,e.gain.value=d._volume,"undefined"==typeof e.bufferSource.start?e.bufferSource.noteGrainOn(0,f,g):e.bufferSource.start(0,f,g)}else{if(4!==e.readyState&&(e.readyState||!navigator.isCocoonJS))return d._clearEndTimer(k),function(){var b=d,f=a,g=c,h=e,i=function(){b.play(f,g),h.removeEventListener("canplaythrough",i,!1)};h.addEventListener("canplaythrough",i,!1)}(),d;e.readyState=4,e.id=k,e.currentTime=f,e.muted=j._muted||e.muted,e.volume=d._volume*j.volume(),setTimeout(function(){e.play()},0)}return d.on("play"),"function"==typeof c&&c(k),d}),d):("function"==typeof c&&c(),d):(d.on("load",function(){d.play(a,c)}),d)},pause:function(a){var b=this;if(!b._loaded)return b.on("play",function(){b.pause(a)}),b;b._clearEndTimer(a);var c=a?b._nodeById(a):b._activeNode();if(c)if(c._pos=b.pos(null,a),b._webAudio){if(!c.bufferSource||c.paused)return b;c.paused=!0,"undefined"==typeof c.bufferSource.stop?c.bufferSource.noteOff(0):c.bufferSource.stop(0)}else c.pause();return b.on("pause"),b},stop:function(a){var b=this;if(!b._loaded)return b.on("play",function(){b.stop(a)}),b;b._clearEndTimer(a);var c=a?b._nodeById(a):b._activeNode();if(c)if(c._pos=0,b._webAudio){if(!c.bufferSource||c.paused)return b;c.paused=!0,"undefined"==typeof c.bufferSource.stop?c.bufferSource.noteOff(0):c.bufferSource.stop(0)}else isNaN(c.duration)||(c.pause(),c.currentTime=0);return b},mute:function(a){var b=this;if(!b._loaded)return b.on("play",function(){b.mute(a)}),b;var c=a?b._nodeById(a):b._activeNode();return c&&(b._webAudio?c.gain.value=0:c.muted=!0),b},unmute:function(a){var b=this;if(!b._loaded)return b.on("play",function(){b.unmute(a)}),b;var c=a?b._nodeById(a):b._activeNode();return c&&(b._webAudio?c.gain.value=b._volume:c.muted=!1),b},volume:function(a,b){var c=this;if(a=parseFloat(a),a>=0&&1>=a){if(c._volume=a,!c._loaded)return c.on("play",function(){c.volume(a,b)}),c;var d=b?c._nodeById(b):c._activeNode();return d&&(c._webAudio?d.gain.value=a:d.volume=a*j.volume()),c}return c._volume},loop:function(a){var b=this;return"boolean"==typeof a?(b._loop=a,b):b._loop},sprite:function(a){var b=this;return"object"==typeof a?(b._sprite=a,b):b._sprite},pos:function(a,c){var d=this;if(!d._loaded)return d.on("load",function(){d.pos(a)}),"number"==typeof a?d:d._pos||0;a=parseFloat(a);var e=c?d._nodeById(c):d._activeNode();if(e)return a>=0?(d.pause(c),e._pos=a,d.play(e._sprite,c),d):d._webAudio?e._pos+(b.currentTime-d._playStart):e.currentTime;if(a>=0)return d;for(var f=0;f=0||0>a))return e._pos3d;if(e._webAudio){var f=d?e._nodeById(d):e._activeNode();f&&(e._pos3d=[a,b,c],f.panner.setPosition(a,b,c),f.panner.panningModel=e._model||"HRTF")}return e},fade:function(a,b,c,d,e){var f=this,g=Math.abs(a-b),h=a>b?"down":"up",i=g/.01,j=c/i;if(!f._loaded)return f.on("load",function(){f.fade(a,b,c,d,e)}),f;f.volume(a,e);for(var k=1;i>=k;k++)!function(){var a=f._volume+("up"===h?.01:-.01)*k,c=Math.round(1e3*a)/1e3,g=b;setTimeout(function(){f.volume(c,e),c===g&&d&&d()},j*k)}()},fadeIn:function(a,b,c){return this.volume(0).play().fade(0,a,b,c)},fadeOut:function(a,b,c,d){var e=this;return e.fade(e._volume,a,b,function(){c&&c(),e.pause(d),e.on("end")},d)},_nodeById:function(a){for(var b=this,c=b._audioNode[0],d=0;d=0&&!(5>=c);a--)b._audioNode[a].paused&&(b._webAudio&&b._audioNode[a].disconnect(0),c--,b._audioNode.splice(a,1))},_clearEndTimer:function(a){for(var b=this,c=0,d=0;d=0&&j._howls.splice(e,1),delete a[b._src],b=null}},c)var l=function(b,c){if(c in a)return b._duration=a[c].duration,void n(b);if(/^data:[^;]+;base64,/.test(c)){for(var d=atob(c.split(",")[1]),e=new Uint8Array(d.length),f=0;f10922)throw"Can't have more than 10922 sprites per batch: "+this.size;this._blendSrc=this.context.gl.ONE,this._blendDst=this.context.gl.ONE_MINUS_SRC_ALPHA,this._blendingEnabled=!0,this._shader=this._createShader(),this.defaultShader=this._shader,this.ownsShader=!0,this.idx=0,this.drawing=!1,this.mesh=this._createMesh(this.size),this.color=e(255,255,255,255),this.premultiplied=!0},blendingEnabled:{set:function(a){var b=this._blendingEnabled;if(this.drawing&&this.flush(),this._blendingEnabled=a,this.drawing&&b!=a){var c=this.context.gl;a?c.enable(c.BLEND):c.disable(c.BLEND)}},get:function(){return this._blendingEnabled}},blendSrc:{set:function(a){this.drawing&&this.flush(),this._blendSrc=a},get:function(){return this._blendSrc}},blendDst:{set:function(a){this.drawing&&this.flush(),this._blendDst=a},get:function(){return this._blendDst}},setBlendFunction:function(a,b){this.blendSrc=a,this.blendDst=b},shader:{set:function(a){var b=this.drawing;b&&this.end(),this._shader=a?a:this.defaultShader,b&&this.begin()},get:function(){return this._shader}},setColor:function(a,b,c,d){var f="number"==typeof a;f&&"number"==typeof b&&"number"==typeof c?d=d||0===d?d:1:a=b=c=d=f?a:1,this.premultiplied&&(a*=d,b*=d,c*=d),this.color=e(~~(255*a),~~(255*b),~~(255*c),~~(255*d))},_createMesh:function(a){var b=4*a*this.getVertexSize(),c=6*a,e=this.context.gl;this.vertices=new Float32Array(b),this.indices=new Uint16Array(c);for(var f=0,g=0;c>f;f+=6,g+=4)this.indices[f+0]=g+0,this.indices[f+1]=g+1,this.indices[f+2]=g+2,this.indices[f+3]=g+0,this.indices[f+4]=g+2,this.indices[f+5]=g+3;var h=new d(this.context,!1,b,c,this._createVertexAttributes());return h.vertices=this.vertices,h.indices=this.indices,h.vertexUsage=e.DYNAMIC_DRAW,h.indexUsage=e.STATIC_DRAW,h.dirty=!0,h},_createShader:function(){throw"_createShader not implemented"},_createVertexAttributes:function(){throw"_createVertexAttributes not implemented"},getVertexSize:function(){throw"getVertexSize not implemented"},begin:function(){if(this.drawing)throw"batch.end() must be called before begin";if(this.drawing=!0,this.shader.bind(),this.mesh.bind(this.shader),this._blendingEnabled){var a=this.context.gl;a.enable(a.BLEND)}},end:function(){if(!this.drawing)throw"batch.begin() must be called before end";if(this.idx>0&&this.flush(),this.drawing=!1,this.mesh.unbind(this.shader),this._blendingEnabled){var a=this.context.gl;a.disable(a.BLEND)}},_preRender:function(){},flush:function(){if(0!==this.idx){var a=this.context.gl;this._blendingEnabled&&this._blendSrc&&this._blendDst&&a.blendFunc(this._blendSrc,this._blendDst),this._preRender();var b=this.getVertexSize(),c=this.idx/(4*b);this.mesh.verticesDirty=!0,this.mesh.draw(a.TRIANGLES,6*c,0,this.idx),this.idx=0}},draw:function(){},drawVertices:function(){},drawRegion:function(a,b,c,d,e){this.draw(a.texture,b,c,d,e,a.u,a.v,a.u2,a.v2)},destroy:function(){this.vertices=null,this.indices=null,this.size=this.maxVertices=0,this.ownsShader&&this.defaultShader&&this.defaultShader.destroy(),this.defaultShader=null,this._shader=null,this.mesh&&this.mesh.destroy(),this.mesh=null}});b.exports=f},{"./glutils/Mesh":7,klasse:10,"number-util":11}],2:[function(a,b){var c=a("klasse"),d=a("./BaseBatch"),e=a("./glutils/Mesh"),f=a("./glutils/ShaderProgram"),g=new c({Mixins:d,initialize:function(a,b){d.call(this,a,b),this.projection=new Float32Array(2),this.projection[0]=this.context.width/2,this.projection[1]=this.context.height/2,this.texture=null},resize:function(a,b){this.setProjection(a/2,b/2)},getVertexSize:function(){return g.VERTEX_SIZE},_createVertexAttributes:function(){var a=this.context.gl;return[new e.Attrib(f.POSITION_ATTRIBUTE,2),new e.Attrib(f.COLOR_ATTRIBUTE,4,null,a.UNSIGNED_BYTE,!0,1),new e.Attrib(f.TEXCOORD_ATTRIBUTE+"0",2)]},setProjection:function(a,b){var c=this.projection[0],d=this.projection[1];this.projection[0]=a,this.projection[1]=b,!this.drawing||a==c&&b==d||(this.flush(),this._updateMatrices())},_createShader:function(){var a=new f(this.context,g.DEFAULT_VERT_SHADER,g.DEFAULT_FRAG_SHADER);return a.log&&console.warn("Shader Log:\n"+a.log),a},updateMatrices:function(){this.shader.setUniformfv("u_projection",this.projection)},_preRender:function(){this.texture&&this.texture.bind()},begin:function(){var a=this.context.gl;d.prototype.begin.call(this),this.updateMatrices(),this.shader.setUniformi("u_texture0",0),a.depthMask(!1)},end:function(){var a=this.context.gl;d.prototype.end.call(this),a.depthMask(!0)},flush:function(){this.texture&&0!==this.idx&&(d.prototype.flush.call(this),g.totalRenderCalls++)},draw:function(a,b,c,d,e,f,g,h,i){if(!this.drawing)throw"Illegal State: trying to draw a batch before begin()";if(a){null===this.texture||this.texture.id!==a.id?(this.flush(),this.texture=a):this.idx==this.vertices.length&&this.flush(),d=0===d?d:d||a.width,e=0===e?e:e||a.height,b=b||0,c=c||0;var j=b,k=b+d,l=c,m=c+e;f=f||0,h=0===h?h:h||1,g=g||0,i=0===i?i:i||1;var n=this.color;this.vertices[this.idx++]=j,this.vertices[this.idx++]=l,this.vertices[this.idx++]=n,this.vertices[this.idx++]=f,this.vertices[this.idx++]=g,this.vertices[this.idx++]=k,this.vertices[this.idx++]=l,this.vertices[this.idx++]=n,this.vertices[this.idx++]=h,this.vertices[this.idx++]=g,this.vertices[this.idx++]=k,this.vertices[this.idx++]=m,this.vertices[this.idx++]=n,this.vertices[this.idx++]=h,this.vertices[this.idx++]=i,this.vertices[this.idx++]=j,this.vertices[this.idx++]=m,this.vertices[this.idx++]=n,this.vertices[this.idx++]=f,this.vertices[this.idx++]=i}},drawVertices:function(a,b,c){if(!this.drawing)throw"Illegal State: trying to draw a batch before begin()";a&&(this.texture!=a?(this.flush(),this.texture=a):this.idx==this.vertices.length&&this.flush(),c=c||0,this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++])}});g.VERTEX_SIZE=5,g.totalRenderCalls=0,g.DEFAULT_FRAG_SHADER=["precision mediump float;","varying vec2 vTexCoord0;","varying vec4 vColor;","uniform sampler2D u_texture0;","void main(void) {"," gl_FragColor = texture2D(u_texture0, vTexCoord0) * vColor;","}"].join("\n"),g.DEFAULT_VERT_SHADER=["attribute vec2 "+f.POSITION_ATTRIBUTE+";","attribute vec4 "+f.COLOR_ATTRIBUTE+";","attribute vec2 "+f.TEXCOORD_ATTRIBUTE+"0;","uniform vec2 u_projection;","varying vec2 vTexCoord0;","varying vec4 vColor;","void main(void) {"," gl_Position = vec4( "+f.POSITION_ATTRIBUTE+".x / u_projection.x - 1.0, "+f.POSITION_ATTRIBUTE+".y / -u_projection.y + 1.0 , 0.0, 1.0);"," vTexCoord0 = "+f.TEXCOORD_ATTRIBUTE+"0;"," vColor = "+f.COLOR_ATTRIBUTE+";","}"].join("\n"),b.exports=g},{"./BaseBatch":1,"./glutils/Mesh":7,"./glutils/ShaderProgram":8,klasse:10}],3:[function(a,b){var c=a("klasse"),d=(a("signals"),a("number-util").nextPowerOfTwo,a("number-util").isPowerOfTwo),e=new c({initialize:function f(a){if("object"!=typeof a)throw"GL context not specified to Texture";this.context=a,this.id=null,this.target=a.gl.TEXTURE_2D,this.width=0,this.height=0,this.wrapS=f.DEFAULT_WRAP,this.wrapT=f.DEFAULT_WRAP,this.minFilter=f.DEFAULT_FILTER,this.magFilter=f.DEFAULT_FILTER,this.managedArgs=Array.prototype.slice.call(arguments,1),this.context.addManagedObject(this),this.create()},setup:function(a,b,c,d,f,g){var h=this.gl;if("string"==typeof a){var i=new Image,j=arguments[0],k="function"==typeof arguments[1]?arguments[1]:null,l="function"==typeof arguments[2]?arguments[2]:null;g=!!arguments[3];var m=this;e.USE_DUMMY_1x1_DATA&&(m.uploadData(1,1),this.width=this.height=0),i.onload=function(){m.uploadImage(i,void 0,void 0,g),k&&k()},i.onerror=function(){g&&h.generateMipmap(h.TEXTURE_2D),l&&l()},i.onabort=function(){g&&h.generateMipmap(h.TEXTURE_2D),l&&l()},i.src=j}else this.uploadData(a,b,c,d,f,g)},create:function(){this.gl=this.context.gl;var a=this.gl;this.id=a.createTexture(),this.width=this.height=0,this.target=a.TEXTURE_2D,this.bind(),a.pixelStorei(a.UNPACK_PREMULTIPLY_ALPHA_WEBGL,e.UNPACK_PREMULTIPLY_ALPHA),a.pixelStorei(a.UNPACK_ALIGNMENT,e.UNPACK_ALIGNMENT),a.pixelStorei(a.UNPACK_FLIP_Y_WEBGL,e.UNPACK_FLIP_Y);var b=e.UNPACK_COLORSPACE_CONVERSION||a.BROWSER_DEFAULT_WEBGL;a.pixelStorei(a.UNPACK_COLORSPACE_CONVERSION_WEBGL,b),this.setWrap(this.wrapS,this.wrapT,!1),this.setFilter(this.minFilter,this.magFilter,!1),0!==this.managedArgs.length&&this.setup.apply(this,this.managedArgs)},destroy:function(){this.id&&this.gl&&this.gl.deleteTexture(this.id),this.context&&this.context.removeManagedObject(this),this.width=this.height=0,this.id=null,this.managedArgs=null,this.context=null,this.gl=null},setWrap:function(a,b,c){a&&b?(this.wrapS=a,this.wrapT=b):this.wrapS=this.wrapT=a,this._checkPOT(),c||this.bind();var d=this.gl;d.texParameteri(this.target,d.TEXTURE_WRAP_S,this.wrapS),d.texParameteri(this.target,d.TEXTURE_WRAP_T,this.wrapT)},setFilter:function(a,b,c){a&&b?(this.minFilter=a,this.magFilter=b):this.minFilter=this.magFilter=a,this._checkPOT(),c||this.bind();var d=this.gl;d.texParameteri(this.target,d.TEXTURE_MIN_FILTER,this.minFilter),d.texParameteri(this.target,d.TEXTURE_MAG_FILTER,this.magFilter)},uploadData:function(a,b,c,d,e,f){var g=this.gl;c=c||g.RGBA,d=d||g.UNSIGNED_BYTE,e=e||null,this.width=a||0==a?a:this.width,this.height=b||0==b?b:this.height,this._checkPOT(),this.bind(),g.texImage2D(this.target,0,c,this.width,this.height,0,c,d,e),f&&g.generateMipmap(this.target)},uploadImage:function(a,b,c,d){var e=this.gl;b=b||e.RGBA,c=c||e.UNSIGNED_BYTE,this.width=a.width,this.height=a.height,this._checkPOT(),this.bind(),e.texImage2D(this.target,0,b,b,c,a),d&&e.generateMipmap(this.target)},_checkPOT:function(){if(!e.FORCE_POT){var a=this.minFilter!==e.Filter.LINEAR&&this.minFilter!==e.Filter.NEAREST,b=this.wrapS!==e.Wrap.CLAMP_TO_EDGE||this.wrapT!==e.Wrap.CLAMP_TO_EDGE;if(!(!a&&!b||d(this.width)&&d(this.height)))throw new Error(a?"Non-power-of-two textures cannot use mipmapping as filter":"Non-power-of-two textures must use CLAMP_TO_EDGE as wrap")}},bind:function(a){var b=this.gl;(a||0===a)&&b.activeTexture(b.TEXTURE0+a),b.bindTexture(this.target,this.id)},toString:function(){return this.id+":"+this.width+"x"+this.height}});e.Filter={NEAREST:9728,NEAREST_MIPMAP_LINEAR:9986,NEAREST_MIPMAP_NEAREST:9984,LINEAR:9729,LINEAR_MIPMAP_LINEAR:9987,LINEAR_MIPMAP_NEAREST:9985},e.Wrap={CLAMP_TO_EDGE:33071,MIRRORED_REPEAT:33648,REPEAT:10497},e.Format={DEPTH_COMPONENT:6402,ALPHA:6406,RGBA:6408,RGB:6407,LUMINANCE:6409,LUMINANCE_ALPHA:6410},e.DataType={BYTE:5120,SHORT:5122,INT:5124,FLOAT:5126,UNSIGNED_BYTE:5121,UNSIGNED_INT:5125,UNSIGNED_SHORT:5123,UNSIGNED_SHORT_4_4_4_4:32819,UNSIGNED_SHORT_5_5_5_1:32820,UNSIGNED_SHORT_5_6_5:33635},e.DEFAULT_WRAP=e.Wrap.CLAMP_TO_EDGE,e.DEFAULT_FILTER=e.Filter.NEAREST,e.FORCE_POT=!1,e.UNPACK_FLIP_Y=!1,e.UNPACK_ALIGNMENT=1,e.UNPACK_PREMULTIPLY_ALPHA=!0,e.UNPACK_COLORSPACE_CONVERSION=void 0,e.USE_DUMMY_1x1_DATA=!0,e.getNumComponents=function(a){switch(a){case e.Format.DEPTH_COMPONENT:case e.Format.ALPHA:case e.Format.LUMINANCE:return 1;case e.Format.LUMINANCE_ALPHA:return 2;case e.Format.RGB:return 3;case e.Format.RGBA:return 4}return null},b.exports=e},{klasse:10,"number-util":11,signals:12}],4:[function(a,b){var c=a("klasse"),d=new c({initialize:function(a,b,c,d,e){this.texture=a,this.setRegion(b,c,d,e)},setUVs:function(a,b,c,d){if(this.regionWidth=Math.round(Math.abs(c-a)*this.texture.width),this.regionHeight=Math.round(Math.abs(d-b)*this.texture.height),1==this.regionWidth&&1==this.regionHeight){var e=.25/this.texture.width;a+=e,c-=e;var f=.25/this.texture.height;b+=f,d-=f}this.u=a,this.v=b,this.u2=c,this.v2=d},setRegion:function(a,b,c,d){a=a||0,b=b||0,c=0===c||c?c:this.texture.width,d=0===d||d?d:this.texture.height;var e=1/this.texture.width,f=1/this.texture.height;this.setUVs(a*e,b*f,(a+c)*e,(b+d)*f),this.regionWidth=Math.abs(c),this.regionHeight=Math.abs(d)},setFromRegion:function(a,b,c,d,e){this.texture=a.texture,this.set(a.getRegionX()+b,a.getRegionY()+c,d,e)},regionX:{get:function(){return Math.round(this.u*this.texture.width)}},regionY:{get:function(){return Math.round(this.v*this.texture.height)}},flip:function(a,b){var c;a&&(c=this.u,this.u=this.u2,this.u2=c),b&&(c=this.v,this.v=this.v2,this.v2=c)}});b.exports=d},{klasse:10}],5:[function(a,b){var c=a("klasse"),d=a("signals"),e=new c({initialize:function(a,b,c,e){this.managedObjects=[],this.gl=null,c&&"undefined"!=typeof window.WebGLRenderingContext&&c instanceof window.WebGLRenderingContext&&(c=c.canvas,this.gl=c,this.valid=!0,e=void 0),this.view=c||document.createElement("canvas"),this.width=this.view.width=a||300,this.height=this.view.height=b||150,this.contextAttributes=e,this.valid=!1,this.lost=new d,this.restored=new d,this.view.addEventListener("webglcontextlost",function(a){a.preventDefault(),this._contextLost(a)}.bind(this)),this.view.addEventListener("webglcontextrestored",function(a){a.preventDefault(),this._contextRestored(a)}.bind(this)),this.valid||this._initContext(),this.resize(this.width,this.height)},_initContext:function(){this.valid=!1;try{this.gl=this.view.getContext("webgl",this.contextAttributes)||this.view.getContext("experimental-webgl",this.contextAttributes)}catch(a){this.gl=null}if(!this.gl)throw"WebGL Context Not Supported -- try enabling it or using a different browser";this.valid=!0},resize:function(a,b){this.width=a,this.height=b,this.view.width=a,this.view.height=b;var c=this.gl;c.viewport(0,0,this.width,this.height)},addManagedObject:function(a){this.managedObjects.push(a)},removeManagedObject:function(a){var b=this.managedObjects.indexOf(a);return b>-1?(this.managedObjects.splice(b,1),a):null},destroy:function(){for(var a=0;a 0";this.context=a,this.gl=a.gl,this.numVerts=null,this.numIndices=null,this.vertices=null,this.indices=null,this.vertexBuffer=null,this.indexBuffer=null,this.verticesDirty=!0,this.indicesDirty=!0,this.indexUsage=null,this.vertexUsage=null,this._vertexAttribs=null,this.vertexStride=null,this.numVerts=c,this.numIndices=d||0,this.vertexUsage=b?this.gl.STATIC_DRAW:this.gl.DYNAMIC_DRAW,this.indexUsage=b?this.gl.STATIC_DRAW:this.gl.DYNAMIC_DRAW,this._vertexAttribs=e||[],this.indicesDirty=!0,this.verticesDirty=!0;for(var f=0,g=0;g0?a.createBuffer():null,this.dirty=!0},destroy:function(){this.vertices=null,this.indices=null,this.vertexBuffer&&this.gl&&this.gl.deleteBuffer(this.vertexBuffer),this.indexBuffer&&this.gl&&this.gl.deleteBuffer(this.indexBuffer),this.vertexBuffer=null,this.indexBuffer=null,this.context&&this.context.removeManagedObject(this),this.gl=null,this.context=null},_updateBuffers:function(a,b){var c=this.gl;if(this.numIndices>0&&(a||c.bindBuffer(c.ELEMENT_ARRAY_BUFFER,this.indexBuffer),this.indicesDirty&&(c.bufferData(c.ELEMENT_ARRAY_BUFFER,this.indices,this.indexUsage),this.indicesDirty=!1)),a||c.bindBuffer(c.ARRAY_BUFFER,this.vertexBuffer),this.verticesDirty){if(b){var d=this.vertices.subarray(0,b);c.bufferSubData(c.ARRAY_BUFFER,0,d)}else c.bufferData(c.ARRAY_BUFFER,this.vertices,this.vertexUsage);this.verticesDirty=!1}},draw:function(a,b,c,d){if(0!==b){var e=this.gl;c=c||0,this._updateBuffers(!0,d),this.numIndices>0?e.drawElements(a,b,e.UNSIGNED_SHORT,2*c):e.drawArrays(a,c,b)}},bind:function(a){var b=this.gl,c=0,d=this.vertexStride;this._updateBuffers();for(var e=0;ec;c++){var d=a.getActiveUniform(this.program,c);if(null!==d){var e=d.name,f=a.getUniformLocation(this.program,e);this.uniformCache[e]={size:d.size,type:d.type,location:f}}}},_fetchAttributes:function(){var a=this.gl;this.attributeCache={};var b=a.getProgramParameter(this.program,a.ACTIVE_ATTRIBUTES);if(b)for(var c=0;b>c;c++){var d=a.getActiveAttrib(this.program,c);if(null!==d){var e=d.name,f=a.getAttribLocation(this.program,e);this.attributeCache[e]={size:d.size,type:d.type,location:f}}}},_loadShader:function(a,b){var c=this.gl,d=c.createShader(a);if(!d)return-1;c.shaderSource(d,b),c.compileShader(d);var e=c.getShaderInfoLog(d)||"";if(e){var f=a===c.VERTEX_SHADER?"vertex":"fragment";e="Error compiling "+f+" shader:\n"+e}if(this.log+=e,!c.getShaderParameter(d,c.COMPILE_STATUS))throw this.log;return d},bind:function(){this.gl.useProgram(this.program)},destroy:function(){if(this.context&&this.context.removeManagedObject(this),this.gl&&this.program){var a=this.gl;a.detachShader(this.program,this.vertShader),a.detachShader(this.program,this.fragShader),a.deleteShader(this.vertShader),a.deleteShader(this.fragShader),a.deleteProgram(this.program)}this.attributeCache=null,this.uniformCache=null,this.vertShader=null,this.fragShader=null,this.program=null,this.gl=null,this.context=null},getUniformInfo:function(a){return this.uniformCache[a]||null},getAttributeInfo:function(a){return this.attributeCache[a]||null},getAttributeLocation:function(a){var b=this.getAttributeInfo(a);return b?b.location:null},getUniformLocation:function(a){var b=this.getUniformInfo(a);return b?b.location:null},hasUniform:function(a){return null!==this.getUniformInfo(a)},hasAttribute:function(a){return null!==this.getAttributeInfo(a)},getUniform:function(a){return this.gl.getUniform(this.program,this.getUniformLocation(a))},getUniformAt:function(a){return this.gl.getUniform(this.program,a)},setUniformi:function(a,b,c,d,e){"use strict";var f=this.gl,g=this.getUniformLocation(a);if(null===g)return!1;switch(arguments.length){case 2:return f.uniform1i(g,b),!0;case 3:return f.uniform2i(g,b,c),!0;case 4:return f.uniform3i(g,b,c,d),!0;case 5:return f.uniform4i(g,b,c,d,e),!0;default:throw"invalid arguments to setUniformi"}},setUniformf:function(a,b,c,d,e){"use strict";var f=this.gl,g=this.getUniformLocation(a);if(null===g)return!1;switch(arguments.length){case 2:return f.uniform1f(g,b),!0;case 3:return f.uniform2f(g,b,c),!0;case 4:return f.uniform3f(g,b,c,d),!0;case 5:return f.uniform4f(g,b,c,d,e),!0;default:throw"invalid arguments to setUniformf"}},setUniformfv:function(a,b,c){"use strict";c=c||b.length;var d=this.gl,e=this.getUniformLocation(a);if(null===e)return!1;switch(c){case 1:return d.uniform1fv(e,b),!0;case 2:return d.uniform2fv(e,b),!0;case 3:return d.uniform3fv(e,b),!0;case 4:return d.uniform4fv(e,b),!0;default:throw"invalid arguments to setUniformf"}},setUniformiv:function(a,b,c){"use strict";c=c||b.length;var d=this.gl,e=this.getUniformLocation(a);if(null===e)return!1;switch(c){case 1:return d.uniform1iv(e,b),!0;case 2:return d.uniform2iv(e,b),!0;case 3:return d.uniform3iv(e,b),!0;case 4:return d.uniform4iv(e,b),!0;default:throw"invalid arguments to setUniformf"}},setUniformMatrix3:function(a,b,c){"use strict";var d="object"==typeof b&&b.val?b.val:b;c=!!c;var e=this.gl,f=this.getUniformLocation(a);return null===f?!1:void e.uniformMatrix3fv(f,c,d)},setUniformMatrix4:function(a,b,c){"use strict";var d="object"==typeof b&&b.val?b.val:b;c=!!c;var e=this.gl,f=this.getUniformLocation(a);return null===f?!1:void e.uniformMatrix4fv(f,c,d)}});d.POSITION_ATTRIBUTE="Position",d.NORMAL_ATTRIBUTE="Normal",d.COLOR_ATTRIBUTE="Color",d.TEXCOORD_ATTRIBUTE="TexCoord",b.exports=d},{klasse:10}],9:[function(a,b){b.exports={BaseBatch:a("./BaseBatch.js"),SpriteBatch:a("./SpriteBatch.js"),Texture:a("./Texture.js"),TextureRegion:a("./TextureRegion.js"),WebGLContext:a("./WebGLContext.js"),FrameBuffer:a("./glutils/FrameBuffer.js"),Mesh:a("./glutils/Mesh.js"),ShaderProgram:a("./glutils/ShaderProgram.js"),Signal:a("signals").Signal,Class:a("klasse"),NumberUtil:a("number-util")}},{"./BaseBatch.js":1,"./SpriteBatch.js":2,"./Texture.js":3,"./TextureRegion.js":4,"./WebGLContext.js":5,"./glutils/FrameBuffer.js":6,"./glutils/Mesh.js":7,"./glutils/ShaderProgram.js":8,klasse:10,"number-util":11,signals:12}],10:[function(a,b){function c(a){return!!a.get&&"function"==typeof a.get||!!a.set&&"function"==typeof a.set}function d(a,b,d){var e=d?a[b]:Object.getOwnPropertyDescriptor(a,b);return!d&&e.value&&"object"==typeof e.value&&(e=e.value),e&&c(e)?("undefined"==typeof e.enumerable&&(e.enumerable=!0),"undefined"==typeof e.configurable&&(e.configurable=!0),e):!1}function e(a,b){var c=Object.getOwnPropertyDescriptor(a,b);return c?(c.value&&"object"==typeof c.value&&(c=c.value),c.configurable===!1?!0:!1):!1}function f(a,b,c,f){for(var g in b)if(b.hasOwnProperty(g)){var i=d(b,g,c);if(i!==!1){var j=f||a;if(e(j.prototype,g)){if(h.ignoreFinals)continue;throw new Error("cannot override final property '"+g+"', set Class.ignoreFinals = true to skip")}Object.defineProperty(a.prototype,g,i)}else a.prototype[g]=b[g]}}function g(a,b){if(b){Array.isArray(b)||(b=[b]);for(var c=0;c>1,a|=a>>2,a|=a>>4,a|=a>>8,a|=a>>16,a+1},b.exports=f},{}],12:[function(b,c){!function(b){function d(a,b,c,d,e){this._listener=b,this._isOnce=c,this.context=d,this._signal=a,this._priority=e||0}function e(a,b){if("function"!=typeof a)throw new Error("listener is a required param of {fn}() and should be a Function.".replace("{fn}",b))}function f(){this._bindings=[],this._prevParams=null;var a=this;this.dispatch=function(){f.prototype.dispatch.apply(a,arguments)}}d.prototype={active:!0,params:null,execute:function(a){var b,c;return this.active&&this._listener&&(c=this.params?this.params.concat(a):a,b=this._listener.apply(this.context,c),this._isOnce&&this.detach()),b},detach:function(){return this.isBound()?this._signal.remove(this._listener,this.context):null},isBound:function(){return!!this._signal&&!!this._listener},isOnce:function(){return this._isOnce},getListener:function(){return this._listener},getSignal:function(){return this._signal},_destroy:function(){delete this._signal,delete this._listener,delete this.context},toString:function(){return"[SignalBinding isOnce:"+this._isOnce+", isBound:"+this.isBound()+", active:"+this.active+"]"}},f.prototype={VERSION:"1.0.0",memorize:!1,_shouldPropagate:!0,active:!0,_registerListener:function(a,b,c,e){var f,g=this._indexOfListener(a,c);if(-1!==g){if(f=this._bindings[g],f.isOnce()!==b)throw new Error("You cannot add"+(b?"":"Once")+"() then add"+(b?"Once":"")+"() the same listener without removing the relationship first.")}else f=new d(this,a,b,c,e),this._addBinding(f);return this.memorize&&this._prevParams&&f.execute(this._prevParams),f},_addBinding:function(a){var b=this._bindings.length;do--b;while(this._bindings[b]&&a._priority<=this._bindings[b]._priority);this._bindings.splice(b+1,0,a)},_indexOfListener:function(a,b){for(var c,d=this._bindings.length;d--;)if(c=this._bindings[d],c._listener===a&&c.context===b)return d;return-1},has:function(a,b){return-1!==this._indexOfListener(a,b)},add:function(a,b,c){return e(a,"add"),this._registerListener(a,!1,b,c)},addOnce:function(a,b,c){return e(a,"addOnce"),this._registerListener(a,!0,b,c)},remove:function(a,b){e(a,"remove");var c=this._indexOfListener(a,b);return-1!==c&&(this._bindings[c]._destroy(),this._bindings.splice(c,1)),a},removeAll:function(){for(var a=this._bindings.length;a--;)this._bindings[a]._destroy();this._bindings.length=0},getNumListeners:function(){return this._bindings.length},halt:function(){this._shouldPropagate=!1},dispatch:function(){if(this.active){var a,b=Array.prototype.slice.call(arguments),c=this._bindings.length;if(this.memorize&&(this._prevParams=b),c){a=this._bindings.slice(),this._shouldPropagate=!0;do c--;while(a[c]&&this._shouldPropagate&&a[c].execute(b)!==!1)}}},forget:function(){this._prevParams=null},dispose:function(){this.removeAll(),delete this._bindings,delete this._prevParams},toString:function(){return"[Signal active:"+this.active+" numListeners:"+this.getNumListeners()+"]"}};var g=f;g.Signal=f,"function"==typeof a&&a.amd?a(function(){return g}):"undefined"!=typeof c&&c.exports?c.exports=g:b.signals=g}(this)},{}]},{},[9])(9)}),function(){me.plugin=function(){var a={};return a.Base=Object.extend({init:function(){this.version="1.1.0"}}),a.patch=function(a,b,c){if("undefined"!=typeof a.prototype&&(a=a.prototype),"function"==typeof a[b]){var d=a[b];Object.defineProperty(a,b,{configurable:!0,value:function(a,b){return function(){this._patched=d;var a=b.apply(this,arguments);return this._patched=null,a}}(b,c)})}else console.error(b+" is not an existing function")},a.register=function(a,b){me.plugin[b]&&console.error("plugin "+b+" already registered");var c=[];if(arguments.length>2&&(c=Array.prototype.slice.call(arguments,1)),c[0]=a,me.plugin[b]=new(a.bind.apply(a,c)),!(me.plugin[b]&&me.plugin[b]instanceof me.plugin.Base))throw new me.Error("Plugin should extend the me.plugin.Base Class !");if(me.sys.checkVersion(me.plugin[b].version)>0)throw new me.Error("Plugin version mismatch, expected: "+me.plugin[b].version+", got: "+me.version)},a}()}(),me.DraggableEntity=function(a,b,c,d){"use strict";return a.extend({init:function(c,e,f){a.prototype.init.apply(this,[c,e,f]),this.dragging=!1,this.dragId=null,this.grabOffset=new d(0,0),this.onPointerEvent=b.registerPointerEvent,this.removePointerEvent=b.releasePointerEvent,this.initEvents()},initEvents:function(){var a=this;this.mouseDown=function(a){this.translatePointerEvent(a,c.DRAGSTART)},this.mouseUp=function(a){this.translatePointerEvent(a,c.DRAGEND)},this.onPointerEvent("pointerdown",this,this.mouseDown.bind(this)),this.onPointerEvent("pointerup",this,this.mouseUp.bind(this)),c.subscribe(c.MOUSEMOVE,this.dragMove.bind(this)),c.subscribe(c.DRAGSTART,function(b,c){c===a&&a.dragStart(b)}),c.subscribe(c.DRAGEND,function(b,c){c===a&&a.dragEnd(b)})},translatePointerEvent:function(a,b){c.publish(b,[a,this])},dragStart:function(a){return this.dragging===!1?(this.dragging=!0,this.dragId=a.pointerId,this.grabOffset.set(a.gameX,a.gameY),this.grabOffset.sub(this.pos),!1):void 0},dragMove:function(a){this.dragging===!0&&this.dragId===a.pointerId&&(this.pos.set(a.gameX,a.gameY),this.pos.sub(this.grabOffset))},dragEnd:function(){return this.dragging===!0?(this.pointerId=void 0,this.dragging=!1,!1):void 0},destroy:function(){c.unsubscribe(c.MOUSEMOVE,this.dragMove),c.unsubscribe(c.DRAGSTART,this.dragStart),c.unsubscribe(c.DRAGEND,this.dragEnd),this.removePointerEvent("pointerdown",this),this.removePointerEvent("pointerup",this)}})}(me.Entity,me.input,me.event,me.Vector2d),me.DroptargetEntity=function(a,b){"use strict";return a.extend({init:function(c,d,e){this.CHECKMETHOD_OVERLAP="overlaps",this.CHECKMETHOD_CONTAINS="contains",this.checkMethod=null,a.prototype.init.apply(this,[c,d,e]),b.subscribe(b.DRAGEND,this.checkOnMe.bind(this)),this.checkMethod=this[this.CHECKMETHOD_OVERLAP]},setCheckMethod:function(a){"undefined"!=typeof this[a]&&(this.checkMethod=this[a])},checkOnMe:function(a,b){b&&this.checkMethod(b.getBounds().translateV(b.pos))&&this.drop(b)},drop:function(){},destroy:function(){b.unsubscribe(b.DRAGEND,this.checkOnMe)}})}(me.Entity,me.event),function(){var a=function(){var a=me.video.createCanvas(1,1),b=me.CanvasRenderer.getContext2d(a);return b.fillStyle="#fff",b.fillRect(0,0,1,1),a}();me.ParticleEmitterSettings={width:0,height:0,image:a,totalParticles:50,angle:Math.PI/2,angleVariation:0,minLife:1e3,maxLife:3e3,speed:2,speedVariation:1,minRotation:0,maxRotation:0,minStartScale:1,maxStartScale:1,minEndScale:0,maxEndScale:0,gravity:0,wind:0,followTrajectory:!1,textureAdditive:!1,onlyInViewport:!0,floating:!1,maxParticles:10,frequency:100,duration:1/0,framesToSkip:0},me.ParticleEmitter=me.Rect.extend({init:function(a,b,c){this._stream=!1,this._frequencyTimer=0,this._durationTimer=0,this._enabled=!1,this.isRenderable=!1,me.Rect.prototype.init.apply(this,[a,b,1/0,1/0]),this.autoSort=!1,this.container=new me.ParticleContainer(this),Object.defineProperty(this,"z",{get:function(){return this.container.z},set:function(a){this.container.z=a},enumerable:!0,configurable:!0}),Object.defineProperty(this,"floating",{get:function(){return this.container.floating},set:function(a){this.container.floating=a},enumerable:!0,configurable:!0}),this.reset(c)},destroy:function(){this.reset()},getRandomPoint:function(){var a=this.pos.clone();return a.x+=Number.prototype.random(0,this.width),a.y+=Number.prototype.random(0,this.height),a},reset:function(a){a=a||{};var b=me.ParticleEmitterSettings,c="number"==typeof a.width?a.width:b.width,d="number"==typeof a.height?a.height:b.height;this.resize(c,d),this.image=a.image||b.image,this.totalParticles="number"==typeof a.totalParticles?a.totalParticles:b.totalParticles,this.angle="number"==typeof a.angle?a.angle:b.angle,this.angleVariation="number"==typeof a.angleVariation?a.angleVariation:b.angleVariation,this.minLife="number"==typeof a.minLife?a.minLife:b.minLife,this.maxLife="number"==typeof a.maxLife?a.maxLife:b.maxLife,this.speed="number"==typeof a.speed?a.speed:b.speed,this.speedVariation="number"==typeof a.speedVariation?a.speedVariation:b.speedVariation,this.minRotation="number"==typeof a.minRotation?a.minRotation:b.minRotation,this.maxRotation="number"==typeof a.maxRotation?a.maxRotation:b.maxRotation,this.minStartScale="number"==typeof a.minStartScale?a.minStartScale:b.minStartScale,this.maxStartScale="number"==typeof a.maxStartScale?a.maxStartScale:b.maxStartScale,this.minEndScale="number"==typeof a.minEndScale?a.minEndScale:b.minEndScale,this.maxEndScale="number"==typeof a.maxEndScale?a.maxEndScale:b.maxEndScale,this.gravity="number"==typeof a.gravity?a.gravity:b.gravity,this.wind="number"==typeof a.wind?a.wind:b.wind,this.followTrajectory="boolean"==typeof a.followTrajectory?a.followTrajectory:b.followTrajectory,this.textureAdditive="boolean"==typeof a.textureAdditive?a.textureAdditive:b.textureAdditive,this.onlyInViewport="boolean"==typeof a.onlyInViewport?a.onlyInViewport:b.onlyInViewport,this.floating="boolean"==typeof a.floating?a.floating:b.floating,this.maxParticles="number"==typeof a.maxParticles?a.maxParticles:b.maxParticles,this.frequency="number"==typeof a.frequency?a.frequency:b.frequency,this.duration="number"==typeof a.duration?a.duration:b.duration,this.framesToSkip="number"==typeof a.framesToSkip?a.framesToSkip:b.framesToSkip,this.container.destroy()},addParticles:function(a){for(var b=0;~~a>b;b++){var c=me.pool.pull("me.Particle",this);c.isRenderable=!1,this.container.addChild(c)}},isRunning:function(){return this._enabled&&this._stream},streamParticles:function(a){this._enabled=!0,this._stream=!0,this.frequency=Math.max(this.frequency,1),this._durationTimer="number"==typeof a?a:this.duration},stopStream:function(){this._enabled=!1},burstParticles:function(a){this._enabled=!0,this._stream=!1,this.addParticles("number"==typeof a?a:this.totalParticles),this._enabled=!1},update:function(a){if(this._enabled&&this._stream){if(1/0!==this._durationTimer&&(this._durationTimer-=a,this._durationTimer<=0))return this.stopStream(),!1;this._frequencyTimer+=a;var b=this.container.children.length;b=this.frequency&&(this.addParticles(b+this.maxParticles<=this.totalParticles?this.maxParticles:this.totalParticles-b),this._frequencyTimer=0)}return!0}})}(),function(){me.ParticleContainer=me.Container.extend({init:function(a){me.Container.prototype.init.apply(this),this.autoSort=!1,this._updateCount=0,this._dt=0,this._emitter=a},update:function(a){if(++this._updateCount>this._emitter.framesToSkip&&(this._updateCount=0),this._updateCount>0)return this._dt+=a,!1;a+=this._dt,this._dt=0;for(var b=me.game.viewport,c=this.children.length-1;c>=0;--c){var d=this.children[c];d.isRenderable=!0,d.inViewport=this.floating||d.pos.x0){var c;this._emitter.textureAdditive&&(c=a.globalCompositeOperation,a.globalCompositeOperation="lighter"),me.Container.prototype.draw.apply(this,[a,b]),this._emitter.textureAdditive&&(a.globalCompositeOperation=c)}}})}(),function(){me.Particle=me.Renderable.extend({init:function(a){var b=a.getRandomPoint();me.Renderable.prototype.init.apply(this,[b.x,b.y,a.image.width,a.image.height]),this.alwaysUpdate=!0,this.image=a.image;var c=a.angle+(a.angleVariation>0?(2*Math.random()-1)*a.angleVariation:0),d=a.speed+(a.speedVariation>0?(2*Math.random()-1)*a.speedVariation:0);this.vel=new me.Vector2d(d*Math.cos(c),-d*Math.sin(c)),this.life=Number.prototype.random(a.minLife,a.maxLife),this.startLife=this.life,this.startScale=Number.prototype.random(a.minStartScale,a.maxStartScale).clamp(a.minStartScale,a.maxStartScale),this.endScale=Number.prototype.random(a.minEndScale,a.maxEndScale).clamp(a.minEndScale,a.maxEndScale),this.gravity=a.gravity,this.wind=a.wind,this.followTrajectory=a.followTrajectory,this.onlyInViewport=a.onlyInViewport,this.z=a.z,this._deltaInv=me.sys.fps/1e3,this.transform=new me.Matrix2d,a.followTrajectory||(this.angle=Number.prototype.random(a.minRotation,a.maxRotation))},update:function(a){var b=a*this._deltaInv;this.life=this.life>a?this.life-a:0;var c=this.life/this.startLife,d=this.startScale;this.startScale>this.endScale?(d*=c,d=dthis.endScale?this.endScale:d),this.alpha=c,this.vel.x+=this.wind*b,this.vel.y+=this.gravity*b;var e=this.followTrajectory?Math.atan2(this.vel.y,this.vel.x):this.angle;return this.transform.set(d,0,0,d,0,0).rotate(e),this.pos.x+=this.vel.x*b,this.pos.y+=this.vel.y*b,(this.inViewport||!this.onlyInViewport)&&this.life>0},draw:function(a){a.save(),a.setGlobalAlpha(a.globalAlpha()*this.alpha);var b=this.transform;a.transform(b.a,b.b,b.c,b.d,~~this.pos.x,~~this.pos.y);var c=this.width,d=this.height;a.drawImage(this.image,0,0,c,d,-c/2,-d/2,c,d),a.restore()}})}(window); \ No newline at end of file diff --git a/melonjs-tutorial/boilerplate-master/lib/melonJS-1.1.0.js b/melonjs-tutorial/boilerplate-master/lib/melonJS-1.1.0.js new file mode 100755 index 0000000..09c2a42 --- /dev/null +++ b/melonjs-tutorial/boilerplate-master/lib/melonJS-1.1.0.js @@ -0,0 +1,21289 @@ +/** + * @license MelonJS Game Engine + * @copyright (C) 2011 - 2014 Olivier Biot, Jason Oster, Aaron McLeod + * http://www.melonjs.org + * + * melonJS is licensed under the MIT License. + * http://www.opensource.org/licenses/mit-license.php + * + */ + + /** + * (m)elonJS (e)ngine : All melonJS functions are defined inside + * of this namespace. + *

You generally should not add new properties to this namespace as it may be + * overwritten in future versions.

+ * @namespace + */ +window.me = window.me || {}; + +/** + * Add support for AMD (Asynchronous Module Definition) libraries such as + * require.js. + * @ignore + */ +if (typeof define === "function" && define.amd) { + define("me", [], function () { + return window.me; + }); +} +/** + * MelonJS Game Engine + * (C) 2011 - 2014 Olivier Biot, Jason Oster, Aaron McLeod + * http://www.melonjs.org + */ + +(function () { + + /** + * The built in window Object + * @external window + * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Window.window|window} + */ + + /* + * DOM loading stuff + */ + var readyBound = false, isReady = false, readyList = []; + + // Handle when the DOM is ready + function domReady() { + // Make sure that the DOM is not already loaded + if (!isReady) { + // be sure document.body is there + if (!document.body) { + return setTimeout(domReady, 13); + } + + // clean up loading event + if (document.removeEventListener) { + document.removeEventListener( + "DOMContentLoaded", + domReady, + false + ); + } + else { + window.removeEventListener("load", domReady, false); + } + + // Remember that the DOM is ready + isReady = true; + + // execute the defined callback + for (var fn = 0; fn < readyList.length; fn++) { + readyList[fn].call(window, []); + } + readyList.length = 0; + } + } + + // bind ready + function bindReady() { + if (readyBound) { + return; + } + readyBound = true; + + // directly call domReady if document is already "ready" + if (document.readyState === "complete") { + return domReady(); + } + else { + if (document.addEventListener) { + // Use the handy event callback + document.addEventListener("DOMContentLoaded", domReady, false); + } + // A fallback to window.onload, that will always work + window.addEventListener("load", domReady, false); + } + } + + /** + * Specify a function to execute when the DOM is fully loaded + * @memberOf external:window# + * @alias onReady + * @param {Function} handler A function to execute after the DOM is ready. + * @example + * // small main skeleton + * var game = { + * // Initialize the game + * // called by the window.onReady function + * onload : function () { + * // init video + * if (!me.video.init('screen', 640, 480, true)) { + * alert("Sorry but your browser does not support html 5 canvas."); + * return; + * } + * + * // initialize the "audio" + * me.audio.init("mp3,ogg"); + * + * // set callback for ressources loaded event + * me.loader.onload = this.loaded.bind(this); + * + * // set all ressources to be loaded + * me.loader.preload(game.resources); + * + * // load everything & display a loading screen + * me.state.change(me.state.LOADING); + * }, + * + * // callback when everything is loaded + * loaded : function () { + * // define stuff + * // .... + * + * // change to the menu screen + * me.state.change(me.state.MENU); + * } + * }; // game + * + * // "bootstrap" + * window.onReady(function () { + * game.onload(); + * }); + */ + window.onReady = function (fn) { + // Attach the listeners + bindReady(); + + // If the DOM is already ready + if (isReady) { + // Execute the function immediately + fn.call(window, []); + } + else { + // Add the function to the wait list + readyList.push(function () { + return fn.call(window, []); + }); + } + return this; + }; + + // call the library init function when ready + // (this should not be here?) + if (me.skipAutoInit !== true) { + window.onReady(function () { + me.boot(); + }); + } + else { + me.init = function () { + me.boot(); + domReady(); + }; + } + + if (!window.throttle) { + /** + * a simple throttle function + * use same fct signature as the one in prototype + * in case it's already defined before + * @ignore + */ + window.throttle = function (delay, no_trailing, callback) { + var last = window.performance.now(), deferTimer; + // `no_trailing` defaults to false. + if (typeof no_trailing !== "boolean") { + no_trailing = false; + } + return function () { + var now = window.performance.now(); + var elasped = now - last; + var args = arguments; + if (elasped < delay) { + if (no_trailing === false) { + // hold on to it + clearTimeout(deferTimer); + deferTimer = setTimeout(function () { + last = now; + return callback.apply(null, args); + }, elasped); + } + } + else { + last = now; + return callback.apply(null, args); + } + }; + }; + } + + if (typeof console === "undefined") { + /** + * Dummy console.log to avoid crash + * in case the browser does not support it + * @ignore + */ + console = { // jshint ignore:line + log : function () {}, + info : function () {}, + error : function () { + alert(Array.prototype.slice.call(arguments).join(", ")); + } + }; + } + +})(); + +/** + * MelonJS Game Engine + * (C) 2011 - 2014 Olivier Biot, Jason Oster, Aaron McLeod + * http://www.melonjs.org + */ + +/** + * The built in Object object. + * @external Object + * @see {@link https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object|Object} + */ + + +/* jshint ignore:start */ +/** + * Get the prototype of an Object. + * @memberOf external:Object# + * @alias getPrototypeOf + * @param {Object} obj Target object to inspect. + * @return {Prototype} Prototype of the target object. + */ +Object.getPrototypeOf = Object.getPrototypeOf || function (obj) { + return obj.__proto__; +}; + +/** + * Set the prototype of an Object. + * @memberOf external:Object# + * @alias setPrototypeOf + * @param {Object} obj Target object to modify. + * @param {Prototype} prototype New prototype for the target object. + * @return {Object} Modified target object. + */ +Object.setPrototypeOf = Object.setPrototypeOf || function (obj, prototype) { + obj.__proto__ = prototype; + return obj; +}; +/* jshint ignore:end */ + +if (!Object.defineProperty) { + /** + * simple defineProperty function definition (if not supported by the browser)
+ * if defineProperty is redefined, internally use __defineGetter__/__defineSetter__ as fallback + * @param {Object} obj The object on which to define the property. + * @param {string} prop The name of the property to be defined or modified. + * @param {Object} desc The descriptor for the property being defined or modified. + */ + Object.defineProperty = function (obj, prop, desc) { + // check if Object support __defineGetter function + if (obj.__defineGetter__) { + if (desc.get) { + obj.__defineGetter__(prop, desc.get); + } + if (desc.set) { + obj.__defineSetter__(prop, desc.set); + } + } else { + // we should never reach this point.... + throw new TypeError("Object.defineProperty not supported"); + } + }; +} + +if (typeof Object.create !== "function") { + /** + * Prototypal Inheritance Create Helper + * @name create + * @memberOf external:Object# + * @function + * @param {Object} Object + * @example + * // declare oldObject + * oldObject = new Object(); + * // make some crazy stuff with oldObject (adding functions, etc...) + * ... + * ... + * + * // make newObject inherits from oldObject + * newObject = Object.create(oldObject); + */ + Object.create = function (o) { + var Fn = function () {}; + Fn.prototype = o; + return new Fn(); + }; +} + +/** + * The built in Function Object + * @external Function + * @see {@link https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function|Function} + */ + +if (!Function.prototype.bind) { + /** @ignore */ + var Empty = function () {}; + + /** + * Binds this function to the given context by wrapping it in another function and returning the wrapper.

+ * Whenever the resulting "bound" function is called, it will call the original ensuring that this is set to context.

+ * Also optionally curries arguments for the function. + * @memberof! external:Function# + * @alias bind + * @param {Object} context the object to bind to. + * @param {} [arguments...] Optional additional arguments to curry for the function. + * @example + * // Ensure that our callback is triggered with the right object context (this): + * myObject.onComplete(this.callback.bind(this)); + */ + Function.prototype.bind = function bind(that) { + // ECMAScript 5 compliant implementation + // http://es5.github.com/#x15.3.4.5 + // from https://github.com/kriskowal/es5-shim + var target = this; + if (typeof target !== "function") { + throw new TypeError("Function.prototype.bind called on incompatible " + target); + } + var args = Array.prototype.slice.call(arguments, 1); + var bound = function () { + if (this instanceof bound) { + var result = target.apply(this, args.concat(Array.prototype.slice.call(arguments))); + if (Object(result) === result) { + return result; + } + return this; + } else { + return target.apply(that, args.concat(Array.prototype.slice.call(arguments))); + } + }; + if (target.prototype) { + Empty.prototype = target.prototype; + bound.prototype = new Empty(); + Empty.prototype = null; + } + return bound; + }; +} + +/** + * Sourced from: https://gist.github.com/parasyte/9712366 + * Extend a class prototype with the provided mixin descriptors. + * Designed as a faster replacement for John Resig's Simple Inheritance. + * @name extend + * @memberOf external:Object# + * @function + * @param {Object[]} mixins... Each mixin is a dictionary of functions, or a + * previously extended class whose methods will be applied to the target class + * prototype. + * @return {Object} + * @example + * var Person = Object.extend({ + * "init" : function (isDancing) { + * this.dancing = isDancing; + * }, + * "dance" : function () { + * return this.dancing; + * } + * }); + * + * var Ninja = Person.extend({ + * "init" : function () { + * // Call the super constructor, passing a single argument + * Person.prototype.init.apply(this, [false]); + * }, + * "dance" : function () { + * // Call the overridden dance() method + * return Person.prototype.dance.apply(this); + * }, + * "swingSword" : function () { + * return true; + * } + * }); + * + * var Pirate = Person.extend(Ninja, { + * "init" : function () { + * // Call the super constructor, passing a single argument + * Person.prototype.init.apply(this, [true]); + * } + * }); + * + * var p = new Person(true); + * console.log(p.dance()); // => true + * + * var n = new Ninja(); + * console.log(n.dance()); // => false + * console.log(n.swingSword()); // => true + * + * var r = new Pirate(); + * console.log(r.dance()); // => true + * console.log(r.swingSword()); // => true + * + * console.log( + * p instanceof Person && + * n instanceof Ninja && + * n instanceof Person && + * r instanceof Pirate && + * r instanceof Person + * ); // => true + * + * console.log(r instanceof Ninja); // => false + */ +(function () { + Object.defineProperty(Object.prototype, "extend", { + "value" : function () { + var methods = {}; + var mixins = Array.prototype.slice.call(arguments, 0); + + /** + * The class constructor which calls the user `init` constructor. + * @ignore + */ + function Class() { + // Call the user constructor + this.init.apply(this, arguments); + return this; + } + + // Apply superClass + Class.prototype = Object.create(this.prototype); + + // Apply all mixin methods to the class prototype + mixins.forEach(function (mixin) { + apply_methods(Class, methods, mixin.__methods__ || mixin); + }); + + // Verify constructor exists + if (!("init" in Class.prototype)) { + throw new TypeError( + "extend: Class is missing a constructor named `init`" + ); + } + + // Apply syntactic sugar for accessing methods on super classes + Object.defineProperty(Class.prototype, "_super", { + "value" : _super + }); + + // Create a hidden property on the class itself + // List of methods, used for applying classes as mixins + Object.defineProperty(Class, "__methods__", { + "value" : methods + }); + + return Class; + } + }); + + /** + * Apply methods to the class prototype. + * @ignore + */ + function apply_methods(Class, methods, descriptor) { + Object.keys(descriptor).forEach(function (method) { + methods[method] = descriptor[method]; + + if (typeof(descriptor[method]) !== "function") { + throw new TypeError( + "extend: Method `" + method + "` is not a function" + ); + } + + Object.defineProperty(Class.prototype, method, { + "configurable" : true, + "value" : descriptor[method] + }); + }); + } + + /** + * Special method that acts as a proxy to the super class. + * @name _super + * @ignore + */ + function _super(superClass, method, args) { + return superClass.prototype[method].apply(this, args); + } +})(); + +/** + * MelonJS Game Engine + * (C) 2011 - 2014 Olivier Biot, Jason Oster, Aaron McLeod + * http://www.melonjs.org + */ + +/** + * The built in Error object. + * @external Error + * @see {@link https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Error|Error} + */ + +/** + * melonJS base class for exception handling. + * @name Error + * @memberOf me + * @constructor + * @param {String} msg Error message. + */ +me.Error = Error.extend({ + init : function (msg) { + this.name = "me.Error"; + this.message = msg; + } +}); + +/** + * MelonJS Game Engine + * (C) 2011 - 2014 Olivier Biot, Jason Oster, Aaron McLeod + * http://www.melonjs.org + */ + +/** + * Executes a function as soon as the interpreter is idle (stack empty). + * @memberof! external:Function# + * @alias defer + * @param {Object} context The execution context of the deferred function. + * @param {} [arguments...] Optional additional arguments to carry for the + * function. + * @return {Number} id that can be used to clear the deferred function using + * clearTimeout + * @example + * // execute myFunc() when the stack is empty, + * // with the current context and 'myArgument' as parameter + * myFunc.defer(this, 'myArgument'); + */ +Function.prototype.defer = function () { + return setTimeout(this.bind.apply(this, arguments), 0.01); +}; +/** + * MelonJS Game Engine + * (C) 2011 - 2014 Olivier Biot, Jason Oster, Aaron McLeod + * http://www.melonjs.org + */ + + /** + * The built in Number Object + * @external Number + * @see {@link https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number|Number} + */ + +/** + * add a clamp fn to the Number object + * @memberof! external:Number# + * @alias clamp + * @param {number} low lower limit + * @param {number} high higher limit + * @return {number} clamped value + */ +Number.prototype.clamp = function (low, high) { + return this < low ? low : this > high ? high : +this; +}; + +/** + * return a random between min, max + * @memberof! external:Number# + * @alias random + * @param {number} min minimum value. + * @param {number} max maximum value. + * @return {number} random value + */ +Number.prototype.random = function (min, max) { + return (~~(Math.random() * (max - min + 1)) + min); +}; + +/** + * return a weighted random between min, max favoring the lower numbers + * @memberof! external:Number# + * @alias weightedRandom + * @param {number} min minimum value. + * @param {number} max maximum value. + * @return {number} random value + */ +Number.prototype.weightedRandom = function (min, max) { + return (~~(Math.pow(Math.random(), 2) * (max - min + 1)) + min); +}; + +/** + * round a value to the specified number of digit + * @memberof! external:Number# + * @alias round + * @param {number} [num="Object value"] value to be rounded. + * @param {number} dec number of decimal digit to be rounded to. + * @return {number} rounded value + * @example + * // round a specific value to 2 digits + * Number.prototype.round (10.33333, 2); // return 10.33 + * // round a float value to 4 digits + * num = 10.3333333 + * num.round(4); // return 10.3333 + */ +Number.prototype.round = function () { + // if only one argument use the object value + var num = (arguments.length < 2) ? this : arguments[0]; + var powres = Math.pow(10, arguments[1] || arguments[0] || 0); + return (Math.round(num * powres) / powres); +}; + +/** + * a quick toHex function
+ * given number must be an int, with a value between 0 and 255 + * @memberof! external:Number# + * @alias toHex + * @return {string} converted hexadecimal value + */ +Number.prototype.toHex = function () { + return "0123456789ABCDEF".charAt((this - (this % 16)) >> 4) + "0123456789ABCDEF".charAt(this % 16); +}; + +/** + * Returns a value indicating the sign of a number
+ * @memberof! external:Number# + * @alias sign + * @return {number} sign of a the number + */ +Number.prototype.sign = function () { + return this < 0 ? -1 : (this > 0 ? 1 : 0); +}; + +/** + * Converts an angle in degrees to an angle in radians + * @memberof! external:Number# + * @alias degToRad + * @param {number} [angle="angle"] angle in degrees + * @return {number} corresponding angle in radians + * @example + * // convert a specific angle + * Number.prototype.degToRad (60); // return 1.0471... + * // convert object value + * var num = 60 + * num.degToRad(); // return 1.0471... + */ +Number.prototype.degToRad = function (angle) { + return (angle || this) / 180.0 * Math.PI; +}; + +/** + * Converts an angle in radians to an angle in degrees. + * @memberof! external:Number# + * @alias radToDeg + * @param {number} [angle="angle"] angle in radians + * @return {number} corresponding angle in degrees + * @example + * // convert a specific angle + * Number.prototype.radToDeg (1.0471975511965976); // return 59.9999... + * // convert object value + * num = 1.0471975511965976 + * Math.ceil(num.radToDeg()); // return 60 + */ +Number.prototype.radToDeg = function (angle) { + return (angle || this) * (180.0 / Math.PI); +}; + +/** + * MelonJS Game Engine + * (C) 2011 - 2014 Olivier Biot, Jason Oster, Aaron McLeod + * http://www.melonjs.org + */ + +/** + * The built in String Object + * @external String + * @see {@link https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String|String} + */ + +if (!String.prototype.trim) { + /** + * returns the string stripped of whitespace from both ends + * @memberof! external:String# + * @alias trim + * @return {string} trimmed string + */ + String.prototype.trim = function () { + return this.replace(/^\s+|\s+$/gm, ""); + + }; +} + +if (!String.prototype.trimLeft) { + /** + * returns the string stripped of whitespace from the left. + * @memberof! external:String# + * @alias trimLeft + * @return {string} trimmed string + */ + String.prototype.trimLeft = function () { + return this.replace(/^\s+/, ""); + }; +} + +if (!String.prototype.trimRight) { + /** + * returns the string stripped of whitespace from the right. + * @memberof! external:String# + * @alias trimRight + * @return {string} trimmed string + */ + String.prototype.trimRight = function () { + return this.replace(/\s+$/, ""); + }; +} + +/** + * add isNumeric fn to the string object + * @memberof! external:String# + * @alias isNumeric + * @return {boolean} true if string contains only digits + */ +String.prototype.isNumeric = function () { + return (!isNaN(this) && this.trim() !== ""); +}; + +/** + * add a isBoolean fn to the string object + * @memberof! external:String# + * @alias isBoolean + * @return {boolean} true if the string is either true or false + */ +String.prototype.isBoolean = function () { + var trimmed = this.trim(); + return ("true" === trimmed) || ("false" === trimmed); +}; + +if (!String.prototype.contains) { + /** + * determines whether or not a string contains another string. + * @memberof! external:String# + * @alias contains + * @param {string} str A string to be searched for within this string. + * @param {number} [startIndex=0] The position in this string at which + * to begin searching for given string. + * @return {boolean} true if contains the specified string + */ + String.prototype.contains = function (str, startIndex) { + return -1 !== String.prototype.indexOf.call(this, str, startIndex); + }; +} + +/** + * convert the string to hex value + * @memberof! external:String# + * @alias toHex + * @return {string} + */ +String.prototype.toHex = function () { + var res = "", c = 0; + while (c < this.length) { + res += this.charCodeAt(c++).toString(16); + } + return res; +}; + +/** + * MelonJS Game Engine + * (C) 2011 - 2014 Olivier Biot, Jason Oster, Aaron McLeod + * http://www.melonjs.org + */ + +/** + * The built in Array Object + * @external Array + * @see {@link https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array|Array} + */ + +/** + * Remove the specified object from the Array
+ * @memberof! external:Array# + * @alias remove + * @param {Object} object to be removed + */ +Array.prototype.remove = function (obj) { + var i = Array.prototype.indexOf.call(this, obj); + if (i !== -1) { + Array.prototype.splice.call(this, i, 1); + } + return this; +}; + +if (!Array.prototype.forEach) { + /** + * provide a replacement for browsers that don't + * support Array.prototype.forEach (JS 1.6) + * @ignore + */ + Array.prototype.forEach = function (callback, scope) { + for (var i = 0, j = this.length; j--; i++) { + callback.call(scope || this, this[i], i, this); + } + }; +} + +if (!Array.isArray) { + /** + * provide a replacement for browsers that don't + * natively support Array.isArray + * @ignore + */ + Array.isArray = function (vArg) { + var isArray; + isArray = vArg instanceof Array; + return isArray; + }; +} + +/** + * return a random array element + * @memberof! external:Array# + * @alias random + * @param {array} entry array to pick a element + * @return {any} random member of array + */ +Array.prototype.random = function (entry) { + return entry[Number.prototype.random(0, entry.length - 1)]; +}; + +/** + * return a weighted random array element, favoring the earlier entries + * @memberof! external:Array# + * @alias weightedRandom + * @param {array} entry array to pick a element + * @return {any} random member of array + */ +Array.prototype.weightedRandom = function (entry) { + return entry[Number.prototype.weightedRandom(0, entry.length - 1)]; +}; + +/** + * MelonJS Game Engine + * (C) 2011 - 2014 Olivier Biot, Jason Oster, Aaron McLeod + * http://www.melonjs.org + */ + +// define window.performance if undefined +if (typeof window.performance === "undefined") { + window.performance = {}; +} + +if (typeof Date.now === "undefined") { + /** + * provide a replacement for browser not + * supporting Date.now (JS 1.5) + * @ignore + */ + Date.now = function () { + return new Date().getTime(); + }; +} + +if (!window.performance.now) { + var timeOffset = Date.now(); + + if (window.performance.timing && + window.performance.timing.navigationStart) { + timeOffset = window.performance.timing.navigationStart; + } + /** + * provide a polyfill for window.performance now + * to provide consistent time information across browser + * (always return the elapsed time since the browser started) + * @ignore + */ + window.performance.now = function () { + return Date.now() - timeOffset; + }; +} + +/** + * MelonJS Game Engine + * (C) 2011 - 2014 Olivier Biot, Jason Oster, Aaron McLeod + * http://www.melonjs.org + */ + +(function () { + + /** + * me global references + * @ignore + */ + me.mod = "melonJS"; + me.version = "1.1.0"; + /** + * global system settings and browser capabilities + * @namespace + */ + me.sys = { + + /* + * Global settings + */ + + /** + * Game FPS (default 60) + * @type {number} + * @memberOf me.sys + */ + fps : 60, + + /** + * enable/disable frame interpolation (default disable)
+ * @type {boolean} + * @memberOf me.sys + */ + interpolation : false, + + /** + * Global scaling factor(default 1.0) + * @type {me.Vector2d} + * @memberOf me.sys + */ + scale : null, //initialized by me.video.init + + /** + * enable/disable video scaling interpolation (default disable)
+ * @type {boolean} + * @memberOf me.sys + */ + scalingInterpolation : false, + + /** + * Global gravity settings
+ * will override entities init value if defined
+ * default value : undefined + * @type {(number|undefined)} + * @memberOf me.sys + */ + gravity : undefined, + + /** + * Specify either to stop on audio loading error or not
+ * if true, melonJS will throw an exception and stop loading
+ * if false, melonJS will disable sounds and output a warning message + * in the console
+ * default value : true
+ * @type {boolean} + * @memberOf me.sys + */ + stopOnAudioError : true, + + /** + * Specify whether to pause the game when losing focus.
+ * default value : true
+ * @type {boolean} + * @memberOf me.sys + */ + pauseOnBlur : true, + + /** + * Specify whether to unpause the game when gaining focus.
+ * default value : true
+ * @type {boolean} + * @memberOf me.sys + */ + resumeOnFocus : true, + + /** + * Specify whether to stop the game when losing focus or not
+ * The engine restarts on focus if this is enabled. + * default value : false
+ * @type {boolean} + * @memberOf me.sys + */ + stopOnBlur : false, + + /** + * Specify the rendering method for layers
+ * if false, visible part of the layers are rendered dynamically + * (default)
+ * if true, the entire layers are first rendered into an offscreen + * canvas
+ * the "best" rendering method depends of your game
+ * (amount of layer, layer size, amount of tiles per layer, etc…)
+ * note : rendering method is also configurable per layer by adding this + * property to your layer (in Tiled)
+ * @type {boolean} + * @memberOf me.sys + */ + preRender : false, + + /* + * System methods + */ + + /** + * Compare two version strings + * @public + * @function + * @param {string} first First version string to compare + * @param {string} [second="1.1.0"] Second version string to compare + * @return {number} comparison result
< 0 : first < second
+ * 0 : first == second
+ * > 0 : first > second + * @example + * if (me.sys.checkVersion("0.9.5") > 0) { + * console.error( + * "melonJS is too old. Expected: 0.9.5, Got: " + me.version + * ); + * } + */ + checkVersion : function (first, second) { + second = second || me.version; + + var a = first.split("."); + var b = second.split("."); + var len = Math.min(a.length, b.length); + var result = 0; + + for (var i = 0; i < len; i++) { + if ((result = +a[i] - +b[i])) { + break; + } + } + + return result ? result : a.length - b.length; + } + }; + + // a flag to know if melonJS + // is initialized + var me_initialized = false; + + Object.defineProperty(me, "initialized", { + get : function get() { + return me_initialized; + } + }); + + /* + * initial boot function + */ + + me.boot = function () { + // don't do anything if already initialized (should not happen anyway) + if (me_initialized) { + return; + } + + // check the device capabilites + me.device._check(); + + // initialize me.save + me.save._init(); + + // enable/disable the cache + me.loader.setNocache( + document.location.href.match(/\?nocache/) || false + ); + + // init the FPS counter if needed + me.timer.init(); + + // create a new map reader instance + me.mapReader = new me.TMXMapReader(); + + // init the App Manager + me.state.init(); + + // init the Entity Pool + me.pool.init(); + + // automatically enable keyboard events if on desktop + if (me.device.isMobile === false) { + me.input._enableKeyboardEvent(); + } + + // init the level Director + me.levelDirector.reset(); + + me_initialized = true; + }; + +})(); + +/** + * MelonJS Game Engine + * (C) 2011 - 2014 Olivier Biot, Jason Oster, Aaron McLeod + * http://www.melonjs.org + */ + +(function () { + + /** + * me.game represents your current game, it contains all the objects, + * tilemap layers, current viewport, collision map, etc...
+ * me.game is also responsible for updating (each frame) the object status + * and draw them
+ * @namespace me.game + * @memberOf me + */ + me.game = (function () { + // hold public stuff in our singleton + var api = {}; + + /* + * PRIVATE STUFF + */ + + // flag to redraw the sprites + var initialized = false; + + // to know when we have to refresh the display + var isDirty = true; + + // frame counter for frameSkipping + // reset the frame counter + var frameCounter = 0; + var frameRate = 1; + + // reference to the renderer object + var renderer = null; + + /* + * PUBLIC STUFF + */ + + /** + * a reference to the game viewport. + * @public + * @type {me.Viewport} + * @name viewport + * @memberOf me.game + */ + api.viewport = null; + + /** + * a reference to the game collision Map + * @public + * @type {me.TMXLayer} + * @name collisionMap + * @memberOf me.game + */ + api.collisionMap = null; + + /** + * a reference to the game current level + * @public + * @type {me.TMXTileMap} + * @name currentLevel + * @memberOf me.game + */ + api.currentLevel = null; + + /** + * a reference to the game world
+ * a world is a virtual environment containing all the game objects + * @public + * @type {me.Container} + * @name world + * @memberOf me.game + */ + api.world = null; + + /** + * when true, all objects will be added under the root world container
+ * when false, a `me.Container` object will be created for each + * corresponding `TMXObjectGroup` + * default value : true + * @public + * @type {boolean} + * @name mergeGroup + * @memberOf me.game + */ + api.mergeGroup = true; + + /** + * The property of should be used when sorting entities
+ * value : "x", "y", "z" (default: "z") + * @public + * @type {string} + * @name sortOn + * @memberOf me.game + */ + api.sortOn = "z"; + + /** + * default layer tmxRenderer + * @private + * @ignore + * @type {me.TMXRenderer} + * @name tmxRenderer + * @memberOf me.game + */ + api.tmxRenderer = null; + + /** + * Fired when a level is fully loaded and
+ * and all entities instantiated.
+ * Additionnaly the level id will also be passed + * to the called function. + * @public + * @callback + * @name onLevelLoaded + * @memberOf me.game + * @example + * // call myFunction () everytime a level is loaded + * me.game.onLevelLoaded = this.myFunction.bind(this); + */ + api.onLevelLoaded = null; + + /** + * Initialize the game manager + * @name init + * @memberOf me.game + * @private + * @ignore + * @function + * @param {Number} [width] width of the canvas + * @param {Number} [height] width of the canvas + * init function. + */ + api.init = function (width, height) { + if (!initialized) { + // if no parameter specified use the system size + width = width || me.video.renderer.getWidth(); + height = height || me.video.renderer.getHeight(); + + // create a defaut viewport of the same size + api.viewport = new me.Viewport(0, 0, width, height); + + //the root object of our world is an entity container + api.world = new me.Container(0, 0, width, height); + // give it a name + api.world.name = "rootContainer"; + + // initialize the collision system (the quadTree mostly) + me.collision.init(); + + renderer = me.video.renderer; + + // publish init notification + me.event.publish(me.event.GAME_INIT); + + // translate global pointer events + me.input._translatePointerEvents(); + + // make display dirty by default + isDirty = true; + + // dummy current level + api.currentLevel = { + pos : { + x : 0, + y : 0 + } + }; + api.defaultCollisionMap = new me.CollisionTiledLayer( + width, + height + ); + + // set as initialized + initialized = true; + } + }; + + /** + * reset the game Object manager

+ * destroy all current objects + * @name reset + * @memberOf me.game + * @public + * @function + */ + api.reset = function () { + + // clear the quadtree + me.collision.quadTree.clear(); + + // remove all objects + api.world.destroy(); + + // reset the viewport to zero ? + if (api.viewport) { + api.viewport.reset(); + } + // dummy current level + api.currentLevel = { + pos : { + x : 0, + y : 0 + } + }; + api.collisionMap = api.defaultCollisionMap; + + // reset the transform matrix to the normal one + renderer.resetTransform(); + + // reset the frame counter + frameCounter = 0; + frameRate = Math.round(60 / me.sys.fps); + }; + + /** + * Returns the parent container of the specified Child in the game world + * @name getParentContainer + * @memberOf me.game + * @function + * @param {me.Renderable} child + * @return {me.Container} + */ + api.getParentContainer = function (child) { + return child.ancestor; + }; + + /** + * force the redraw (not update) of all objects + * @name repaint + * @memberOf me.game + * @public + * @function + */ + + api.repaint = function () { + isDirty = true; + }; + + + /** + * update all objects of the game manager + * @name update + * @memberOf me.game + * @private + * @ignore + * @function + * @param {Number} time current timestamp as provided by the RAF callback + */ + api.update = function (time) { + // handle frame skipping if required + if ((++frameCounter % frameRate) === 0) { + // reset the frame counter + frameCounter = 0; + + // update the timer + me.timer.update(time); + + // clear the quadtree + me.collision.quadTree.clear(); + + // insert the world container (children) into the quadtree + me.collision.quadTree.insertContainer(api.world); + + // update all objects (and pass the elapsed time since last frame) + isDirty = api.world.update(me.timer.getDelta()) || isDirty; + + // update the camera/viewport + isDirty = api.viewport.update(me.timer.getDelta()) || isDirty; + } + }; + + /** + * draw all existing objects + * @name draw + * @memberOf me.game + * @private + * @ignore + * @function + */ + api.draw = function () { + if (isDirty) { + // cache the viewport rendering position, so that other object + // can access it later (e,g. entityContainer when drawing floating objects) + var translateX = api.viewport.pos.x + ~~api.viewport.offset.x; + var translateY = api.viewport.pos.y + ~~api.viewport.offset.y; + + // translate the world coordinates by default to screen coordinates + api.world.transform.translate(-translateX, -translateY); + + // substract the map offset to current the current pos + api.viewport.screenX = translateX - api.currentLevel.pos.x; + api.viewport.screenY = translateY - api.currentLevel.pos.y; + + // update all objects, + // specifying the viewport as the rectangle area to redraw + api.world.draw(renderer, api.viewport); + + // translate back + api.world.transform.translate(translateX, translateY); + + // draw our camera/viewport + api.viewport.draw(renderer); + } + + isDirty = false; + + // blit our frame + me.video.renderer.blitSurface(); + }; + + // return our object + return api; + })(); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2014, Olivier Biot, Jason Oster + * http://www.melonjs.org/ + * + */ +(function () { + /** + * Convert first character of a string to uppercase, if it's a letter. + * @ignore + * @function + * @name capitalize + * @param {String} str Input string. + * @return {String} String with first letter made uppercase. + */ + var capitalize = function (str) { + return str.substring(0, 1).toUpperCase() + str.substring(1, str.length); + }; + + /** + * A collection of utilities to ease porting between different user agents. + * @namespace me.agent + * @memberOf me + */ + me.agent = (function () { + var api = {}; + + /** + * Known agent vendors + * @ignore + */ + var vendors = [ "ms", "MS", "moz", "webkit", "o" ]; + + /** + * Get a vendor-prefixed property + * @public + * @name prefixed + * @function + * @param {String} name Property name + * @param {Object} [obj=window] Object or element reference to access + * @return {Mixed} Value of property + * @memberOf me.agent + */ + api.prefixed = function (name, obj) { + obj = obj || window; + if (name in obj) { + return obj[name]; + } + + var uc_name = capitalize(name); + + var result; + vendors.some(function (vendor) { + var name = vendor + uc_name; + return (result = (name in obj) ? obj[name] : undefined); + }); + return result; + }; + + /** + * Set a vendor-prefixed property + * @public + * @name setPrefixed + * @function + * @param {String} name Property name + * @param {Mixed} value Property value + * @param {Object} [obj=window] Object or element reference to access + * @memberOf me.agent + */ + api.setPrefixed = function (name, value, obj) { + obj = obj || window; + if (name in obj) { + obj[name] = value; + return; + } + + var uc_name = capitalize(name); + + vendors.some(function (vendor) { + var name = vendor + uc_name; + if (name in obj) { + obj[name] = value; + return true; + } + return false; + }); + }; + + return api; + })(); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013 melonJS + * http://www.melonjs.org + * + */ +(function () { + /** + * A singleton object representing the device capabilities and specific events + * @namespace me.device + * @memberOf me + */ + me.device = (function () { + // defines object for holding public information/functionality. + var api = {}; + // private properties + var accelInitialized = false; + var deviceOrientationInitialized = false; + var devicePixelRatio = null; + + /** + * check the device capapbilities + * @ignore + */ + api._check = function () { + + // detect device type/platform + me.device._detectDevice(); + + // future proofing (MS) feature detection + me.device.pointerEnabled = me.agent.prefixed("pointerEnabled", navigator); + navigator.maxTouchPoints = me.agent.prefixed("maxTouchPoints", navigator) || 0; + window.gesture = me.agent.prefixed("gesture"); + + // detect touch capabilities + me.device.touch = ("createTouch" in document) || ("ontouchstart" in window) || + (navigator.isCocoonJS) || (me.device.pointerEnabled && (navigator.maxTouchPoints > 0)); + + // accelerometer detection + me.device.hasAccelerometer = ( + (typeof (window.DeviceMotionEvent) !== "undefined") || ( + (typeof (window.Windows) !== "undefined") && + (typeof (Windows.Devices.Sensors.Accelerometer) === "function") + ) + ); + + // pointerlock detection + this.hasPointerLockSupport = me.agent.prefixed("pointerLockElement", document); + + if (this.hasPointerLockSupport) { + document.exitPointerLock = me.agent.prefixed("exitPointerLock", document); + } + + // device motion detection + if (window.DeviceOrientationEvent) { + me.device.hasDeviceOrientation = true; + } + + // fullscreen api detection & polyfill when possible + this.hasFullscreenSupport = me.agent.prefixed("fullscreenEnabled", document) || + document.mozFullScreenEnabled; + + document.exitFullscreen = me.agent.prefixed("cancelFullScreen", document) || + me.agent.prefixed("exitFullscreen", document); + + // vibration API poyfill + navigator.vibrate = me.agent.prefixed("vibrate", navigator); + + try { + api.localStorage = !!window.localStorage; + } catch (e) { + // the above generates an exception when cookies are blocked + api.localStorage = false; + } + + // set pause/stop action on losing focus + window.addEventListener("blur", function () { + if (me.sys.stopOnBlur) { + me.state.stop(true); + } + if (me.sys.pauseOnBlur) { + me.state.pause(true); + } + }, false); + // set restart/resume action on gaining focus + window.addEventListener("focus", function () { + if (me.sys.stopOnBlur) { + me.state.restart(true); + } + if (me.sys.resumeOnFocus) { + me.state.resume(true); + } + }, false); + + + // Set the name of the hidden property and the change event for visibility + var hidden, visibilityChange; + if (typeof document.hidden !== "undefined") { + // Opera 12.10 and Firefox 18 and later support + hidden = "hidden"; + visibilityChange = "visibilitychange"; + } else if (typeof document.mozHidden !== "undefined") { + hidden = "mozHidden"; + visibilityChange = "mozvisibilitychange"; + } else if (typeof document.msHidden !== "undefined") { + hidden = "msHidden"; + visibilityChange = "msvisibilitychange"; + } else if (typeof document.webkitHidden !== "undefined") { + hidden = "webkitHidden"; + visibilityChange = "webkitvisibilitychange"; + } + + // register on the event if supported + if (typeof (visibilityChange) === "string") { + // add the corresponding event listener + document.addEventListener(visibilityChange, + function () { + if (document[hidden]) { + if (me.sys.stopOnBlur) { + me.state.stop(true); + } + if (me.sys.pauseOnBlur) { + me.state.pause(true); + } + } else { + if (me.sys.stopOnBlur) { + me.state.restart(true); + } + if (me.sys.resumeOnFocus) { + me.state.resume(true); + } + } + }, false + ); + } + }; + + /** + * detect the device type + * @ignore + */ + api._detectDevice = function () { + // detect platform + me.device.isMobile = me.device.ua.match(/Android|iPhone|iPad|iPod|BlackBerry|Windows Phone|Mobi/i) || false; + // iOS Device ? + me.device.iOS = me.device.ua.match(/iPhone|iPad|iPod/i) || false; + // Android Device ? + me.device.android = me.device.ua.match(/android/i) || false; + me.device.android2 = me.device.ua.match(/android 2/i) || false; + // Windows Device ? + me.device.wp = me.device.ua.match(/Windows Phone/i) || false; + }; + + /* + * PUBLIC Properties & Functions + */ + + // Browser capabilities + + /** + * Browser User Agent + * @type Boolean + * @readonly + * @name ua + * @memberOf me.device + */ + api.ua = navigator.userAgent; + + /** + * Browser Local Storage capabilities
+ * (this flag will be set to false if cookies are blocked) + * @type Boolean + * @readonly + * @name localStorage + * @memberOf me.device + */ + api.localStorage = false; + + /** + * Browser accelerometer capabilities + * @type Boolean + * @readonly + * @name hasAccelerometer + * @memberOf me.device + */ + api.hasAccelerometer = false; + + /** + * Browser device orientation + * @type Boolean + * @readonly + * @name hasDeviceOrientation + * @memberOf me.device + */ + api.hasDeviceOrientation = false; + + /** + * Browser full screen support + * @type Boolean + * @readonly + * @name hasFullscreenSupport + * @memberOf me.device + */ + api.hasFullscreenSupport = false; + + /** + * Browser pointerlock api support + * @type Boolean + * @readonly + * @name hasPointerLockSupport + * @memberOf me.device + */ + api.hasPointerLockSupport = false; + + /** + * Browser Base64 decoding capability + * @type Boolean + * @readonly + * @name nativeBase64 + * @memberOf me.device + */ + api.nativeBase64 = (typeof(window.atob) === "function"); + + /** + * Touch capabilities + * @type Boolean + * @readonly + * @name touch + * @memberOf me.device + */ + api.touch = false; + + /** + * equals to true if a mobile device
+ * (Android | iPhone | iPad | iPod | BlackBerry | Windows Phone) + * @type Boolean + * @readonly + * @name isMobile + * @memberOf me.device + */ + api.isMobile = false; + + /** + * equals to true if the device is an iOS platform
+ * @type Boolean + * @readonly + * @name iOS + * @memberOf me.device + */ + api.iOS = false; + + /** + * equals to true if the device is an Android platform
+ * @type Boolean + * @readonly + * @name android + * @memberOf me.device + */ + api.android = false; + + /** + * equals to true if the device is an Android 2.x platform
+ * @type Boolean + * @readonly + * @name android2 + * @memberOf me.device + */ + api.android2 = false; + + /** + * equals to true if the device is an Windows Phone platform
+ * @type Boolean + * @readonly + * @name wp + * @memberOf me.device + */ + api.wp = false; + + /** + * The device current orientation status.
+ * 0 : default orientation
+ * 90 : 90 degrees clockwise from default
+ * -90 : 90 degrees anti-clockwise from default
+ * 180 : 180 degrees from default + * @type Number + * @readonly + * @name orientation + * @memberOf me.device + */ + api.orientation = 0; + + /** + * contains the g-force acceleration along the x-axis. + * @public + * @type Number + * @readonly + * @name accelerationX + * @memberOf me.device + */ + api.accelerationX = 0; + + /** + * contains the g-force acceleration along the y-axis. + * @public + * @type Number + * @readonly + * @name accelerationY + * @memberOf me.device + */ + api.accelerationY = 0; + + /** + * contains the g-force acceleration along the z-axis. + * @public + * @type Number + * @readonly + * @name accelerationZ + * @memberOf me.device + */ + api.accelerationZ = 0; + + /** + * Device orientation Gamma property. Gives angle on tilting a portrait held phone left or right + * @public + * @type Number + * @readonly + * @name gamma + * @memberOf me.device + */ + api.gamma = 0; + + /** + * Device orientation Beta property. Gives angle on tilting a portrait held phone forward or backward + * @public + * @type Number + * @readonly + * @name beta + * @memberOf me.device + */ + api.beta = 0; + + /** + * Device orientation Alpha property. Gives angle based on the rotation of the phone around its z axis. + * The z-axis is perpendicular to the phone, facing out from the center of the screen. + * @public + * @type Number + * @readonly + * @name alpha + * @memberOf me.device + */ + api.alpha = 0; + + /** + * Triggers a fullscreen request. Requires fullscreen support from the browser/device. + * @name requestFullscreen + * @memberOf me.device + * @function + * @param {Object} [element=default canvas object] the element to be set in full-screen mode. + * @example + * // add a keyboard shortcut to toggle Fullscreen mode on/off + * me.input.bindKey(me.input.KEY.F, "toggleFullscreen"); + * me.event.subscribe(me.event.KEYDOWN, function (action, keyCode, edge) { + * // toggle fullscreen on/off + * if (action === "toggleFullscreen") { + * if (!me.device.isFullscreen) { + * me.device.requestFullscreen(); + * } else { + * me.device.exitFullscreen(); + * } + * } + * }); + */ + api.requestFullscreen = function (element) { + if (this.hasFullscreenSupport) { + element = element || me.video.getWrapper(); + element.requestFullscreen = me.agent.prefixed("requestFullscreen", element) || + element.mozRequestFullScreen; + + element.requestFullscreen(); + } + }; + + /** + * Exit fullscreen mode. Requires fullscreen support from the browser/device. + * @name exitFullscreen + * @memberOf me.device + * @function + */ + api.exitFullscreen = function () { + if (this.hasFullscreenSupport) { + document.exitFullscreen(); + } + }; + + /** + * return the device pixel ratio + * @name getPixelRatio + * @memberOf me.device + * @function + */ + api.getPixelRatio = function () { + + if (devicePixelRatio === null) { + var _context; + if (typeof me.video.renderer !== "undefined") { + _context = me.video.renderer.getScreenContext(); + } else { + _context = me.CanvasRenderer.getContext2d(document.createElement("canvas")); + } + var _devicePixelRatio = window.devicePixelRatio || 1, + _backingStoreRatio = me.agent.prefixed("backingStorePixelRatio", _context) || 1; + devicePixelRatio = _devicePixelRatio / _backingStoreRatio; + } + return devicePixelRatio; + }; + + /** + * return the device storage + * @name getStorage + * @memberOf me.device + * @function + * @param {String} [type="local"] + * @return me.save object + */ + api.getStorage = function (type) { + + type = type || "local"; + + switch (type) { + case "local" : + return me.save; + + default : + throw new me.Error("storage type " + type + " not supported"); + } + }; + + /** + * event management (Accelerometer) + * http://www.mobilexweb.com/samples/ball.html + * http://www.mobilexweb.com/blog/safari-ios-accelerometer-websockets-html5 + * @ignore + */ + function onDeviceMotion(e) { + if (e.reading) { + // For Windows 8 devices + api.accelerationX = e.reading.accelerationX; + api.accelerationY = e.reading.accelerationY; + api.accelerationZ = e.reading.accelerationZ; + } + else { + // Accelerometer information + api.accelerationX = e.accelerationIncludingGravity.x; + api.accelerationY = e.accelerationIncludingGravity.y; + api.accelerationZ = e.accelerationIncludingGravity.z; + } + } + + function onDeviceRotate(e) { + api.gamma = e.gamma; + api.beta = e.beta; + api.alpha = e.alpha; + } + + /** + * Enters pointer lock, requesting it from the user first. Works on supported devices & browsers + * Must be called in a click event or an event that requires user interaction. + * If you need to run handle events for errors or change of the pointer lock, see below. + * @name turnOnPointerLock + * @memberOf me.device + * @function + * @example + * document.addEventListener("pointerlockchange", pointerlockchange, false); + * document.addEventListener("mozpointerlockchange", pointerlockchange, false); + * document.addEventListener("webkitpointerlockchange", pointerlockchange, false); + * + * document.addEventListener("pointerlockerror", pointerlockerror, false); + * document.addEventListener("mozpointerlockerror", pointerlockerror, false); + * document.addEventListener("webkitpointerlockerror", pointerlockerror, false); + */ + api.turnOnPointerLock = function () { + if (this.hasPointerLockSupport) { + var element = me.video.getWrapper(); + if (me.device.ua.match(/Firefox/i)) { + var fullscreenchange = function () { + if ((me.agent.prefixed("fullscreenElement", document) || + document.mozFullScreenElement) === element) { + + document.removeEventListener("fullscreenchange", fullscreenchange); + document.removeEventListener("mozfullscreenchange", fullscreenchange); + element.requestPointerLock = me.agent.prefixed("requestPointerLock", element); + element.requestPointerLock(); + } + }; + + document.addEventListener("fullscreenchange", fullscreenchange, false); + document.addEventListener("mozfullscreenchange", fullscreenchange, false); + + me.device.requestFullscreen(); + + } + else { + element.requestPointerLock(); + } + } + }; + + /** + * Exits pointer lock. Works on supported devices & browsers + * @name turnOffPointerLock + * @memberOf me.device + * @function + */ + api.turnOffPointerLock = function () { + if (this.hasPointerLockSupport) { + document.exitPointerLock(); + } + }; + + /** + * watch Accelerator event + * @name watchAccelerometer + * @memberOf me.device + * @public + * @function + * @return {Boolean} false if not supported by the device + */ + api.watchAccelerometer = function () { + if (me.device.hasAccelerometer) { + if (!accelInitialized) { + if (typeof Windows === "undefined") { + // add a listener for the devicemotion event + window.addEventListener("devicemotion", onDeviceMotion, false); + } + else { + // On Windows 8 Device + var accelerometer = Windows.Devices.Sensors.Accelerometer.getDefault(); + if (accelerometer) { + // Capture event at regular intervals + var minInterval = accelerometer.minimumReportInterval; + var Interval = minInterval >= 16 ? minInterval : 25; + accelerometer.reportInterval = Interval; + + accelerometer.addEventListener("readingchanged", onDeviceMotion, false); + } + } + accelInitialized = true; + } + return true; + } + return false; + }; + + /** + * unwatch Accelerometor event + * @name unwatchAccelerometer + * @memberOf me.device + * @public + * @function + */ + api.unwatchAccelerometer = function () { + if (accelInitialized) { + if (typeof Windows === "undefined") { + // add a listener for the mouse + window.removeEventListener("devicemotion", onDeviceMotion, false); + } else { + // On Windows 8 Devices + var accelerometer = Windows.Device.Sensors.Accelerometer.getDefault(); + + accelerometer.removeEventListener("readingchanged", onDeviceMotion, false); + } + accelInitialized = false; + } + }; + + /** + * watch the device orientation event + * @name watchDeviceOrientation + * @memberOf me.device + * @public + * @function + * @return {Boolean} false if not supported by the device + */ + api.watchDeviceOrientation = function () { + if (me.device.hasDeviceOrientation && !deviceOrientationInitialized) { + window.addEventListener("deviceorientation", onDeviceRotate, false); + deviceOrientationInitialized = true; + } + return false; + }; + + /** + * unwatch Device orientation event + * @name unwatchDeviceOrientation + * @memberOf me.device + * @public + * @function + */ + api.unwatchDeviceOrientation = function () { + if (deviceOrientationInitialized) { + window.removeEventListener("deviceorientation", onDeviceRotate, false); + deviceOrientationInitialized = false; + } + }; + + /** + * the vibrate method pulses the vibration hardware on the device,
+ * If the device doesn't support vibration, this method has no effect.
+ * If a vibration pattern is already in progress when this method is called, + * the previous pattern is halted and the new one begins instead. + * @name vibrate + * @memberOf me.device + * @public + * @function + * @param {Number|Number[]} pattern pattern of vibration and pause intervals + * @example + * // vibrate for 1000 ms + * navigator.vibrate(1000); + * // or alternatively + * navigator.vibrate([1000]); + * vibrate for 50 ms, be still for 100 ms, and then vibrate for 150 ms: + * navigator.vibrate([50, 100, 150]); + * // cancel any existing vibrations + * navigator.vibrate(0); + */ + api.vibrate = function (pattern) { + if (navigator.vibrate) { + navigator.vibrate(pattern); + } + }; + + + return api; + })(); + + /** + * Returns true if the browser/device is in full screen mode. + * @name isFullscreen + * @memberOf me.device + * @public + * @type Boolean + * @readonly + * @return {boolean} + */ + Object.defineProperty(me.device, "isFullscreen", { + get: function () { + if (me.device.hasFullscreenSupport) { + var el = me.agent.prefixed("fullscreenElement", document) || + document.mozFullScreenElement; + return (el === me.video.getWrapper()); + } else { + return false; + } + } + }); + + /** + * Returns true if the browser/device has audio capabilities. + * @name sound + * @memberOf me.device + * @public + * @type Boolean + * @readonly + * @return {boolean} + */ + Object.defineProperty(me.device, "sound", { + get: function () { + return !Howler.noAudio; + } + }); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013 melonJS + * http://www.melonjs.org + * + */ +(function () { + /** + * a Timer object to manage time function (FPS, Game Tick, Time...)

+ * There is no constructor function for me.timer + * @namespace me.timer + * @memberOf me + */ + me.timer = (function () { + // hold public stuff in our api + var api = {}; + + /* + * PRIVATE STUFF + */ + + //hold element to display fps + var framecount = 0; + var framedelta = 0; + + /* fps count stuff */ + var last = 0; + var now = 0; + var delta = 0; + var step = Math.ceil(1000 / me.sys.fps); // ROUND IT ? + // define some step with some margin + var minstep = (1000 / me.sys.fps) * 1.25; // IS IT NECESSARY?\ + + // list of defined timer function + var timers = []; + var timerId = 0; + + /** + * @ignore + */ + var clearTimer = function (timerId) { + for (var i = 0, len = timers.length; i < len; i++) { + if (timers[i].timerId === timerId) { + timers.splice(i, 1); + break; + } + } + }; + + /** + * update timers + * @ignore + */ + var updateTimers = function (dt) { + for (var i = 0, len = timers.length; i < len; i++) { + var _timer = timers[i]; + if (!(_timer.pauseable && me.state.isPaused())) { + _timer.elapsed += dt; + } + if (_timer.elapsed >= _timer.delay) { + _timer.func.apply(this); + if (_timer.repeat === true) { + _timer.elapsed -= _timer.delay; + } else { + me.timer.clearTimeout(_timer.timerId); + } + } + } + }; + + /* + * PUBLIC STUFF + */ + + /** + * last game tick value + * @public + * @type Int + * @name tick + * @memberOf me.timer + */ + api.tick = 1.0; + + /** + * last measured fps rate + * @public + * @type Int + * @name fps + * @memberOf me.timer + */ + api.fps = 0; + + /** + * init the timer + * @ignore + */ + api.init = function () { + // reset variables to initial state + api.reset(); + now = last = 0; + }; + + /** + * reset time (e.g. usefull in case of pause) + * @name reset + * @memberOf me.timer + * @ignore + * @function + */ + api.reset = function () { + // set to "now" + last = now = window.performance.now(); + delta = 0; + // reset delta counting variables + framedelta = 0; + framecount = 0; + }; + + /** + * Calls a function once after a specified delay. + * @name setTimeout + * @memberOf me.timer + * @param {Function} func the function you want to execute after delay milliseconds. + * @param {Function} delay the number of milliseconds (thousandths of a second) that the function call should be delayed by. + * @param {Boolean} [pauseable = true] respects the pause state of the engine. + * @return {Number} timeoutID the numerical ID of the timeout, which can be used later with me.timer.clearTimeout(). + * @function + */ + api.setTimeout = function (func, delay, pauseable) { + timers.push({ + func: func, + delay : delay, + elapsed : 0, + repeat : false, + timerId : ++timerId, + pauseable : pauseable === true || true + }); + return timerId; + }; + + /** + * Calls a function at specified interval. + * @name setInterval + * @memberOf me.timer + * @param {Function} func the function to execute + * @param {Function} delay the number of milliseconds (thousandths of a second) on how often to execute the function + * @param {Boolean} [pauseable = true] respects the pause state of the engine. + * @return {Number} intervalID the numerical ID of the timeout, which can be used later with me.timer.clearInterval(). + * @function + */ + api.setInterval = function (func, delay, pauseable) { + timers.push({ + func: func, + delay : delay, + elapsed : 0, + repeat : true, + timerId : ++timerId, + pauseable : pauseable === true || true + }); + return timerId; + }; + + /** + * Clears the delay set by me.timer.setTimeout(). + * @name clearTimeout + * @memberOf me.timer + * @function + * @param {Number} timeoutID ID of the timeout to be cleared + */ + api.clearTimeout = function (timeoutID) { + clearTimer.defer(this, timeoutID); + }; + + /** + * Clears the Interval set by me.timer.setInterval(). + * @name clearInterval + * @memberOf me.timer + * @function + * @param {Number} intervalID ID of the interval to be cleared + */ + api.clearInterval = function (intervalID) { + clearTimer.defer(this, intervalID); + }; + + /** + * Return the current timestamp in milliseconds
+ * since the game has started or since linux epoch (based on browser support for High Resolution Timer) + * @name getTime + * @memberOf me.timer + * @return {Number} + * @function + */ + api.getTime = function () { + return now; + }; + + /** + * Return elapsed time in milliseconds since the last update
+ * @name getDelta + * @memberOf me.timer + * @return {Number} + * @function + */ + api.getDelta = function () { + + return delta; + }; + + /** + * compute the actual frame time and fps rate + * @name computeFPS + * @ignore + * @memberOf me.timer + * @function + */ + api.countFPS = function () { + framecount++; + framedelta += delta; + if (framecount % 10 === 0) { + this.fps = (~~((1000 * framecount) / framedelta)).clamp(0, me.sys.fps); + framedelta = 0; + framecount = 0; + } + }; + + /** + * update game tick + * should be called once a frame + * @param {Number} time current timestamp as provided by the RAF callback + * @return {Number} time elapsed since the last update + * @ignore + */ + api.update = function (time) { + + last = now; + + now = time; + + delta = (now - last); + + // get the game tick + api.tick = (delta > minstep && me.sys.interpolation) ? delta / step : 1; + + // update defined timers + updateTimers(delta); + + return delta; + }; + + // return our apiect + return api; + })(); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier Biot + * http://www.melonjs.org + * + */ +(function () { + /** + * A pool of Object entity
+ * This object is used for object pooling - a technique that might speed up your game + * if used properly.
+ * If some of your classes will be instantiated and removed a lot at a time, it is a + * good idea to add the class to this entity pool. A separate pool for that class + * will be created, which will reuse objects of the class. That way they won't be instantiated + * each time you need a new one (slowing your game), but stored into that pool and taking one + * already instantiated when you need it.

+ * This object is also used by the engine to instantiate objects defined in the map, + * which means, that on level loading the engine will try to instantiate every object + * found in the map, based on the user defined name in each Object Properties
+ *
+ * @namespace me.pool + * @memberOf me + */ + me.pool = (function () { + // hold public stuff in our singleton + var api = {}; + + var entityClass = {}; + + /* + * PUBLIC STUFF + */ + + /** + * Constructor + * @ignore + */ + api.init = function () { + // add default entity object + api.register("me.Entity", me.Entity); + api.register("me.CollectableEntity", me.CollectableEntity); + api.register("me.LevelEntity", me.LevelEntity); + api.register("TileObject", me.Sprite); + api.register("me.Tween", me.Tween, true); + api.register("me.Color", me.Color, true); + api.register("me.Particle", me.Particle, true); + }; + + /** + * register an object to the pool.
+ * Pooling must be set to true if more than one such objects will be created.
+ * (note) If pooling is enabled, you shouldn't instantiate objects with `new`. + * See examples in {@link me.pool#pull} + * @name register + * @memberOf me.pool + * @public + * @function + * @param {String} className as defined in the Name field of the Object Properties (in Tiled) + * @param {Object} class corresponding Class to be instantiated + * @param {Boolean} [objectPooling=false] enables object pooling for the specified class + * - speeds up the game by reusing existing objects + * @example + * // add our users defined entities in the entity pool + * me.pool.register("playerspawnpoint", PlayerEntity); + * me.pool.register("cherryentity", CherryEntity, true); + * me.pool.register("heartentity", HeartEntity, true); + * me.pool.register("starentity", StarEntity, true); + */ + api.register = function (className, entityObj, pooling) { + if (!pooling) { + entityClass[className.toLowerCase()] = { + "class" : entityObj, + "pool" : undefined + }; + return; + } + + entityClass[className.toLowerCase()] = { + "class" : entityObj, + "pool" : [] + }; + }; + + /** + * Pull a new instance of the requested object (if added into the object pool) + * @name pull + * @memberOf me.pool + * @public + * @function + * @param {String} className as used in {@link me.pool#register} + * @param {} [arguments...] arguments to be passed when instantiating/reinitializing the object + * @example + * me.pool.register("player", PlayerEntity); + * var player = me.pool.pull("player"); + * @example + * me.pool.register("bullet", BulletEntity, true); + * me.pool.register("enemy", EnemyEntity, true); + * // ... + * // when we need to manually create a new bullet: + * var bullet = me.pool.pull("bullet", x, y, direction); + * // ... + * // params aren't a fixed number + * // when we need new enemy we can add more params, that the object construct requires: + * var enemy = me.pool.pull("enemy", x, y, direction, speed, power, life); + * // ... + * // when we want to destroy existing object, the remove + * // function will ensure the object can then be reallocated later + * me.game.world.removeChild(enemy); + * me.game.world.removeChild(bullet); + */ + api.pull = function (data) { + var name = typeof data === "string" ? data.toLowerCase() : undefined; + var args = Array.prototype.slice.call(arguments); + if (name && entityClass[name]) { + var proto; + if (!entityClass[name].pool) { + proto = entityClass[name]["class"]; + args[0] = proto; + return new (proto.bind.apply(proto, args))(); + } + + var obj, entity = entityClass[name]; + proto = entity["class"]; + if (entity.pool.length > 0) { + obj = entity.pool.pop(); + // call the object init function if defined (JR's Inheritance) + if (typeof obj.init === "function") { + obj.init.apply(obj, args.slice(1)); + } + // call the object onResetEvent function if defined + if (typeof obj.onResetEvent === "function") { + obj.onResetEvent.apply(obj, args.slice(1)); + } + } + else { + args[0] = proto; + obj = new (proto.bind.apply(proto, args))(); + obj.className = name; + } + return obj; + } + + if (name) { + console.error("Cannot instantiate entity of type '" + data + "': Class not found!"); + } + return null; + }; + + /** + * purge the entity pool from any inactive object
+ * Object pooling must be enabled for this function to work
+ * note: this will trigger the garbage collector + * @name purge + * @memberOf me.pool + * @public + * @function + */ + api.purge = function () { + for (var className in entityClass) { + if (entityClass.hasOwnProperty(className)) { + entityClass[className].pool = []; + } + } + }; + + /** + * Push back an object instance into the entity pool
+ * Object pooling for the object class must be enabled, + * and object must have been instantiated using {@link me.pool#pull}, + * otherwise this function won't work + * @name push + * @memberOf me.pool + * @public + * @function + * @param {Object} instance to be recycled + */ + api.push = function (obj) { + var name = obj.className; + if (typeof(name) === "undefined" || !entityClass[name]) { + // object is not registered, don't do anything + return; + } + // store back the object instance for later recycling + entityClass[name].pool.push(obj); + }; + + // return our object + return api; + })(); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + * + */ +(function () { + /** + * a generic 2D Vector Object + * @class + * @extends Object + * @memberOf me + * @constructor + * @param {Number} [x=0] x value of the vector + * @param {Number} [y=0] y value of the vector + */ + me.Vector2d = Object.extend( + /** @scope me.Vector2d.prototype */ + { + /** @ignore */ + init : function (x, y) { + return this.set(x || 0, y || 0); + }, + + /** + * set the Vector x and y properties to the given values
+ * @name set + * @memberOf me.Vector2d + * @function + * @param {Number} x + * @param {Number} y + * @return {me.Vector2d} Reference to this object for method chaining + */ + set : function (x, y) { + if (x !== +x || y !== +y) { + throw new me.Vector2d.Error( + "invalid x,y parameters (not a number)" + ); + } + + /** + * x value of the vector + * @public + * @type Number + * @name x + * @memberOf me.Vector2d + */ + this.x = x; + + /** + * y value of the vector + * @public + * @type Number + * @name y + * @memberOf me.Vector2d + */ + this.y = y; + + return this; + }, + + /** + * set the Vector x and y properties to 0 + * @name setZero + * @memberOf me.Vector2d + * @function + * @return {me.Vector2d} Reference to this object for method chaining + */ + setZero : function () { + return this.set(0, 0); + }, + + /** + * set the Vector x and y properties using the passed vector + * @name setV + * @memberOf me.Vector2d + * @function + * @param {me.Vector2d} v + * @return {me.Vector2d} Reference to this object for method chaining + */ + setV : function (v) { + this.x = v.x; + this.y = v.y; + return this; + }, + + /** + * Add the passed vector to this vector + * @name add + * @memberOf me.Vector2d + * @function + * @param {me.Vector2d} v + * @return {me.Vector2d} Reference to this object for method chaining + */ + add : function (v) { + this.x += v.x; + this.y += v.y; + return this; + }, + + /** + * Substract the passed vector to this vector + * @name sub + * @memberOf me.Vector2d + * @function + * @param {me.Vector2d} v + * @return {me.Vector2d} Reference to this object for method chaining + */ + sub : function (v) { + this.x -= v.x; + this.y -= v.y; + return this; + }, + + /** + * Multiply this vector values by the given scalar + * @name scale + * @memberOf me.Vector2d + * @function + * @param {Number} x + * @param {Number} [y=x] + * @return {me.Vector2d} Reference to this object for method chaining + */ + scale : function (x, y) { + this.x *= x; + this.y *= typeof (y) !== "undefined" ? y : x; + return this; + }, + + /** + * Multiply this vector values by the passed vector + * @name scaleV + * @memberOf me.Vector2d + * @function + * @param {me.Vector2d} v + * @return {me.Vector2d} Reference to this object for method chaining + */ + scaleV : function (v) { + this.x *= v.x; + this.y *= v.y; + return this; + }, + + /** + * Divide this vector values by the passed value + * @name div + * @memberOf me.Vector2d + * @function + * @param {Number} value + * @return {me.Vector2d} Reference to this object for method chaining + */ + div : function (n) { + this.x /= n; + this.y /= n; + return this; + }, + + /** + * Update this vector values to absolute values + * @name abs + * @memberOf me.Vector2d + * @function + * @return {me.Vector2d} Reference to this object for method chaining + */ + abs : function () { + if (this.x < 0) { + this.x = -this.x; + } + if (this.y < 0) { + this.y = -this.y; + } + return this; + }, + + /** + * Clamp the vector value within the specified value range + * @name clamp + * @memberOf me.Vector2d + * @function + * @param {Number} low + * @param {Number} high + * @return {me.Vector2d} new me.Vector2d + */ + clamp : function (low, high) { + return new me.Vector2d(this.x.clamp(low, high), this.y.clamp(low, high)); + }, + + /** + * Clamp this vector value within the specified value range + * @name clampSelf + * @memberOf me.Vector2d + * @function + * @param {Number} low + * @param {Number} high + * @return {me.Vector2d} Reference to this object for method chaining + */ + clampSelf : function (low, high) { + this.x = this.x.clamp(low, high); + this.y = this.y.clamp(low, high); + return this; + }, + + /** + * Update this vector with the minimum value between this and the passed vector + * @name minV + * @memberOf me.Vector2d + * @function + * @param {me.Vector2d} v + * @return {me.Vector2d} Reference to this object for method chaining + */ + minV : function (v) { + this.x = this.x < v.x ? this.x : v.x; + this.y = this.y < v.y ? this.y : v.y; + return this; + }, + + /** + * Update this vector with the maximum value between this and the passed vector + * @name maxV + * @memberOf me.Vector2d + * @function + * @param {me.Vector2d} v + * @return {me.Vector2d} Reference to this object for method chaining + */ + maxV : function (v) { + this.x = this.x > v.x ? this.x : v.x; + this.y = this.y > v.y ? this.y : v.y; + return this; + }, + + /** + * Floor the vector values + * @name floor + * @memberOf me.Vector2d + * @function + * @return {me.Vector2d} new me.Vector2d + */ + floor : function () { + return new me.Vector2d(~~this.x, ~~this.y); + }, + + /** + * Floor this vector values + * @name floorSelf + * @memberOf me.Vector2d + * @function + * @return {me.Vector2d} Reference to this object for method chaining + */ + floorSelf : function () { + this.x = ~~this.x; + this.y = ~~this.y; + return this; + }, + + /** + * Ceil the vector values + * @name ceil + * @memberOf me.Vector2d + * @function + * @return {me.Vector2d} new me.Vector2d + */ + ceil : function () { + return new me.Vector2d(Math.ceil(this.x), Math.ceil(this.y)); + }, + + /** + * Ceil this vector values + * @name ceilSelf + * @memberOf me.Vector2d + * @function + * @return {me.Vector2d} Reference to this object for method chaining + */ + ceilSelf : function () { + this.x = Math.ceil(this.x); + this.y = Math.ceil(this.y); + return this; + }, + + /** + * Negate the vector values + * @name negate + * @memberOf me.Vector2d + * @function + * @return {me.Vector2d} new me.Vector2d + */ + negate : function () { + return new me.Vector2d(-this.x, -this.y); + }, + + /** + * Negate this vector values + * @name negateSelf + * @memberOf me.Vector2d + * @function + * @return {me.Vector2d} Reference to this object for method chaining + */ + negateSelf : function () { + this.x = -this.x; + this.y = -this.y; + return this; + }, + + /** + * Copy the x,y values of the passed vector to this one + * @name copy + * @memberOf me.Vector2d + * @function + * @param {me.Vector2d} v + * @return {me.Vector2d} Reference to this object for method chaining + */ + copy : function (v) { + this.x = v.x; + this.y = v.y; + return this; + }, + + /** + * return true if the two vectors are the same + * @name equals + * @memberOf me.Vector2d + * @function + * @param {me.Vector2d} v + * @return {Boolean} + */ + equals : function (v) { + return ((this.x === v.x) && (this.y === v.y)); + }, + + /** + * normalize this vector (scale the vector so that its magnitude is 1) + * @name normalize + * @memberOf me.Vector2d + * @function + * @return {me.Vector2d} Reference to this object for method chaining + */ + normalize : function () { + var d = this.length(); + if (d > 0) { + this.x = this.x / d; + this.y = this.y / d; + } + return this; + }, + + /** + * change this vector to be perpendicular to what it was before.
+ * (Effectively rotates it 90 degrees in a clockwise direction) + * @name perp + * @memberOf me.Vector2d + * @function + * @return {me.Vector2d} Reference to this object for method chaining + */ + perp : function () { + var x = this.x; + this.x = this.y; + this.y = -x; + return this; + }, + + /** + * Rotate this vector (counter-clockwise) by the specified angle (in radians). + * @name rotate + * @memberOf me.Vector2d + * @function + * @param {number} angle The angle to rotate (in radians) + * @return {me.Vector2d} Reference to this object for method chaining + */ + rotate : function (angle) { + var x = this.x; + var y = this.y; + this.x = x * Math.cos(angle) - y * Math.sin(angle); + this.y = x * Math.sin(angle) + y * Math.cos(angle); + return this; + }, + + /** + * Reverse this vector. + * @name reverse + * @memberOf me.Vector2d + * @function + * @return {me.Vector2d} Reference to this object for method chaining + */ + reverse : function () { + this.x = -this.x; + this.y = -this.y; + return this; + }, + + /** + * return the dot product of this vector and the passed one + * @name dotProduct + * @memberOf me.Vector2d + * @function + * @param {me.Vector2d} v + * @return {Number} The dot product. + */ + dotProduct : function (v) { + return this.x * v.x + this.y * v.y; + }, + + /** + * return the square length of this vector + * @name length2 + * @memberOf me.Vector2d + * @function + * @return {Number} The length^2 of this vector. + */ + length2 : function () { + return this.dotProduct(this); + }, + + /** + * return the length (magnitude) of this vector + * @name length + * @memberOf me.Vector2d + * @function + * @return {Number} the length of this vector + */ + length : function () { + return Math.sqrt(this.length2()); + }, + + /** + * return the distance between this vector and the passed one + * @name distance + * @memberOf me.Vector2d + * @function + * @param {me.Vector2d} v + * @return {Number} + */ + distance : function (v) { + return Math.sqrt((this.x - v.x) * (this.x - v.x) + (this.y - v.y) * (this.y - v.y)); + }, + + /** + * return the angle between this vector and the passed one + * @name angle + * @memberOf me.Vector2d + * @function + * @param {me.Vector2d} v + * @return {Number} angle in radians + */ + angle : function (v) { + return Math.atan2((v.y - this.y), (v.x - this.x)); + }, + + /** + * project this vector on to another vector. + * @name project + * @memberOf me.Vector2d + * @function + * @param {me.Vector2d} v The vector to project onto. + * @return {me.Vector2d} Reference to this object for method chaining + */ + project : function (v) { + var amt = this.dotProduct(v) / v.length2(); + this.x = amt * v.x; + this.y = amt * v.y; + return this; + }, + + /** + * Project this vector onto a vector of unit length.
+ * This is slightly more efficient than `project` when dealing with unit vectors. + * @name projectN + * @memberOf me.Vector2d + * @function + * @param {me.Vector2d} v The unit vector to project onto. + * @return {me.Vector2d} Reference to this object for method chaining + */ + projectN : function (v) { + var amt = this.dotProduct(v); + this.x = amt * v.x; + this.y = amt * v.y; + return this; + }, + + /** + * Reflect this vector on an arbitrary axis. + * @name reflect + * @memberOf me.Vector2d + * @function + * @param {me.Vector2d} axis The vector representing the axis. + * @return {me.Vector2d} Reference to this object for method chaining. + */ + reflect : function (axis) { + var x = this.x; + var y = this.y; + this.project(axis).scale(2); + this.x -= x; + this.y -= y; + return this; + }, + + /** + * Reflect this vector on an arbitrary axis (represented by a unit vector)
+ * This is slightly more efficient than `reflect` when dealing with unit vectors. + * @name reflectN + * @memberOf me.Vector2d + * @function + * @param {me.Vector2d} axis The vector representing the axis. + * @return {me.Vector2d} Reference to this object for method chaining. + */ + reflectN : function (axis) { + var x = this.x; + var y = this.y; + this.projectN(axis).scale(2); + this.x -= x; + this.y -= y; + return this; + }, + + /** + * return a clone copy of this vector + * @name clone + * @memberOf me.Vector2d + * @function + * @return {me.Vector2d} new me.Vector2d + */ + clone : function () { + return new me.Vector2d(this.x, this.y); + }, + + /** + * convert the object to a string representation + * @name toString + * @memberOf me.Vector2d + * @function + * @return {String} + */ + toString : function () { + return "x:" + this.x + ",y:" + this.y; + } + }); + + /** + * Base class for Vector2d exception handling. + * @name Error + * @class + * @memberOf me.Vector2d + * @constructor + * @param {String} msg Error message. + */ + me.Vector2d.Error = me.Error.extend({ + init : function (msg) { + me.Error.prototype.init.apply(this, [ msg ]); + this.name = "me.Vector2d.Error"; + } + }); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + * + */ +(function () { + /** + * a rectangle Object + * @class + * @extends Object + * @memberOf me + * @constructor + * @param {Number} x position of the Rectangle + * @param {Number} y position of the Rectangle + * @param {Number} w width of the rectangle + * @param {Number} h height of the rectangle + */ + me.Rect = Object.extend( + /** @scope me.Rect.prototype */ { + + /** @ignore */ + init : function (x, y, w, h) { + /** + * position of the Rectangle + * @public + * @type {me.Vector2d} + * @name pos + * @memberOf me.Rect + */ + this.pos = new me.Vector2d(x, y); + + /** + * width of the Rectangle + * @public + * @type {Number} + * @name width + * @memberOf me.Rect + */ + this.width = w; + /** + * height of the Rectangle + * @public + * @type {Number} + * @name height + * @memberOf me.Rect + */ + this.height = h; + + // the shape type + this.shapeType = "Rectangle"; + + // half width/height + this.hWidth = ~~(w / 2); + this.hHeight = ~~(h / 2); + }, + + /** + * set new value to the rectangle shape + * @name setShape + * @memberOf me.Rect + * @function + * @param {Number} x position of the Rectangle + * @param {Number} y position of the Rectangle + * @param {Number} w width of the rectangle + * @param {Number} h height of the rectangle + * @return {me.Rect} this rectangle + */ + setShape : function (x, y, w, h) { + // set the new position vector + this.pos.set(x, y); + + // resize + this.resize(w, h); + + return this; + }, + + /** + * resize the rectangle + * @name resize + * @memberOf me.Rect + * @function + * @param {Number} w new width of the rectangle + * @param {Number} h new height of the rectangle + * @return {me.Rect} this rectangle + */ + resize : function (w, h) { + this.width = w; + this.height = h; + + this.hWidth = ~~(w / 2); + this.hHeight = ~~(h / 2); + + return this; + }, + + /** + * returns the bounding box for this shape, the smallest rectangle object completely containing this shape. + * @name getBounds + * @memberOf me.Rect + * @function + * @return {me.Rect} this shape bounding box Rectangle object + */ + getBounds : function () { + return this; + }, + + /** + * update the bounding box for this shape. + * @name updateBounds + * @memberOf me.Rect + * @function + * @return {me.Rect} this shape bounding box Rectangle object + */ + updateBounds : function () { + return this; + }, + + /** + * clone this rectangle + * @name clone + * @memberOf me.Rect + * @function + * @return {me.Rect} new rectangle + */ + clone : function () { + return new me.Rect(this.pos.x, this.pos.y, this.width, this.height); + }, + + /** + * translate the rect by the specified offset + * @name translate + * @memberOf me.Rect + * @function + * @param {Number} x x offset + * @param {Number} y y offset + * @return {me.Rect} this rectangle + */ + translate : function (x, y) { + this.pos.x += x; + this.pos.y += y; + return this; + }, + + /** + * translate the rect by the specified vector + * @name translateV + * @memberOf me.Rect + * @function + * @param {me.Vector2d} v vector offset + * @return {me.Rect} this rectangle + */ + translateV : function (v) { + return this.translate(v.x, v.y); + }, + + /** + * merge this rectangle with another one + * @name union + * @memberOf me.Rect + * @function + * @param {me.Rect} rect other rectangle to union with + * @return {me.Rect} the union(ed) rectangle + */ + union : function (/** {me.Rect} */ r) { + var x1 = Math.min(this.left, r.left); + var y1 = Math.min(this.top, r.top); + + this.resize( + Math.max(this.right, r.right) - x1, + Math.max(this.bottom, r.bottom) - y1 + ); + + this.pos.set(x1, y1); + + return this; + }, + + /** + * + * flip on X axis + * usefull when used as collision box, in a non symetric way + * @ignore + * @param sw the sprite width + */ + flipX : function (sw) { + this.pos.x = sw - this.width - this.pos.x; + return this; + }, + + /** + * + * flip on Y axis + * usefull when used as collision box, in a non symetric way + * @ignore + * @param sh the height width + */ + flipY : function (sh) { + this.pos.y = sh - this.height - this.pos.y; + return this; + }, + + /** + * return true if this rectangle is equal to the specified one + * @name equals + * @memberOf me.Rect + * @function + * @param {me.Rect} rect + * @return {Boolean} + */ + equals : function (r) { + return ( + this.left === r.left && + this.right === r.right && + this.top === r.top && + this.bottom === r.bottom + ); + }, + + /** + * check if this rectangle is intersecting with the specified one + * @name overlaps + * @memberOf me.Rect + * @function + * @param {me.Rect} rect + * @return {boolean} true if overlaps + */ + overlaps : function (r) { + return ( + this.left < r.right && + r.left < this.right && + this.top < r.bottom && + r.top < this.bottom + ); + }, + + /** + * check if this rectangle is within the specified one + * @name within + * @memberOf me.Rect + * @function + * @param {me.Rect} rect + * @return {boolean} true if within + */ + within: function (r) { + return r.contains(this); + }, + + /** + * check if this rectangle contains the specified one + * @name contains + * @memberOf me.Rect + * @function + * @param {me.Rect} rect + * @return {boolean} true if contains + */ + contains: function (r) { + return ( + r.left >= this.left && + r.right <= this.right && + r.top >= this.top && + r.bottom <= this.bottom + ); + }, + + /** + * check if this rectangle contains the specified point + * @name containsPointV + * @memberOf me.Rect + * @function + * @param {me.Vector2d} point + * @return {boolean} true if contains + */ + containsPointV: function (v) { + return this.containsPoint(v.x, v.y); + }, + + /** + * check if this rectangle contains the specified point + * @name containsPoint + * @memberOf me.Rect + * @function + * @param {Number} x x coordinate + * @param {Number} y y coordinate + * @return {boolean} true if contains + */ + containsPoint: function (x, y) { + return ( + x >= this.left && + x <= this.right && + y >= this.top && + y <= this.bottom + ); + }, + + /** + * Returns a polygon whose edges are the same as this box. + * @name toPolygon + * @memberOf me.Rect + * @function + * @return {me.PolyShape} a new Polygon that represents this rectangle. + */ + toPolygon: function () { + var pos = this.pos; + var w = this.width; + var h = this.height; + return new me.PolyShape( + pos.x, pos.y, [ + new me.Vector2d(), new me.Vector2d(w, 0), + new me.Vector2d(w, h), new me.Vector2d(0, h) + ], + true + ); + }, + + /** + * debug purpose + * @ignore + */ + draw : function (renderer, color) { + // draw the rectangle + renderer.strokeRect(this.left, this.top, this.width, this.height, color || "red", 1); + } + }); + + // redefine some properties to ease our life when getting the rectangle coordinates + /** + * left coordinate of the Rectangle
+ * takes in account the adjusted size of the rectangle (if set) + * @public + * @type {Number} + * @name left + * @memberOf me.Rect + */ + Object.defineProperty(me.Rect.prototype, "left", { + get : function () { + return this.pos.x; + }, + configurable : true + }); + + /** + * right coordinate of the Rectangle
+ * takes in account the adjusted size of the rectangle (if set) + * @public + * @type {Number} + * @name right + * @memberOf me.Rect + */ + Object.defineProperty(me.Rect.prototype, "right", { + get : function () { + return this.pos.x + this.width; + }, + configurable : true + }); + + /** + * top coordinate of the Rectangle
+ * takes in account the adjusted size of the rectangle (if set) + * @public + * @type {Number} + * @name top + * @memberOf me.Rect + */ + Object.defineProperty(me.Rect.prototype, "top", { + get : function () { + return this.pos.y; + }, + configurable : true + }); + + /** + * bottom coordinate of the Rectangle
+ * takes in account the adjusted size of the rectangle (if set) + * @public + * @type {Number} + * @name bottom + * @memberOf me.Rect + */ + Object.defineProperty(me.Rect.prototype, "bottom", { + get : function () { + return this.pos.y + this.height; + }, + configurable : true + }); + +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + * + */ +(function () { + /** + * an ellipse Object + * @class + * @extends Object + * @memberOf me + * @constructor + * @param {Number} x the center x coordinate of the ellipse + * @param {Number} y the center y coordinate of the ellipse + * @param {Number} w width (diameter) of the ellipse + * @param {Number} h height (diameter) of the ellipse + */ + me.Ellipse = Object.extend( + { + /** @scope me.Ellipse.prototype */ + /** @ignore */ + init : function (x, y, w, h) { + /** + * the center coordinates of the ellipse + * @public + * @type {me.Vector2d} + * @name pos + * @memberOf me.Ellipse + */ + this.pos = new me.Vector2d(); + + /** + * The bounding rectangle for this shape + * @protected + * @type {me.Rect} + * @name bounds + * @memberOf me.Ellipse + */ + this.bounds = undefined; + + /** + * radius (x/y) of the ellipse + * @public + * @type {me.Vector2d} + * @name radius + * @memberOf me.Ellipse + */ + this.radius = new me.Vector2d(); + + // the shape type + this.shapeType = "Ellipse"; + this.setShape(x, y, w, h); + }, + + /** + * set new value to the Ellipse shape + * @name setShape + * @memberOf me.Ellipse + * @function + * @param {Number} x position of the ellipse + * @param {Number} y position of the ellipse + * @param {Number} w width (diameter) of the ellipse + * @param {Number} h height (diameter) of the ellipse + */ + setShape : function (x, y, w, h) { + this.pos.set(x, y); + this.radius.set(w / 2, h / 2); + this.updateBounds(); + return this; + }, + + /** + * translate the circle/ellipse by the specified offset + * @name translate + * @memberOf me.Ellipse + * @function + * @param {Number} x x offset + * @param {Number} y y offset + * @return {me.Ellipse} this ellipse + */ + translate : function (x, y) { + this.pos.x += x; + this.pos.y += y; + this.bounds.translate(x, y); + return this; + }, + + /** + * translate the circle/ellipse by the specified vector + * @name translateV + * @memberOf me.Ellipse + * @function + * @param {me.Vector2d} v vector offset + * @return {me.Rect} this ellipse + */ + translateV : function (v) { + this.pos.add(v); + this.bounds.translateV(v); + return this; + }, + + /** + * check if this circle/ellipse contains the specified point + * @name containsPointV + * @memberOf me.Ellipse + * @function + * @param {me.Vector2d} point + * @return {boolean} true if contains + */ + containsPointV: function (v) { + return this.containsPoint(v.x, v.y); + }, + + /** + * check if this circle/ellipse contains the specified point + * @name containsPoint + * @memberOf me.Ellipse + * @function + * @param {Number} x x coordinate + * @param {Number} y y coordinate + * @return {boolean} true if contains + */ + containsPoint: function (x, y) { + // Make position relative to object center point. + x -= this.pos.x; + y -= this.pos.y; + // Pythagorean theorem. + return ( + ((x * x) / (this.radius.x * this.radius.x)) + + ((y * y) / (this.radius.y * this.radius.y)) + ) <= 1.0; + }, + + /** + * returns the bounding box for this shape, the smallest Rectangle object completely containing this shape. + * @name getBounds + * @memberOf me.Ellipse + * @function + * @return {me.Rect} this shape bounding box Rectangle object + */ + getBounds : function () { + return this.bounds; + }, + + /** + * update the bounding box for this shape. + * @name updateBounds + * @memberOf me.Ellipse + * @function + * @return {me.Rect} this shape bounding box Rectangle object + */ + updateBounds : function () { + var x = this.pos.x - this.radius.x, + y = this.pos.y - this.radius.y, + w = this.radius.x * 2, + h = this.radius.y * 2; + + if (!this.bounds) { + this.bounds = new me.Rect(x, y, w, h); + } else { + this.bounds.setShape(x, y, w, h); + } + return this.bounds; + }, + + /** + * clone this Ellipse + * @name clone + * @memberOf me.Ellipse + * @function + * @return {me.Ellipse} new Ellipse + */ + clone : function () { + return new me.Ellipse(this.pos.x, this.pos.y, this.radius.x * 2, this.radius.y * 2); + }, + + /** + * debug purpose + * @ignore + */ + draw : function (renderer, color) { + renderer.strokeArc(this.pos.x, this.pos.y, this.radius.x, this.radius.y, 0, 2 * Math.PI, color || "red", false, 1); + } + }); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + * + */ +(function () { + /** + * a polyshape (polygone/polyline) Object + * @class + * @extends Object + * @memberOf me + * @constructor + * @param {Number} x origin point of the PolyShape + * @param {Number} y origin point of the PolyShape + * @param {me.Vector2d[]} points array of vector defining the polyshape + * @param {boolean} closed true if a polygone, false if a polyline + */ + me.PolyShape = Object.extend( + /** @scope me.PolyShape.prototype */ { + + /** @ignore */ + init : function (x, y, points, closed) { + /** + * origin point of the PolyShape + * @public + * @type {me.Vector2d} + * @name pos + * @memberOf me.PolyShape + */ + this.pos = new me.Vector2d(); + + /** + * The bounding rectangle for this shape + * @protected + * @type {me.Rect} + * @name bounds + * @memberOf me.PolyShape + */ + this.bounds = undefined; + + /** + * Array of points defining the polyshape + * @public + * @type {me.Vector2d[]} + * @name points + * @memberOf me.PolyShape + */ + this.points = null; + + /** + * Specified if the shape is closed (i.e. polygon) + * @public + * @type {boolean} + * @name closed + * @memberOf me.PolyShape + */ + this.closed = false; + + + // the shape type + this.shapeType = "PolyShape"; + this.setShape(x, y, points, closed); + }, + + /** + * set new value to the PolyShape + * @name setShape + * @memberOf me.PolyShape + * @function + * @param {Number} x position of the polyshape + * @param {Number} y position of the polyshape + * @param {me.Vector2d[]} points array of vector defining the polyshape + * @param {boolean} closed true if a polygone, false if a polyline + */ + setShape : function (x, y, points, closed) { + this.pos.set(x, y); + this.points = points; + this.closed = (closed === true); + this.recalc(); + this.updateBounds(); + return this; + }, + + + /** + * Computes the calculated collision polygon. + * This **must** be called if the `points` array, `angle`, or `offset` is modified manualy. + * @name recalc + * @memberOf me.PolyShape + * @function + */ + recalc : function () { + var i; + // The edges here are the direction of the `n`th edge of the polygon, relative to + // the `n`th point. If you want to draw a given edge from the edge value, you must + // first translate to the position of the starting point. + var edges = this.edges = []; + // The normals here are the direction of the normal for the `n`th edge of the polygon, relative + // to the position of the `n`th point. If you want to draw an edge normal, you must first + // translate to the position of the starting point. + var normals = this.normals = []; + // Copy the original points array and apply the offset/angle + var points = this.points; + var len = points.length; + + // Calculate the edges/normals + for (i = 0; i < len; i++) { + var p1 = points[i]; + var p2 = i < len - 1 ? points[i + 1] : points[0]; + var e = new me.Vector2d().copy(p2).sub(p1); + var n = new me.Vector2d().copy(e).perp().normalize(); + edges.push(e); + normals.push(n); + } + return this; + }, + + /** + * translate the polyShape by the specified offset + * @name translate + * @memberOf me.PolyShape + * @function + * @param {Number} x x offset + * @param {Number} y y offset + * @return {me.PolyShape} this polyShape + */ + translate : function (x, y) { + this.pos.x += x; + this.pos.y += y; + this.bounds.translate(x, y); + return this; + }, + + /** + * translate the polyShape by the specified vector + * @name translateV + * @memberOf me.PolyShape + * @function + * @param {me.Vector2d} v vector offset + * @return {me.PolyShape} this polyShape + */ + translateV : function (v) { + this.pos.add(v); + this.bounds.translateV(v); + return this; + }, + + /** + * check if this polyShape contains the specified point + * @name containsPointV + * @memberOf me.polyShape + * @function + * @param {me.Vector2d} point + * @return {boolean} true if contains + */ + containsPointV: function (v) { + return this.containsPoint(v.x, v.y); + }, + + /** + * check if this polyShape contains the specified point
+ * (Note: it is highly recommended to first do a hit test on the corresponding
+ * bounding rect, as the function can be highly consuming with complex shapes) + * @name containsPoint + * @memberOf me.polyShape + * @function + * @param {Number} x x coordinate + * @param {Number} y y coordinate + * @return {boolean} true if contains + */ + containsPoint: function (x, y) { + var intersects = false; + var posx = this.pos.x, posy = this.pos.y; + var points = this.points; + var len = points.length; + + //http://www.ecse.rpi.edu/Homepages/wrf/Research/Short_Notes/pnpoly.html + for (var i = 0, j = len - 1; i < len; j = i++) { + var iy = points[i].y + posy, ix = points[i].x + posx, + jy = points[j].y + posy, jx = points[j].x + posx; + if (((iy > y) !== (jy > y)) && (x < (jx - ix) * (y - iy) / (jy - iy) + ix)) { + intersects = !intersects; + } + } + return intersects; + }, + + /** + * returns the bounding box for this shape, the smallest Rectangle object completely containing this shape. + * @name getBounds + * @memberOf me.PolyShape + * @function + * @return {me.Rect} this shape bounding box Rectangle object + */ + getBounds : function () { + return this.bounds; + }, + + /** + * update the bounding box for this shape. + * @name updateBounds + * @memberOf me.PolyShape + * @function + * @return {me.Rect} this shape bounding box Rectangle object + */ + updateBounds : function () { + var x = Infinity, y = Infinity, right = -Infinity, bottom = -Infinity; + this.points.forEach(function (point) { + x = Math.min(x, point.x); + y = Math.min(y, point.y); + right = Math.max(right, point.x); + bottom = Math.max(bottom, point.y); + }); + + if (!this.bounds) { + this.bounds = new me.Rect(x, y, right - x, bottom - y); + } else { + this.bounds.setShape(x, y, right - x, bottom - y); + } + + return this.bounds.translateV(this.pos); + }, + + /** + * clone this PolyShape + * @name clone + * @memberOf me.PolyShape + * @function + * @return {me.PolyShape} new PolyShape + */ + clone : function () { + var copy = []; + this.points.forEach(function (point) { + copy.push(new me.Vector2d(point.x, point.y)); + }); + return new me.PolyShape(this.pos.x, this.pos.y, copy, this.closed); + }, + + /** + * debug purpose + * @ignore + */ + draw : function (renderer, color) { + renderer.save(); + renderer.strokePolyShape(this, color, 1); + renderer.restore(); + } + }); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2014, melonJS Team + * http://www.melonjs.org + * + */ +(function () { + /** + * a Matrix2d Object.
+ * the identity matrix and parameters position :
+ * + * @class + * @extends Object + * @memberOf me + * @constructor + * @param {Number} a the m1,1 (m11) value in the matrix + * @param {Number} b the m1,2 (m12) value in the matrix + * @param {Number} c the m2,1 (m21) value in the matrix + * @param {Number} d the m2,2 (m12) value in the matrix + * @param {Number} e The delta x (dx) value in the matrix + * @param {Number} f The delta x (dy) value in the matrix + */ + me.Matrix2d = Object.extend( + /** @scope me.Matrix2d.prototype */ { + + /** @ignore */ + init : function (a, b, c, d, e, f) { + /** + * the m1,1 value in the matrix (a) + * @public + * @type Number + * @name a + * @memberOf me.Matrix2d + */ + this.a = a || 1; + + /** + * the m1,2 value in the matrix (b) + * @public + * @type Number + * @name b + * @memberOf me.Matrix2d + */ + this.b = b || 0; + + /** + * the m2,1 value in the matrix (c) + * @public + * @type Number + * @name c + * @memberOf me.Matrix2d + */ + this.c = c || 0; + + /** + * the m2,2 value in the matrix (d) + * @public + * @type Number + * @name d + * @memberOf me.Matrix2d + */ + this.d = d || 1; + + /** + * The delta x value in the matrix (e) + * @public + * @type Number + * @name e + * @memberOf me.Matrix2d + */ + this.e = e || 0; + + /** + * The delta y value in the matrix (f) + * @public + * @type Number + * @name f + * @memberOf me.Matrix2d + */ + this.f = f || 0; + }, + + /** + * reset the transformation matrix to the identity matrix (no transformation).
+ * the identity matrix and parameters position :
+ * + * @name identity + * @memberOf me.Matrix2d + * @function + * @return {me.Matrix2d} this matrix + */ + identity : function () { + this.set(1, 0, 0, 1, 0, 0); + return this; + }, + + /** + * set the matrix to the specified value + * @name set + * @memberOf me.Matrix2d + * @function + * @param {Number} a the m1,1 (m11) value in the matrix + * @param {Number} b the m1,2 (m12) value in the matrix + * @param {Number} c the m2,1 (m21) value in the matrix + * @param {Number} d the m2,2 (m22) value in the matrix + * @param {Number} [e] The delta x (dx) value in the matrix + * @param {Number} [f] The delta y (dy) value in the matrix + * @return {me.Matrix2d} this matrix + */ + set : function (a, b, c, d, e, f) { + this.a = a; + this.b = b; + this.c = c; + this.d = d; + this.e = typeof(e) !== "undefined" ? e : this.e; + this.f = typeof(f) !== "undefined" ? f : this.f; + return this; + }, + + /** + * multiply both matrix + * @name multiply + * @memberOf me.Matrix2d + * @function + * @param {Number} a the m1,1 (m11) value in the matrix + * @param {Number} b the m1,2 (m12) value in the matrix + * @param {Number} c the m2,1 (m21) value in the matrix + * @param {Number} d the m2,2 (m22) value in the matrix + * @param {Number} [e] The delta x (dx) value in the matrix + * @param {Number} [f] The delta y (dy) value in the matrix + * @return {me.Matrix2d} this matrix + */ + multiply : function (a, b, c, d, e, f) { + var a1 = this.a; + var b1 = this.b; + var c1 = this.c; + var d1 = this.d; + + this.a = a * a1 + b * c1; + this.b = a * b1 + b * d1; + this.c = c * a1 + d * c1; + this.d = c * b1 + d * d1; + this.e = e * a1 + f * c1 + this.e; + this.f = e * b1 + f * d1 + this.f; + return this; + }, + + /** + * scale the matrix + * @name scale + * @memberOf me.Matrix2d + * @function + * @param {Number} sx a number representing the abscissa of the scaling vector. + * @param {Number} sy a number representing the abscissa of the scaling vector. + * @return {me.Matrix2d} this matrix + */ + scale : function (sx, sy) { + this.a *= sx; + this.d *= sy; + + this.e *= sx; + this.f *= sy; + + return this; + }, + + /** + * rotate the matrix + * @name rotate + * @memberOf me.Matrix2d + * @function + * @param {Number} angle an angle in radians representing the angle of the rotation. A positive angle denotes a clockwise rotation, a negative angle a counter-clockwise one. + * @return {me.Matrix2d} this matrix + */ + rotate : function (angle) { + if (angle !== 0) { + var cos = Math.cos(angle); + var sin = Math.sin(angle); + var a = this.a; + var b = this.b; + var c = this.c; + var d = this.d; + var e = this.e; + var f = this.f; + this.a = a * cos - b * sin; + this.b = a * sin + b * cos; + this.c = c * cos - d * sin; + this.d = c * sin + d * cos; + this.e = e * cos - f * sin; + this.f = e * sin + f * cos; + } + return this; + }, + + /** + * translate the matrix + * @name translate + * @memberOf me.Matrix2d + * @function + * @param {me.Vector2d} x the x coordindates to translate the matrix by + * @param {me.Vector2d} y the y coordindates to translate the matrix by + * @return {me.Matrix2d} this matrix + */ + translate : function (x, y) { + this.e += x; + this.f += y; + + return this; + }, + + /** + * translate the matrix the matrix + * @name translateV + * @memberOf me.Matrix2d + * @function + * @param {me.Vector2d} v the vector to translate the matrix by + * @return {me.Matrix2d} this matrix + */ + translateV : function (v) { + return this.translate(v.x, v.y); + }, + + /** + * returns true if the matrix is an identity matrix. + * @name isIdentity + * @memberOf me.Matrix2d + * @function + * @return {Boolean} + **/ + isIdentity : function () { + return (this.a === 1 && this.b === 0 && this.c === 0 && this.d === 1 && this.e === 0 && this.f === 0); + }, + + /** + * Clone the Matrix + * @name clone + * @memberOf me.Matrix2d + * @function + * @return {me.Matrix2d} + */ + clone : function () { + return new me.Matrix2d(this.a, this.b, this.c, this.d, this.e, this.f); + } + }); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2014 Olivier Biot, Jason Oster, Aaron McLeod + * http://www.melonjs.org + * + */ + +(function () { + + /** + * a Generic Body Object
+ * @class + * @extends me.Rect + * @memberOf me + * @constructor + * @param {me.Entity} entity the parent entity + */ + me.Body = me.Rect.extend( + /** @scope me.Body.prototype */ + { + /** @ignore */ + init : function (entity) { + + // reference to the parent entity + this.entity = entity; + + /** + * The collision shapes of the entity
+ * (note: only shape at index 0 is used in melonJS 1.0.x) + * @type {me.Rect[]|me.PolyShape[]|me.Ellipse[]} + * @name shapes + * @memberOf me.Body + */ + this.shapes = []; + + /** + * The current shape index + * @ignore + * @type Number + * @name shapeIndex + * @memberOf me.Body + */ + this.shapeIndex = 0; + + /** + * onCollision callback
+ * triggered in case of collision, when this entity body is being "touched" by another one
+ * @name onCollision + * @memberOf me.Body + * @function + * @param {me.collision.ResponseObject} response the collision response object + * @protected + */ + this.onCollision = undefined; + + + /** + * The body collision mask, that defines what should collide with what.
+ * (by default will collide with all entities) + * @ignore + * @type Number + * @name collisionMask + * @see me.collision.types + * @memberOf me.Body + */ + this.collisionMask = me.collision.types.ALL_OBJECT; + + /** + * define the collision type of the body for collision filtering + * @public + * @type Number + * @name collisionType + * @see me.collision.types + * @memberOf me.Body + * @example + * // set the entity body collision type + * myEntity.body.setCollisionType = me.collision.types.PLAYER_OBJECT; + */ + this.collisionType = me.collision.types.ENEMY_OBJECT; + + /** + * entity current velocity
+ * @public + * @type me.Vector2d + * @name vel + * @memberOf me.Body + */ + if (typeof(this.vel) === "undefined") { + this.vel = new me.Vector2d(); + } + this.vel.set(0, 0); + + /** + * entity current acceleration
+ * @public + * @type me.Vector2d + * @name accel + * @memberOf me.Body + */ + if (typeof(this.accel) === "undefined") { + this.accel = new me.Vector2d(); + } + this.accel.set(0, 0); + + /** + * entity current friction
+ * @public + * @name friction + * @memberOf me.Body + */ + if (typeof(this.friction) === "undefined") { + this.friction = new me.Vector2d(); + } + this.friction.set(0, 0); + + /** + * max velocity (to limit entity velocity)
+ * @public + * @type me.Vector2d + * @name maxVel + * @memberOf me.Body + */ + if (typeof(this.maxVel) === "undefined") { + this.maxVel = new me.Vector2d(); + } + this.maxVel.set(1000, 1000); + + // some default contants + /** + * Default gravity value of the entity
+ * default value : 0.98 (earth gravity)
+ * to be set to 0 for RPG, shooter, etc...
+ * Note: Gravity can also globally be defined through me.sys.gravity + * @public + * @see me.sys.gravity + * @type Number + * @name gravity + * @memberOf me.Body + */ + this.gravity = typeof(me.sys.gravity) !== "undefined" ? me.sys.gravity : 0.98; + + + /** + * falling state of the object
+ * true if the object is falling
+ * false if the object is standing on something
+ * @readonly + * @public + * @type Boolean + * @name falling + * @memberOf me.Body + */ + this.falling = false; + + /** + * jumping state of the object
+ * equal true if the entity is jumping
+ * @readonly + * @public + * @type Boolean + * @name jumping + * @memberOf me.Body + */ + this.jumping = true; + + // some usefull slope variable + this.slopeY = 0; + + /** + * equal true if the entity is standing on a slope
+ * @readonly + * @public + * @type Boolean + * @name onslope + * @memberOf me.Body + */ + this.onslope = false; + + /** + * equal true if the entity is on a ladder
+ * @readonly + * @public + * @type Boolean + * @name onladder + * @memberOf me.Body + */ + this.onladder = false; + + /** + * equal true if the entity can go down on a ladder
+ * @readonly + * @public + * @type Boolean + * @name disableTopLadderCollision + * @memberOf me.Body + */ + this.disableTopLadderCollision = false; + + /** + * Define if an entity can go through breakable tiles
+ * default value : false
+ * @public + * @type Boolean + * @name canBreakTile + * @memberOf me.Body + */ + this.canBreakTile = false; + + /** + * a callback when an entity break a tile
+ * @public + * @callback + * @name onTileBreak + * @memberOf me.Body + */ + this.onTileBreak = null; + + // ref to the collision map + this.collisionMap = me.game.collisionMap; + + // call the super constructor + this._super( + me.Rect, + // bounds the body by default + // to the parent entity + "init", [ + 0, + 0, + entity.width, + entity.height + ] + ); + }, + + /** + * add a collision shape to this entity + * @name addShape + * @memberOf me.Body + * @public + * @function + * @param {me.Rect|me.PolyShape|me.Ellipse} shape a shape object + */ + addShape : function (shape) { + if (shape.shapeType === "Rectangle") { + // ensure that rect shape are managed as polygon + this.shapes.push(shape.toPolygon()); + } else { + // else polygon or circle + this.shapes.push(shape); + } + // make sure to enable at least the first added shape + if (this.shapes.length === 1) { + this.setShape(0); + } + }, + + /** + * return the current collision shape for this entity + * @name getShape + * @memberOf me.Body + * @public + * @function + * @return {me.Rect|me.PolyShape|me.Ellipse} shape a shape object + */ + getShape : function () { + return this.shapes[this.shapeIndex]; + }, + + /** + * change the current collision shape for this entity + * @name setShape + * @memberOf me.Body + * @public + * @function + * @param {Number} index shape index + */ + setShape : function (index) { + if (typeof(this.shapes[index]) !== "undefined") { + this.shapeIndex = index; + // update the body bounds based on the active shape + this.updateBounds(); + return; + } + throw new me.Body.Error("Shape (" + index + ") not defined"); + }, + + /** + * By default all entities are able to collide with all other entities,
+ * but it's also possible to specificy 'collision filters' to provide a finer
+ * control over which entities can collide with each other. + * @name setCollisionMask + * @memberOf me.Body + * @public + * @function + * @see me.collision.types + * @param {Number} bitmask the collision mask + * @example + * // filter collision detection with collision shapes, enemies and collectables + * myEntity.body.setCollisionMask(me.collision.types.WORLD_SHAPE | me.collision.types.ENEMY_OBJECT | me.collision.types.COLLECTABLE_OBJECT); + * ... + * // disable collision detection with all other objects + * myEntity.body.setCollisionMask(me.collision.types.NO_OBJECT); + */ + setCollisionMask : function (bitmask) { + this.collisionMask = bitmask; + }, + + /** + * update the body bounding rect (private) + * the body rect size is here used to cache the total bounding rect + * @protected + * @name updateBounds + * @memberOf me.Body + * @function + */ + updateBounds : function (rect) { + // TODO : go through all defined shapes + var _bounds = rect || this.getShape().getBounds(); + // reset the body position and size; + this.pos.setV(_bounds.pos); + this.resize(_bounds.width, _bounds.height); + + // update the parent entity bounds + this.entity.updateBounds(); + }, + + /** + * set the entity default velocity
+ * note : velocity is by default limited to the same value, see + * setMaxVelocity if needed
+ * @name setVelocity + * @memberOf me.Body + * @function + * @param {Number} x velocity on x axis + * @param {Number} y velocity on y axis + * @protected + */ + + setVelocity : function (x, y) { + this.accel.x = x !== 0 ? x : this.accel.x; + this.accel.y = y !== 0 ? y : this.accel.y; + + // limit by default to the same max value + this.setMaxVelocity(x, y); + }, + + /** + * cap the entity velocity to the specified value
+ * @name setMaxVelocity + * @memberOf me.Body + * @function + * @param {Number} x max velocity on x axis + * @param {Number} y max velocity on y axis + * @protected + */ + setMaxVelocity : function (x, y) { + this.maxVel.x = x; + this.maxVel.y = y; + }, + + /** + * set the entity default friction
+ * @name setFriction + * @memberOf me.Body + * @function + * @param {Number} x horizontal friction + * @param {Number} y vertical friction + * @protected + */ + setFriction : function (x, y) { + this.friction.x = x || 0; + this.friction.y = y || 0; + }, + + /** + * Flip the body on horizontal axis + * @name flipX + * @memberOf me.body + * @function + * @param {Boolean} flip enable/disable flip + */ + flipX : function (flip) { + if (flip !== this.lastflipX) { + if (this.shapes.length && (typeof this.getShape().flipX === "function")) { + this.getShape().flipX(this.width); + } + } + }, + + /** + * Flip the body on vertical axis + * @name flipY + * @memberOf me.body + * @function + * @param {Boolean} flip enable/disable flip + */ + flipY : function (flip) { + if (flip !== this.lastflipY) { + // flip the collision box + if (this.shapes.length && (typeof this.getShape().flipY === "function")) { + this.getShape().flipY(this.height); + } + } + }, + + /** + * adjust the given rect to the given slope tile + * @ignore + */ + checkSlope : function (rect, tile, left) { + + // first make the object stick to the tile + rect.pos.y = tile.pos.y - rect.height; + + // normally the check should be on the object center point, + // but since the collision check is done on corner, we must do the + // same thing here + if (left) { + this.slopeY = tile.height - ( + rect.right + this.vel.x - tile.pos.x + ); + } + else { + this.slopeY = (rect.left + this.vel.x - tile.pos.x); + } + + // cancel y vel + this.vel.y = 0; + // set player position (+ workaround when entering/exiting slopes tile) + rect.pos.y += this.slopeY.clamp(0, tile.height); + + }, + + /** + * compute the new velocity value + * @ignore + */ + computeVelocity : function (vel) { + + // apply gravity (if any) + if (this.gravity) { + // apply a constant gravity (if not on a ladder) + vel.y += !this.onladder ? (this.gravity * me.timer.tick) : 0; + + // check if falling / jumping + this.falling = (vel.y > 0); + this.jumping = (this.falling ? false : this.jumping); + } + + // apply friction + if (this.friction.x) { + vel.x = me.utils.applyFriction(vel.x, this.friction.x); + } + if (this.friction.y) { + vel.y = me.utils.applyFriction(vel.y, this.friction.y); + } + + // cap velocity + if (vel.y !== 0) { + vel.y = vel.y.clamp(-this.maxVel.y, this.maxVel.y); + } + if (vel.x !== 0) { + vel.x = vel.x.clamp(-this.maxVel.x, this.maxVel.x); + } + }, + + /** + * handle the player movement, "trying" to update his position
+ * @name update + * @memberOf me.Body + * @function + * @return {me.Vector2d} a collision vector + * @example + * // make the player move + * if (me.input.isKeyPressed('left')) + * { + * this.vel.x -= this.accel.x * me.timer.tick; + * } + * else if (me.input.isKeyPressed('right')) + * { + * this.vel.x += this.accel.x * me.timer.tick; + * } + * // update player position + * var res = this.body.update(); + * + * // check for collision result with the environment + * if (res.x != 0) + * { + * // x axis + * if (res.x<0) + * console.log("x axis : left side !"); + * else + * console.log("x axis : right side !"); + * } + * else if (res.y != 0) + * { + * // y axis + * if (res.y<0) + * console.log("y axis : top side !"); + * else + * console.log("y axis : bottom side !"); + * + * // display the tile type + * console.log(res.yprop.type) + * } + * + * // check player status after collision check + * var updated = (this.vel.x!=0 || this.vel.y!=0); + */ + update : function (/* dt */) { + this.computeVelocity(this.vel); + + // Adjust position only on collidable object + var collision; + if (this.collisionMask & me.collision.types.WORLD_SHAPE) { + + var _bounds = this.entity.getBounds(); + + // check for collision + collision = this.collisionMap.checkCollision(_bounds, this.vel); + + // update some flags + this.onslope = collision.yprop.isSlope || collision.xprop.isSlope; + // clear the ladder flag + this.onladder = false; + var prop = collision.yprop; + var tile = collision.ytile; + + // y collision + if (collision.y) { + // going down, collision with the floor + this.onladder = prop.isLadder || prop.isTopLadder; + + if (collision.y > 0) { + if (prop.isSolid || + (prop.isPlatform && (_bounds.bottom - 1 <= tile.pos.y)) || + (prop.isTopLadder && !this.disableTopLadderCollision)) { + + // adjust position to the corresponding tile + this.vel.y = ( + this.falling ? + tile.pos.y - _bounds.bottom : 0 + ); + this.falling = false; + } + else if (prop.isSlope && !this.jumping) { + // we stop falling + this.checkSlope( + _bounds, + tile, + prop.isLeftSlope + ); + this.falling = false; + } + else if (prop.isBreakable) { + if (this.canBreakTile) { + // remove the tile + me.game.currentLevel.clearTile( + tile.col, + tile.row + ); + if (this.onTileBreak) { + this.onTileBreak(); + } + } + else { + // adjust position to the corresponding tile + this.vel.y = ( + this.falling ? + tile.pos.y - _bounds.bottom : 0 + ); + this.falling = false; + } + } + } + // going up, collision with ceiling + else if (collision.y < 0) { + if (!prop.isPlatform && !prop.isLadder && !prop.isTopLadder) { + if (this.gravity) { + this.falling = true; + } + // cancel the y velocity + this.vel.y = 0; + } + } + } + prop = collision.xprop; + tile = collision.xtile; + + // x collision + if (collision.x) { + this.onladder = prop.isLadder || prop.isTopLadder; + + if (prop.isSlope && !this.jumping) { + this.checkSlope(_bounds, tile, prop.isLeftSlope); + this.falling = false; + } + else { + // can walk through the platform & ladder + if (!prop.isPlatform && !prop.isLadder && !prop.isTopLadder) { + if (prop.isBreakable && this.canBreakTile) { + // remove the tile + me.game.currentLevel.clearTile(tile.col, tile.row); + if (this.onTileBreak) { + this.onTileBreak(); + } + } else { + this.vel.x = 0; + } + } + } + } + // as the checkSlope might change the _bounds.pos, we need to readjust + // the entity pos accordingly.... (this is ugly and will be gone in next version + this.entity.pos.setV(_bounds.pos).sub(this.getShape().getBounds().pos); + } + + // update player entity position + this.entity.pos.add(this.vel); + this.updateBounds(); + + // returns the collision "vector" + return collision; + + }, + + + /** + * Destroy function
+ * @ignore + */ + destroy : function () { + this.entity = null; + this.shapes = []; + this.shapeIndex = 0; + } + }); + + /** + * Base class for Body exception handling. + * @name Error + * @class + * @memberOf me.Body + * @constructor + * @param {String} msg Error message. + */ + me.Body.Error = me.Error.extend({ + init : function (msg) { + me.Error.prototype.init.apply(this, [ msg ]); + this.name = "me.Body.Error"; + } + }); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2014 Olivier Biot, Jason Oster, Aaron McLeod + * http://www.melonjs.org + * + * A QuadTree implementation in JavaScript, a 2d spatial subdivision algorithm. + * Based on the QuadTree Library by Timo Hausmann and released under the MIT license + * https://github.com/timohausmann/quadtree-js/ +**/ + +(function (window, Math) { + + + /** + * a pool of `QuadTree` objects + */ + var QT_ARRAY = []; + + /** + * will pop a quadtree object from the array + * or create a new one if the array is empty + */ + var QT_ARRAY_POP = function (bounds, max_objects, max_levels, level) { + if (QT_ARRAY.length > 0) { + var _qt = QT_ARRAY.pop(); + _qt.bounds = bounds; + _qt.max_objects = max_objects || 4; + _qt.max_levels = max_levels || 4; + _qt.level = level || 0; + return _qt; + } else { + return new me.QuadTree(bounds, max_objects, max_levels, level); + } + }; + + /** + * Push back a quadtree back into the array + */ + var QT_ARRAY_PUSH = function (qt) { + QT_ARRAY.push(qt); + }; + + + /* + * Quadtree Constructor + * @param {me.Rect} bounds bounds of the node + * @param Integer max_objects (optional) max objects a node can hold before splitting into 4 subnodes (default: 8) + * @param Integer max_levels (optional) total max levels inside root Quadtree (default: 4) + * @param Integer level (optional) deepth level, required for subnodes + */ + function Quadtree(bounds, max_objects, max_levels, level) { + this.max_objects = max_objects || 4; + this.max_levels = max_levels || 4; + + this.level = level || 0; + this.bounds = bounds; + + this.objects = []; + this.nodes = []; + } + + + /* + * Split the node into 4 subnodes + */ + Quadtree.prototype.split = function () { + + var nextLevel = this.level + 1, + subWidth = Math.round(this.bounds.width / 2), + subHeight = Math.round(this.bounds.height / 2), + x = Math.round(this.bounds.pos.x), + y = Math.round(this.bounds.pos.y); + + //top right node + this.nodes[0] = QT_ARRAY_POP({ + pos : { + x : x + subWidth, + y : y + }, + width : subWidth, + height : subHeight + }, this.max_objects, this.max_levels, nextLevel); + + //top left node + this.nodes[1] = QT_ARRAY_POP({ + pos : { + x : x, + y : y + }, + width : subWidth, + height : subHeight + }, this.max_objects, this.max_levels, nextLevel); + + //bottom left node + this.nodes[2] = QT_ARRAY_POP({ + pos : { + x : x, + y : y + subHeight + }, + width : subWidth, + height : subHeight + }, this.max_objects, this.max_levels, nextLevel); + + //bottom right node + this.nodes[3] = QT_ARRAY_POP({ + pos : { + x : x + subWidth, + y : y + subHeight + }, + width : subWidth, + height : subHeight + }, this.max_objects, this.max_levels, nextLevel); + }; + + + /* + * Determine which node the object belongs to + * @param {me.Rect} rect bounds of the area to be checked + * @return Integer index of the subnode (0-3), or -1 if rect cannot completely fit within a subnode and is part of the parent node + */ + Quadtree.prototype.getIndex = function (rect) { + + var index = -1, + verticalMidpoint = this.bounds.pos.x + (this.bounds.width / 2), + horizontalMidpoint = this.bounds.pos.y + (this.bounds.height / 2), + //rect can completely fit within the top quadrants + topQuadrant = (rect.pos.y < horizontalMidpoint && rect.pos.y + rect.height < horizontalMidpoint), + //rect can completely fit within the bottom quadrants + bottomQuadrant = (rect.pos.y > horizontalMidpoint); + + //rect can completely fit within the left quadrants + if (rect.pos.x < verticalMidpoint && rect.pos.x + rect.width < verticalMidpoint) { + if (topQuadrant) { + index = 1; + } else if (bottomQuadrant) { + index = 2; + } + } else if (rect.pos.x > verticalMidpoint) { + //rect can completely fit within the right quadrants + if (topQuadrant) { + index = 0; + } else if (bottomQuadrant) { + index = 3; + } + } + + return index; + }; + + /* + * Insert the given container childrens into the node. + * @param {me.Container] group of objects to be added + */ + Quadtree.prototype.insertContainer = function (container) { + for (var i = container.children.length, child; i--, (child = container.children[i]);) { + if (child instanceof me.Container) { + // recursivly insert childs + this.insertContainer(child); + } else { + // only insert object with a "physic body" + if (typeof (child.body) !== "undefined") { + this.insert(child); + } + } + } + }; + + /* + * Insert the object into the node. If the node + * exceeds the capacity, it will split and add all + * objects to their corresponding subnodes. + * @param me rect bounds of the object to be added, with x, y, width, height + */ + Quadtree.prototype.insert = function (item) { + + var index = -1; + + //if we have subnodes ... + if (this.nodes.length > 0) { + index = this.getIndex(item.getBounds()); + + if (index !== -1) { + this.nodes[index].insert(item); + return; + } + } + + this.objects.push(item); + + if (this.objects.length > this.max_objects && this.level < this.max_levels) { + + //split if we don't already have subnodes + if (this.nodes.length === 0) { + this.split(); + } + + var i = 0; + + //add all objects to there corresponding subnodes + while (i < this.objects.length) { + + index = this.getIndex(this.objects[i].getBounds()); + + if (index !== -1) { + this.nodes[index].insert(this.objects.splice(i, 1)[0]); + } else { + i = i + 1; + } + } + } + }; + + + /* + * Return all objects that could collide with the given object + * @param Object rect bounds of the object to be checked, with x, y, width, height + * @Return Array array with all detected objects + */ + Quadtree.prototype.retrieve = function (item) { + + var returnObjects = this.objects; + + //if we have subnodes ... + if (this.nodes.length > 0) { + + var index = this.getIndex(item.getBounds()); + + //if rect fits into a subnode .. + if (index !== -1) { + returnObjects = returnObjects.concat(this.nodes[index].retrieve(item)); + } else { + //if rect does not fit into a subnode, check it against all subnodes + for (var i = 0; i < this.nodes.length; i = i + 1) { + returnObjects = returnObjects.concat(this.nodes[i].retrieve(item)); + } + } + } + + return returnObjects; + }; + + + /* + * Clear the quadtree + */ + Quadtree.prototype.clear = function (bounds) { + + this.objects = []; + + for (var i = 0; i < this.nodes.length; i = i + 1) { + this.nodes[i].clear(bounds); + // recycle the quadTree object + QT_ARRAY_PUSH(this.nodes[i]); + } + // empty the array + this.nodes = []; + + // resize the root bounds if required + if (typeof bounds !== "undefined") { + this.bounds.pos.x = bounds.pos.x; + this.bounds.pos.y = bounds.pos.y; + this.bounds.width = bounds.width; + this.bounds.height = bounds.height; + } + }; + + //make Quadtree available in the me namespace + me.QuadTree = Quadtree; + +})(window, Math); +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2014 Olivier Biot, Jason Oster, Aaron McLeod + * http://www.melonjs.org + * + * Separating Axis Theorem implementation, based on the SAT.js library by Jim Riecken + * Available under the MIT License - https://github.com/jriecken/sat-js + */ + +(function () { + + /** + * Constants for Vornoi regions + * @ignore + */ + var LEFT_VORNOI_REGION = -1; + /** + * Constants for Vornoi regions + * @ignore + */ + var MIDDLE_VORNOI_REGION = 0; + + /** + * Constants for Vornoi regions + * @ignore + */ + var RIGHT_VORNOI_REGION = 1; + + + /** + * A pool of `Vector` objects that are used in calculations to avoid allocating memory. + * @type {Array.} + */ + var T_VECTORS = []; + for (var v = 0; v < 10; v++) { T_VECTORS.push(new me.Vector2d()); } + + /** + * A pool of arrays of numbers used in calculations to avoid allocating memory. + * @type {Array.>} + */ + var T_ARRAYS = []; + for (var a = 0; a < 5; a++) { T_ARRAYS.push([]); } + + + /** + * Flattens the specified array of points onto a unit vector axis, + * resulting in a one dimensional range of the minimum and + * maximum value on that axis. + * @param {Array.} points The points to flatten. + * @param {Vector} normal The unit vector axis to flatten on. + * @param {Array.} result An array. After calling this function, + * result[0] will be the minimum value, + * result[1] will be the maximum value. + */ + function flattenPointsOn(points, normal, result) { + var min = Number.MAX_VALUE; + var max = -Number.MAX_VALUE; + var len = points.length; + for (var i = 0; i < len; i++) { + // The magnitude of the projection of the point onto the normal + var dot = points[i].dotProduct(normal); + if (dot < min) { min = dot; } + if (dot > max) { max = dot; } + } + result[0] = min; + result[1] = max; + } + + /** + * Check whether two convex polygons are separated by the specified + * axis (must be a unit vector). + * @param {Vector} aPos The position of the first polygon. + * @param {Vector} bPos The position of the second polygon. + * @param {Array.} aPoints The points in the first polygon. + * @param {Array.} bPoints The points in the second polygon. + * @param {Vector} axis The axis (unit sized) to test against. The points of both polygons + * will be projected onto this axis. + * @param {Response=} response A Response object (optional) which will be populated + * if the axis is not a separating axis. + * @return {boolean} true if it is a separating axis, false otherwise. If false, + * and a response is passed in, information about how much overlap and + * the direction of the overlap will be populated. + */ + function isSeparatingAxis(aPos, bPos, aPoints, bPoints, axis, response) { + var rangeA = T_ARRAYS.pop(); + var rangeB = T_ARRAYS.pop(); + // The magnitude of the offset between the two polygons + var offsetV = T_VECTORS.pop().copy(bPos).sub(aPos); + var projectedOffset = offsetV.dotProduct(axis); + + // Project the polygons onto the axis. + flattenPointsOn(aPoints, axis, rangeA); + flattenPointsOn(bPoints, axis, rangeB); + // Move B's range to its position relative to A. + rangeB[0] += projectedOffset; + rangeB[1] += projectedOffset; + // Check if there is a gap. If there is, this is a separating axis and we can stop + if (rangeA[0] > rangeB[1] || rangeB[0] > rangeA[1]) { + T_VECTORS.push(offsetV); + T_ARRAYS.push(rangeA); + T_ARRAYS.push(rangeB); + return true; + } + + // This is not a separating axis. If we're calculating a response, calculate the overlap. + if (response) { + var overlap = 0; + // A starts further left than B + if (rangeA[0] < rangeB[0]) { + response.aInB = false; + // A ends before B does. We have to pull A out of B + if (rangeA[1] < rangeB[1]) { + overlap = rangeA[1] - rangeB[0]; + response.bInA = false; + // B is fully inside A. Pick the shortest way out. + } else { + var option1 = rangeA[1] - rangeB[0]; + var option2 = rangeB[1] - rangeA[0]; + overlap = option1 < option2 ? option1 : -option2; + } + // B starts further left than A + } else { + response.bInA = false; + // B ends before A ends. We have to push A out of B + if (rangeA[1] > rangeB[1]) { + overlap = rangeA[0] - rangeB[1]; + response.aInB = false; + // A is fully inside B. Pick the shortest way out. + } else { + var option11 = rangeA[1] - rangeB[0]; + var option22 = rangeB[1] - rangeA[0]; + overlap = option11 < option22 ? option11 : -option22; + } + } + + // If this is the smallest amount of overlap we've seen so far, set it as the minimum overlap. + var absOverlap = Math.abs(overlap); + if (absOverlap < response.overlap) { + response.overlap = absOverlap; + response.overlapN.copy(axis); + if (overlap < 0) { + response.overlapN.reverse(); + } + } + } + T_VECTORS.push(offsetV); + T_ARRAYS.push(rangeA); + T_ARRAYS.push(rangeB); + return false; + } + + + /** + * Calculates which Vornoi region a point is on a line segment.
+ * It is assumed that both the line and the point are relative to `(0,0)`
+ *
+ * | (0) |
+ * (-1) [S]--------------[E] (1)
+ * | (0) |
+ * + * @ignore + * @param {Vector} line The line segment. + * @param {Vector} point The point. + * @return {number} LEFT_VORNOI_REGION (-1) if it is the left region, + * MIDDLE_VORNOI_REGION (0) if it is the middle region, + * RIGHT_VORNOI_REGION (1) if it is the right region. + */ + function vornoiRegion(line, point) { + var len2 = line.length2(); + var dp = point.dotProduct(line); + if (dp < 0) { + // If the point is beyond the start of the line, it is in the + // left vornoi region. + return LEFT_VORNOI_REGION; + } else if (dp > len2) { + // If the point is beyond the end of the line, it is in the + // right vornoi region. + return RIGHT_VORNOI_REGION; + } else { + // Otherwise, it's in the middle one. + return MIDDLE_VORNOI_REGION; + } + } + + + /** + * A singleton for managing collision detection (and projection-based collision response) of 2D shapes.
+ * Based on the Separating Axis Theorem and supports detecting collisions between simple Axis-Aligned Boxes, convex polygons and circles based shapes. + * @namespace + * @property {Singleton} collision + * @memberOf me + */ + + me.collision = (function () { + // hold public stuff in our singleton + var api = {}; + + /* + * PUBLIC STUFF + */ + + /** + * the world quadtree used for the collision broadphase + * @name quadTree + * @memberOf me.collision + * @public + * @type {me.QuadTree} + */ + api.quadTree = null; + + /** + * The maximum number of levels that the quadtree will create. Default is 4. + * @name maxDepth + * @memberOf me.collision + * @public + * @type {number} + * @see me.collision.quadTree + * + */ + api.maxDepth = 4; + + /** + * The maximum number of children that a quadtree node can contain before it is split into sub-nodes. Default is 8. + * @name maxChildren + * @memberOf me.collision + * @public + * @type {boolean} + * @see me.collision.quadTree + */ + api.maxChildren = 8; + + /** + * bounds of the physic world. + * @name bounds + * @memberOf me.collision + * @public + * @type {me.Rect} + */ + api.bounds = null; + + + /** + * configure the collision detection algorithm
+ * default : true
+ * when true, full Separating Axis Theorem collision detection is performed
+ * when false, simple AABB detection is done (no object response will be calculated)
+ * @name SAT + * @memberOf me.collision + * @public + * @type Boolean + */ + api.SAT = true; + + /** + * Enum for collision type values.
+ * Possible values are :
+ * - `NO_OBJECT` (to disable collision check)
+ * - `PLAYER_OBJECT`
+ * - `NPC_OBJECT`
+ * - `ENEMY_OBJECT`
+ * - `COLLECTABLE_OBJECT`
+ * - `ACTION_OBJECT`
+ * - `PROJECTILE_OBJECT`
+ * - `WORLD_SHAPE` (for collision check with collision shapes/tiles)
+ * - `WORLD_BOUNDARY` (for boundary check with the world boundaries)
+ * - `ALL_OBJECT`
+ * @readonly + * @enum {number} + * @name types + * @memberOf me.collision + * @see me.body.setCollisionMask + * @see me.body.collisionType + * @example + * // set the entity body collision type + * myEntity.body.setCollisionType = me.collision.types.PLAYER_OBJECT; + * // filter collision detection with collision shapes, enemies and collectables + * myEntity.body.setCollisionMask(me.collision.types.WORLD_SHAPE | me.collision.types.ENEMY_OBJECT | me.collision.types.COLLECTABLE_OBJECT); + */ + api.types = { + NO_OBJECT : 0, + + /** + * Default object type constant for collision filtering + * @constant + * @name PLAYER_OBJECT + * @memberOf me.collision.types + */ + PLAYER_OBJECT : 1, + + /** + * Default object type constant for collision filtering + * @constant + * @name NPC_OBJECT + * @memberOf me.collision.types + */ + NPC_OBJECT : 2, + + /** + * Default object type constant for collision filtering + * @constant + * @name ENEMY_OBJECT + * @memberOf me.collision.types + */ + ENEMY_OBJECT : 4, + + /** + * Default object type constant for collision filtering + * @constant + * @name COLLECTABLE_OBJECT + * @memberOf me.collision.types + */ + COLLECTABLE_OBJECT : 8, + + /** + * Default object type constant for collision filtering + * @constant + * @name ACTION_OBJECT + * @memberOf me.collision.types + */ + ACTION_OBJECT : 16, // door, etc... + + /** + * Default object type constant for collision filtering + * @constant + * @name PROJECTILE_OBJECT + * @memberOf me.collision.types + */ + PROJECTILE_OBJECT : 32, // door, etc... + + /** + * Default object type constant for collision filtering + * @constant + * @name WORLD_SHAPE + * @memberOf me.collision.types + */ + WORLD_SHAPE : 64, // door, etc... + + /** + * Default object type constant for collision filtering + * @constant + * @name WORLD_BOUNDARY + * @memberOf me.collision.types + */ + WORLD_BOUNDARY : 128, // door, etc... + + /** + * Default object type constant for collision filtering + * @constant + * @name ALL_OBJECT + * @memberOf me.collision.types + */ + ALL_OBJECT : 0xFFFFFFFF // all objects + }; + + /** + * Initialize the collision/physic world + * @ignore + */ + api.init = function () { + // default bounds to the game viewport + api.bounds = me.game.viewport.clone(); + // initializa the quadtree + api.quadTree = new me.QuadTree(api.bounds, api.maxChildren, api.maxDepth); + + // reset the collision detection engine if a TMX level is loaded + me.event.subscribe(me.event.LEVEL_LOADED, function () { + // default bounds to game world + me.collision.bounds = me.game.world.clone(); + // reset the quadtree + me.collision.quadTree.clear(me.collision.bounds); + }); + }; + + /** + * An object representing the result of an intersection, contains:
+ * - `a` and `b` {me.Entity} : The two objects participating in the intersection
+ * - `overlap` {number} : Magnitude of the overlap on the shortest colliding axis.
+ * - `overlapV` {me.vector2d}: The overlap vector (i.e. `overlapN.scale(overlap, overlap)`). If this vector is subtracted from the position of a, a and b will no longer be colliding
+ * - `overlapN` {me.vector2d}: The shortest colliding axis (unit-vector)
+ * - `aInB`, `bInA` {boolean} : Whether the first object is entirely inside the second, and vice versa.
+ * - `clear()` {function} : Set some values of the response back to their defaults. Call this between tests if you are going to reuse a single Response object for multiple intersection tests
+ * @name ResponseObject + * @memberOf me.collision + * @public + * @type {external:Object} + * @see me.collision.check + */ + api.ResponseObject = function () { + this.a = null; + this.b = null; + this.overlapN = new me.Vector2d(); + this.overlapV = new me.Vector2d(); + this.clear(); + }; + + /** + * Set some values of the response back to their defaults.
+ * Call this between tests if you are going to reuse a single
+ * Response object for multiple intersection tests
+ * (recommended as it will avoid allocating extra memory)
+ * @name clear + * @memberOf me.collision.ResponseObject + * @public + * @function + */ + api.ResponseObject.prototype.clear = function () { + this.aInB = true; + this.bInA = true; + this.overlap = Number.MAX_VALUE; + return this; + }; + + /** + * a global instance of a response object used for collision detection
+ * this object will be reused amongst collision detection call if not user-defined response is specified + * @name response + * @memberOf me.collision + * @public + * @type {me.collision.ResponseObject} + */ + api.response = new api.ResponseObject(); + + /** + * a callback used to determine if two objects should collide (based on both respective objects collision mask and type).
+ * you can redefine this function if you need any specific rules over what should collide with what. + * @name shouldCollide + * @memberOf me.collision + * @public + * @function + * @param {me.Entity} a a reference to the object A. + * @param {me.Entity} b a reference to the object B. + * @return {Boolean} true if they should collide, false otherwise + */ + api.shouldCollide = function (a, b) { + return ( + a.body && b.body && + (a.body.collisionMask & b.body.collisionType) !== 0 && + (a.body.collisionType & b.body.collisionMask) !== 0 + ); + }; + + /** + * Checks if the specified entity collides with others entities + * @name check + * @memberOf me.collision + * @public + * @function + * @param {me.Entity} obj entity to be tested for collision + * @param {Boolean} [multiple=false] check for multiple collision + * @param {Function} [callback] Function to call in case of collision + * @param {Boolean} [response=false] populate a response object in case of collision + * @param {me.collision.ResponseObject} [respObj=me.collision.response] a user defined response object that will be populated if they intersect. + * @return {Boolean} in case of collision, false otherwise + * @example + * update : function (dt) { + * ... + * // check for collision between this object and all others + * me.collision.check(this, true, this.collideHandler.bind(this), true); + * ... + * }; + * + * collideHandler : function (response) { + * if (response.b.body.collisionType === me.collision.types.ENEMY_OBJECT) { + * // makes the other entity solid, by substracting the overlap vector to the current position + * this.pos.sub(response.overlapV); + * this.hurt(); + * } else { + * ... + * } + * }; + */ + api.check = function (objA, multiple, callback, calcResponse, responseObject) { + var collision = 0; + var response = calcResponse ? responseObject || api.response.clear() : undefined; + var shapeTypeA = objA.body.getShape().shapeType; + + // retreive a list of potential colliding objects + var candidates = api.quadTree.retrieve(objA); + + for (var i = candidates.length, objB; i--, (objB = candidates[i]);) { + + if (objB.inViewport || objB.alwaysUpdate) { + + // check if both objects "should" collide + if ((objB !== objA) && api.shouldCollide(objA, objB)) { + + // fast AABB check if both bounding boxes are overlaping + if (objA.getBounds().overlaps(objB.getBounds())) { + + // full SAT collision check + if (!api.SAT || api["test" + shapeTypeA + objB.body.getShape().shapeType] + .call( + this, + objA, // a reference to the object A + objA.body.getShape(), + objB, // a reference to the object B + objB.body.getShape(), + response) + ) { + // we touched something ! + collision++; + + if (api.SAT) { + // add old reponse fields for backward compatilibty + if (response) { + response.x = response.overlapV.x; + response.y = response.overlapV.y; + response.type = response.b.body.collisionType; + response.obj = response.b; + } + + // notify the other object + if (typeof objB.body.onCollision === "function") { + objB.body.onCollision.call(objB.body, response, objA); + } + + // execute the given callback with the full response + if (typeof (callback) === "function") { + callback(response); + } + } // else no response to provide + + if (multiple === false) { + break; + } + } + } + } + } + } + // we could return the amount of objects we collided with ? + return collision > 0; + }; + + /** + * Checks whether polygons collide. + * @ignore + * @param {me.Entity} a a reference to the object A. + * @param {me.PolyShape} polyA a reference to the object A polyshape to be tested + * @param {me.Entity} b a reference to the object B. + * @param {me.PolyShape} polyB a reference to the object B polyshape to be tested + * @param {Response=} response Response object (optional) that will be populated if they intersect. + * @return {boolean} true if they intersect, false if they don't. + */ + api.testPolyShapePolyShape = function (a, polyA, b, polyB, response) { + // specific point for + var aPoints = polyA.points; + var aLen = aPoints.length; + var bPoints = polyB.points; + var bLen = bPoints.length; + // aboslute shape position + var posA = T_VECTORS.pop().copy(a.pos).add(polyA.pos); + var posB = T_VECTORS.pop().copy(b.pos).add(polyB.pos); + var i; + + // If any of the edge normals of A is a separating axis, no intersection. + for (i = 0; i < aLen; i++) { + if (isSeparatingAxis(posA, posB, aPoints, bPoints, polyA.normals[i], response)) { + T_VECTORS.push(posA); + T_VECTORS.push(posB); + return false; + } + } + + // If any of the edge normals of B is a separating axis, no intersection. + for (i = 0;i < bLen; i++) { + if (isSeparatingAxis(posA, posB, aPoints, bPoints, polyB.normals[i], response)) { + T_VECTORS.push(posA); + T_VECTORS.push(posB); + return false; + } + } + + // Since none of the edge normals of A or B are a separating axis, there is an intersection + // and we've already calculated the smallest overlap (in isSeparatingAxis). Calculate the + // final overlap vector. + if (response) { + response.a = a; + response.b = b; + response.overlapV.copy(response.overlapN).scale(response.overlap); + } + T_VECTORS.push(posA); + T_VECTORS.push(posB); + return true; + }; + + /** + * Check if two Ellipse collide. + * @ignore + * @param {me.Entity} a a reference to the object A. + * @param {me.Ellipse} ellipseA a reference to the object A Ellipse to be tested + * @param {me.Entity} b a reference to the object B. + * @param {me.Ellipse} ellipseB a reference to the object B Ellipse to be tested + * @param {Response=} response Response object (optional) that will be populated if + * the circles intersect. + * @return {boolean} true if the circles intersect, false if they don't. + */ + api.testEllipseEllipse = function (a, ellipseA, b, ellipseB, response) { + // Check if the distance between the centers of the two + // circles is greater than their combined radius. + var differenceV = T_VECTORS.pop().copy(b.pos).add(ellipseB.pos).sub(a.pos).add(ellipseA.pos); + var radiusA = ellipseA.radius; + var radiusB = ellipseB.radius; + var totalRadius = radiusA + radiusB; + var totalRadiusSq = totalRadius * totalRadius; + var distanceSq = differenceV.length2(); + // If the distance is bigger than the combined radius, they don't intersect. + if (distanceSq > totalRadiusSq) { + T_VECTORS.push(differenceV); + return false; + } + // They intersect. If we're calculating a response, calculate the overlap. + if (response) { + var dist = Math.sqrt(distanceSq); + response.a = a; + response.b = b; + response.overlap = totalRadius - dist; + response.overlapN.copy(differenceV.normalize()); + response.overlapV.copy(differenceV).scale(response.overlap); + response.aInB = radiusA <= radiusB && dist <= radiusB - radiusA; + response.bInA = radiusB <= radiusA && dist <= radiusA - radiusB; + } + T_VECTORS.push(differenceV); + return true; + }; + + /** + * Check if a polygon and a circle collide. + * @ignore + * @param {me.Entity} a a reference to the object A. + * @param {me.PolyShape} polyA a reference to the object A polyshape to be tested + * @param {me.Entity} b a reference to the object B. + * @param {me.Ellipse} ellipseB a reference to the object B Ellipse to be tested + * @param {Response=} response Response object (optional) that will be populated if they interset. + * @return {boolean} true if they intersect, false if they don't. + */ + api.testPolyShapeEllipse = function (a, polyA, b, ellipseB, response) { + // Get the position of the circle relative to the polygon. + var circlePos = T_VECTORS.pop().copy(b.pos).add(ellipseB.pos).sub(a.pos).add(polyA.pos); + var radius = ellipseB.radius; + var radius2 = radius * radius; + var points = polyA.points; + var len = points.length; + var edge = T_VECTORS.pop(); + var point = T_VECTORS.pop(); + var dist = 0; + + // For each edge in the polygon: + for (var i = 0; i < len; i++) { + var next = i === len - 1 ? 0 : i + 1; + var prev = i === 0 ? len - 1 : i - 1; + var overlap = 0; + var overlapN = null; + + // Get the edge. + edge.copy(polyA.edges[i]); + // Calculate the center of the circle relative to the starting point of the edge. + point.copy(circlePos).sub(points[i]); + + // If the distance between the center of the circle and the point + // is bigger than the radius, the polygon is definitely not fully in + // the circle. + if (response && point.length2() > radius2) { + response.aInB = false; + } + + // Calculate which Vornoi region the center of the circle is in. + var region = vornoiRegion(edge, point); + // If it's the left region: + if (region === LEFT_VORNOI_REGION) { + // We need to make sure we're in the RIGHT_VORNOI_REGION of the previous edge. + edge.copy(polyA.edges[prev]); + // Calculate the center of the circle relative the starting point of the previous edge + var point2 = T_VECTORS.pop().copy(circlePos).sub(points[prev]); + region = vornoiRegion(edge, point2); + if (region === RIGHT_VORNOI_REGION) { + // It's in the region we want. Check if the circle intersects the point. + dist = point.length(); + if (dist > radius) { + // No intersection + T_VECTORS.push(circlePos); + T_VECTORS.push(edge); + T_VECTORS.push(point); + T_VECTORS.push(point2); + return false; + } else if (response) { + // It intersects, calculate the overlap. + response.bInA = false; + overlapN = point.normalize(); + overlap = radius - dist; + } + } + T_VECTORS.push(point2); + // If it's the right region: + } else if (region === RIGHT_VORNOI_REGION) { + // We need to make sure we're in the left region on the next edge + edge.copy(polyA.edges[next]); + // Calculate the center of the circle relative to the starting point of the next edge. + point.copy(circlePos).sub(points[next]); + region = vornoiRegion(edge, point); + if (region === LEFT_VORNOI_REGION) { + // It's in the region we want. Check if the circle intersects the point. + dist = point.length(); + if (dist > radius) { + // No intersection + T_VECTORS.push(circlePos); + T_VECTORS.push(edge); + T_VECTORS.push(point); + return false; + } else if (response) { + // It intersects, calculate the overlap. + response.bInA = false; + overlapN = point.normalize(); + overlap = radius - dist; + } + } + // Otherwise, it's the middle region: + } else { + // Need to check if the circle is intersecting the edge, + // Change the edge into its "edge normal". + var normal = edge.perp().normalize(); + // Find the perpendicular distance between the center of the + // circle and the edge. + dist = point.dotProduct(normal); + var distAbs = Math.abs(dist); + // If the circle is on the outside of the edge, there is no intersection. + if (dist > 0 && distAbs > radius) { + // No intersection + T_VECTORS.push(circlePos); + T_VECTORS.push(normal); + T_VECTORS.push(point); + return false; + } else if (response) { + // It intersects, calculate the overlap. + overlapN = normal; + overlap = radius - dist; + // If the center of the circle is on the outside of the edge, or part of the + // circle is on the outside, the circle is not fully inside the polygon. + if (dist >= 0 || overlap < 2 * radius) { + response.bInA = false; + } + } + } + + // If this is the smallest overlap we've seen, keep it. + // (overlapN may be null if the circle was in the wrong Vornoi region). + if (overlapN && response && Math.abs(overlap) < Math.abs(response.overlap)) { + response.overlap = overlap; + response.overlapN.copy(overlapN); + } + } + + // Calculate the final overlap vector - based on the smallest overlap. + if (response) { + response.a = a; + response.b = b; + response.overlapV.copy(response.overlapN).scale(response.overlap); + } + T_VECTORS.push(circlePos); + T_VECTORS.push(edge); + T_VECTORS.push(point); + return true; + }; + + /** + * Check if a circle and a polygon collide.
+ * **NOTE:** This is slightly less efficient than polygonCircle as it just
+ * runs polygonCircle and reverses everything at the end. + * @ignore + * @param {me.Entity} a a reference to the object A. + * @param {me.Ellipse} ellipseA a reference to the object A Ellipse to be tested + * @param {me.Entity} a a reference to the object B. + * @param {me.PolyShape} polyB a reference to the object B polyshape to be tested + * @param {Response=} response Response object (optional) that will be populated if + * they interset. + * @return {boolean} true if they intersect, false if they don't. + */ + api.testEllipsePolyShape = function (a, ellipseA, b, polyB, response) { + // Test the polygon against the circle. + var result = api.testPolyShapeEllipse(b, polyB, a, ellipseA, response); + if (result && response) { + // Swap A and B in the response. + var resa = response.a; + var aInB = response.aInB; + response.overlapN.reverse(); + response.overlapV.reverse(); + response.a = response.b; + response.b = resa; + response.aInB = response.bInA; + response.bInA = aInB; + } + return result; + }; + + + // return our object + return api; + })(); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2014 Olivier Biot, Jason Oster, Aaron McLeod + * http://www.melonjs.org + * + */ +(function () { + + /** + * A base class for renderable objects. + * @class + * @extends me.Rect + * @memberOf me + * @constructor + * @param {Number} x position of the renderable object + * @param {Number} y position of the renderable object + * @param {Number} width object width + * @param {Number} height object height + */ + me.Renderable = me.Rect.extend( + /** @scope me.Renderable.prototype */ + { + /** + * @ignore + */ + init : function (x, y, width, height) { + /** + * to identify the object as a renderable object + * @ignore + */ + this.isRenderable = true; + + /** + * (G)ame (U)nique (Id)entifier"
+ * a GUID will be allocated for any renderable object added
+ * to an object container (including the `me.game.world` container) + * @public + * @type String + * @name GUID + * @memberOf me.Renderable + */ + this.GUID = undefined; + + /** + * Whether the renderable object is visible and within the viewport
+ * default value : false + * @public + * @readonly + * @type Boolean + * @name inViewport + * @memberOf me.Renderable + */ + this.inViewport = false; + + /** + * Whether the renderable object will always update, even when outside of the viewport
+ * default value : false + * @public + * @type Boolean + * @name alwaysUpdate + * @memberOf me.Renderable + */ + this.alwaysUpdate = false; + + /** + * Whether to update this object when the game is paused. + * default value : false + * @public + * @type Boolean + * @name updateWhenPaused + * @memberOf me.Renderable + */ + this.updateWhenPaused = false; + + /** + * make the renderable object persistent over level changes
+ * default value : false + * @public + * @type Boolean + * @name isPersistent + * @memberOf me.Renderable + */ + this.isPersistent = false; + + /** + * Define if a renderable follows screen coordinates (floating)
+ * or the world coordinates (not floating)
+ * default value : false + * @public + * @type Boolean + * @name floating + * @memberOf me.Renderable + */ + this.floating = false; + + /** + * Z-order for object sorting
+ * default value : 0 + * @private + * @type Number + * @name z + * @memberOf me.Renderable + */ + this.z = 0; + + /** + * Define the object anchoring point
+ * This is used when positioning, or scaling the object
+ * The anchor point is a value between 0.0 and 1.0 (1.0 being the maximum size of the object)
+ * (0, 0) means the top-left corner,
+ * (1, 1) means the bottom-right corner,
+ * default anchoring point is the center (0.5, 0.5) of the object. + * @public + * @type me.Vector2d + * @name anchorPoint + * @memberOf me.Renderable + */ + this.anchorPoint = new me.Vector2d(); + + /** + * Define the renderable opacity
+ * Set to zero if you do not wish an object to be drawn + * @see me.Renderable#setOpacity + * @see me.Renderable#getOpacity + * @public + * @type Number + * @name me.Renderable#alpha + */ + this.alpha = 1.0; + // call the super constructor + me.Rect.prototype.init.apply(this, [x, y, width, height]); + + // set the default anchor point (middle of the renderable) + this.anchorPoint.set(0.5, 0.5); + + // ensure it's fully opaque by default + this.setOpacity(1.0); + }, + + /** + * get the renderable alpha channel value
+ * @name getOpacity + * @memberOf me.Renderable + * @function + * @return {Number} current opacity value between 0 and 1 + */ + getOpacity : function () { + return this.alpha; + }, + + /** + * set the renderable alpha channel value
+ * @name setOpacity + * @memberOf me.Renderable + * @function + * @param {Number} alpha opacity value between 0 and 1 + */ + setOpacity : function (alpha) { + if (typeof (alpha) === "number") { + this.alpha = alpha.clamp(0.0, 1.0); + // Set to 1 if alpha is NaN + if (this.alpha !== this.alpha) { + this.alpha = 1.0; + } + } + }, + + /** + * update function + * called by the game manager on each game loop + * @name update + * @memberOf me.Renderable + * @function + * @protected + * @param {Number} dt time since the last update in milliseconds. + * @return false + **/ + update : function () { + return false; + }, + + /** + * object draw + * called by the game manager on each game loop + * @name draw + * @memberOf me.Renderable + * @function + * @protected + * @param {Context2d} context 2d Context on which draw our object + **/ + draw : function (renderer, color) { + // draw the parent rectangle + me.Rect.prototype.draw.apply(this, [renderer, color]); + } + }); + + /** + * Base class for Renderable exception handling. + * @name Error + * @class + * @memberOf me.Renderable + * @constructor + * @param {String} msg Error message. + */ + me.Renderable.Error = me.Error.extend({ + init : function (msg) { + me.Error.prototype.init.apply(this, [ msg ]); + this.name = "me.Renderable.Error"; + } + }); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2014 Olivier Biot, Jason Oster, Aaron McLeod + * http://www.melonjs.org + * + */ +(function () { + /** + * A Simple object to display a sprite on screen. + * @class + * @extends me.Renderable + * @memberOf me + * @constructor + * @param {Number} x the x coordinates of the sprite object + * @param {Number} y the y coordinates of the sprite object + * @param {Image} image reference to the Sprite Image. See {@link me.loader#getImage} + * @param {Number} [spritewidth] sprite width + * @param {Number} [spriteheigth] sprite height + * @example + * // create a static Sprite Object + * mySprite = new me.Sprite (100, 100, me.loader.getImage("mySpriteImage")); + */ + me.Sprite = me.Renderable.extend( + /** @scope me.Sprite.prototype */ + { + /** + * @ignore + */ + init : function (x, y, image, spritewidth, spriteheight) { + + /** @ignore */ + this.scale = new me.Vector2d(); + + // if true, image flipping/scaling is needed + this.scaleFlag = false; + + // just to keep track of when we flip + this.lastflipX = false; + this.lastflipY = false; + + // z position (for ordering display) + this.z = 0; + + // image offset + this.offset = new me.Vector2d(); + + /** + * Set the angle (in Radians) of a sprite to rotate it
+ * WARNING: rotating sprites decreases performances + * @public + * @type Number + * @name me.Sprite#angle + */ + this.angle = 0; + + /** + * Source rotation angle for pre-rotating the source image
+ * Commonly used for TexturePacker + * @ignore + */ + this._sourceAngle = 0; + + // image reference + this.image = null; + + // to manage the flickering effect + this.flickering = false; + this.flickerDuration = 0; + this.flickercb = null; + this.flickerState = false; + + // Used by the game engine to adjust visibility as the + // sprite moves in and out of the viewport + this.isSprite = true; + + // call the super constructor + me.Renderable.prototype.init.apply(this, [x, y, + spritewidth || image.width, + spriteheight || image.height]); + // cache image reference + this.image = image; + + // scale factor of the object + this.scale.set(1.0, 1.0); + this.lastflipX = this.lastflipY = false; + this.scaleFlag = false; + + // set the default sprite index & offset + this.offset.set(0, 0); + + // non persistent per default + this.isPersistent = false; + + // and not flickering + this.flickering = false; + }, + + /** + * specify a transparent color + * @name setTransparency + * @memberOf me.Sprite + * @function + * @deprecated Use PNG or GIF with transparency instead + * @param {String} color color key in "#RRGGBB" format + */ + setTransparency : function (col) { + // remove the # if present + col = (col.charAt(0) === "#") ? col.substring(1, 7) : col; + // applyRGB Filter (return a context object) + this.image = me.video.renderer.applyRGBFilter( + this.image, + "transparent", + col.toUpperCase() + ).canvas; + }, + + /** + * return the flickering state of the object + * @name isFlickering + * @memberOf me.Sprite + * @function + * @return {Boolean} + */ + isFlickering : function () { + return this.flickering; + }, + + /** + * make the object flicker + * @name flicker + * @memberOf me.Sprite + * @function + * @param {Number} duration expressed in milliseconds + * @param {Function} callback Function to call when flickering ends + * @example + * // make the object flicker for 1 second + * // and then remove it + * this.flicker(1000, function () + * { + * me.game.world.removeChild(this); + * }); + */ + flicker : function (duration, callback) { + this.flickerDuration = duration; + if (this.flickerDuration <= 0) { + this.flickering = false; + this.flickercb = null; + } + else if (!this.flickering) { + this.flickercb = callback; + this.flickering = true; + } + }, + + /** + * Flip object on horizontal axis + * @name flipX + * @memberOf me.Sprite + * @function + * @param {Boolean} flip enable/disable flip + */ + flipX : function (flip) { + if (flip !== this.lastflipX) { + this.lastflipX = flip; + + // invert the scale.x value + this.scale.x = -this.scale.x; + + // set the scaleFlag + this.scaleFlag = this.scale.x !== 1.0 || this.scale.y !== 1.0; + } + }, + + /** + * Flip object on vertical axis + * @name flipY + * @memberOf me.Sprite + * @function + * @param {Boolean} flip enable/disable flip + */ + flipY : function (flip) { + if (flip !== this.lastflipY) { + this.lastflipY = flip; + + // invert the scale.x value + this.scale.y = -this.scale.y; + + // set the scaleFlag + this.scaleFlag = this.scale.x !== 1.0 || this.scale.y !== 1.0; + } + }, + + /** + * Resize the sprite around his center
+ * @name resize + * @memberOf me.Sprite + * @function + * @param {Number} ratioX x scaling ratio + * @param {Number} ratioY y scaling ratio + */ + resize : function (ratioX, ratioY) { + var x = ratioX; + var y = typeof(ratioY) === "undefined" ? ratioX : ratioY; + if (x > 0) { + this.scale.x = this.scale.x < 0.0 ? -x : x; + } + if (y > 0) { + this.scale.y = this.scale.y < 0.0 ? -y : y; + } + // set the scaleFlag + this.scaleFlag = this.scale.x !== 1.0 || this.scale.y !== 1.0; + + }, + + /** + * Resize the sprite around his center
+ * @name resizeV + * @memberOf me.Sprite + * @function + * @param {me.Vector2d} vector ratio + */ + resizeV : function (ratio) { + this.resize(ratio.x, ratio.y); + }, + + /** + * sprite update
+ * not to be called by the end user
+ * called by the game manager on each game loop + * @name update + * @memberOf me.Sprite + * @function + * @protected + * @return false + **/ + update : function (dt) { + //update the "flickering" state if necessary + if (this.flickering) { + this.flickerDuration -= dt; + if (this.flickerDuration < 0) { + if (this.flickercb) { + this.flickercb(); + } + this.flicker(-1); + } + return true; + } + return false; + }, + + /** + * object draw
+ * not to be called by the end user
+ * called by the game manager on each game loop + * @name draw + * @memberOf me.Sprite + * @function + * @protected + * @param {Renderer} a renderer object: me.CanvasRenderer or me.WebGLRenderer + **/ + draw : function (renderer) { + // do nothing if we are flickering + if (this.flickering) { + this.flickerState = !this.flickerState; + if (!this.flickerState) { + return; + } + } + // save context + renderer.save(); + // sprite alpha value + renderer.setGlobalAlpha(renderer.globalAlpha() * this.getOpacity()); + + // clamp position vector to pixel grid + var xpos = ~~this.pos.x, ypos = ~~this.pos.y; + + var w = this.width, h = this.height; + var angle = this.angle + this._sourceAngle; + + if ((this.scaleFlag) || (angle !== 0)) { + // calculate pixel pos of the anchor point + var ax = w * this.anchorPoint.x, ay = h * this.anchorPoint.y; + // translate to the defined anchor point + renderer.translate(xpos + ax, ypos + ay); + // scale + if (this.scaleFlag) { + renderer.scale(this.scale.x, this.scale.y); + } + if (angle !== 0) { + renderer.rotate(angle); + } + + if (this._sourceAngle !== 0) { + // swap w and h for rotated source images + w = this.height; + h = this.width; + + xpos = -ay; + ypos = -ax; + } + else { + // reset coordinates back to upper left coordinates + xpos = -ax; + ypos = -ay; + } + } + + + renderer.drawImage( + this.image, + this.offset.x, this.offset.y, // sx,sy + w, h, // sw,sh + xpos, ypos, // dx,dy + w, h // dw,dh + ); + + // restore context + renderer.restore(); + }, + + /** + * Destroy function
+ * @ignore + */ + destroy : function () { + this.onDestroyEvent.apply(this, arguments); + }, + + /** + * OnDestroy Notification function
+ * Called by engine before deleting the object + * @name onDestroyEvent + * @memberOf me.Sprite + * @function + */ + onDestroyEvent : function () { + // to be extended ! + } + }); + +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2014 Olivier Biot, Jason Oster, Aaron McLeod + * http://www.melonjs.org + * + */ +(function () { + + /** + * an object to manage animation + * @class + * @extends me.Sprite + * @memberOf me + * @constructor + * @param {Number} x the x coordinates of the sprite object + * @param {Number} y the y coordinates of the sprite object + * @param {Object} settings Contains additional parameters for the animation sheet: + *

    + *
  • {Image} image to use for the animation
    • + *
  • {Number} spritewidth - of a single sprite within the spritesheet
    • + *
  • {Number} spriteheight - height of a single sprite within the spritesheet
    • + *
  • {Object} region an instance of: me.TextureAtlas#getRegion. The region for when the animation sheet is part of a me.TextureAtlas
    • + *
+ * @example + * // standalone image + * var animationSheet = new me.AnimationSheet(0, 0, { + * image: me.loader.getImage('animationsheet'), + * spritewidth: 64, + * spriteheight: 64 + * }); + * // from a texture + * var texture = new me.TextureAtlas(me.loader.getJSON('texture'), me.loader.getImage('texture')); + * var animationSheet = new me.AnimationSheet(0, 0, { + * image: texture.getTexture(), + * spritewidth: 64, + * spriteheight: 64, + * region: texture.getRegion('animationsheet') + * }); + */ + me.AnimationSheet = me.Sprite.extend( + /** @scope me.AnimationSheet.prototype */ + { + /** @ignore */ + init : function (x, y, settings) { + // Spacing and margin + /** @ignore */ + this.spacing = 0; + /** @ignore */ + this.margin = 0; + + /** + * pause and resume animation
+ * default value : false; + * @public + * @type Boolean + * @name me.AnimationSheet#animationpause + */ + this.animationpause = false; + + /** + * animation cycling speed (delay between frame in ms)
+ * default value : 100ms; + * @public + * @type Number + * @name me.AnimationSheet#animationspeed + */ + this.animationspeed = 100; + // hold all defined animation + this.anim = {}; + + // a flag to reset animation + this.resetAnim = null; + + // default animation sequence + this.current = null; + // default animation speed (ms) + this.animationspeed = 100; + + // Spacing and margin + + this.spacing = settings.spacing || 0; + this.margin = settings.margin || 0; + + var image = settings.region || settings.image; + + // call the constructor + me.Sprite.prototype.init.apply(this, [x, y, settings.image, settings.spritewidth, settings.spriteheight, this.spacing, this.margin]); + // store the current atlas information + this.textureAtlas = null; + this.atlasIndices = null; + + // build the local textureAtlas + + this.buildLocalAtlas(settings.atlas, settings.atlasIndices, image); + + // create a default animation sequence with all sprites + this.addAnimation("default", null); + + // set as default + this.setCurrentAnimation("default"); + }, + /** + * build the local (private) atlas + * @ignore + */ + + buildLocalAtlas : function (atlas, indices, image) { + // reinitialze the atlas + if (image === null || typeof image === "undefined") { + image = this.image; + } + if (typeof(atlas) !== "undefined") { + this.textureAtlas = atlas; + this.atlasIndices = indices; + } + else { + // regular spritesheet + this.textureAtlas = []; + // calculate the sprite count (line, col) + + if ((image.width - this.margin) % (this.width + this.spacing) !== 0 || + (image.height - this.margin) % (this.height + this.spacing) !== 0) { + throw new me.Renderable.Error( + "Animation sheet for image: " + image.src + + " is not divisible by " + (this.width + this.spacing) + + "x" + (this.height + this.spacing) + ); + } + + var spritecount = new me.Vector2d( + ~~((image.width - this.margin) / (this.width + this.spacing)), + ~~((image.height - this.margin) / (this.height + this.spacing)) + ); + var offsetX = 0; + var offsetY = 0; + if (image.offset) { + offsetX = image.offset.x; + offsetY = image.offset.y; + } + // build the local atlas + for (var frame = 0, count = spritecount.x * spritecount.y; frame < count ; frame++) { + this.textureAtlas[frame] = { + name: "" + frame, + offset: new me.Vector2d( + this.margin + (this.spacing + this.width) * (frame % spritecount.x) + offsetX, + this.margin + (this.spacing + this.height) * ~~(frame / spritecount.x) + offsetY + ), + width: this.width, + height: this.height, + hWidth: this.width / 2, + hHeight: this.height / 2, + angle: 0 + }; + } + } + }, + + /** + * add an animation
+ * For fixed-sized cell sprite sheet, the index list must follow the + * logic as per the following example :
+ * + * @name addAnimation + * @memberOf me.AnimationSheet + * @function + * @param {String} name animation id + * @param {Number[]|String[]} index list of sprite index or name + * defining the animation + * @param {Number} [animationspeed] cycling speed for animation in ms + * (delay between each frame). + * @see me.AnimationSheet#animationspeed + * @example + * // walking animation + * this.addAnimation("walk", [ 0, 1, 2, 3, 4, 5 ]); + * // eating animation + * this.addAnimation("eat", [ 6, 6 ]); + * // rolling animation + * this.addAnimation("roll", [ 7, 8, 9, 10 ]); + * // slower animation + * this.addAnimation("roll", [ 7, 8, 9, 10 ], 200); + */ + addAnimation : function (name, index, animationspeed) { + this.anim[name] = { + name : name, + frame : [], + idx : 0, + length : 0, + animationspeed: animationspeed || this.animationspeed, + nextFrame : 0 + }; + + if (index == null) { + index = []; + var j = 0; + // create a default animation with all frame + this.textureAtlas.forEach(function () { + index[j] = j++; + }); + } + + // set each frame configuration (offset, size, etc..) + for (var i = 0, len = index.length; i < len; i++) { + if (typeof(index[i]) === "number") { + this.anim[name].frame[i] = this.textureAtlas[index[i]]; + } else { // string + if (this.atlasIndices === null) { + throw new me.Renderable.Error("string parameters for addAnimation are only allowed for TextureAtlas"); + } else { + this.anim[name].frame[i] = this.textureAtlas[this.atlasIndices[index[i]]]; + } + } + } + this.anim[name].length = this.anim[name].frame.length; + }, + + /** + * set the current animation + * this will always change the animation & set the frame to zero + * @name setCurrentAnimation + * @memberOf me.AnimationSheet + * @function + * @param {String} name animation id + * @param {String|Function} [onComplete] animation id to switch to when + * complete, or callback + * @example + * // set "walk" animation + * this.setCurrentAnimation("walk"); + * + * // set "walk" animation if it is not the current animation + * if (this.isCurrentAnimation("walk")) { + * this.setCurrentAnimation("walk"); + * } + * + * // set "eat" animation, and switch to "walk" when complete + * this.setCurrentAnimation("eat", "walk"); + * + * // set "die" animation, and remove the object when finished + * this.setCurrentAnimation("die", (function () { + * me.game.world.removeChild(this); + * return false; // do not reset to first frame + * }).bind(this)); + * + * // set "attack" animation, and pause for a short duration + * this.setCurrentAnimation("die", (function () { + * this.animationpause = true; + * + * // back to "standing" animation after 1 second + * setTimeout(function () { + * this.setCurrentAnimation("standing"); + * }, 1000); + * + * return false; // do not reset to first frame + * }).bind(this)); + **/ + setCurrentAnimation : function (name, resetAnim) { + if (this.anim[name]) { + this.current = this.anim[name]; + this.resetAnim = resetAnim || null; + this.setAnimationFrame(this.current.idx); // or 0 ? + this.current.nextFrame = this.current.animationspeed; + } else { + throw new me.Renderable.Error("animation id '" + name + "' not defined"); + } + }, + + /** + * return true if the specified animation is the current one. + * @name isCurrentAnimation + * @memberOf me.AnimationSheet + * @function + * @param {String} name animation id + * @return {Boolean} + * @example + * if (!this.isCurrentAnimation("walk")) { + * // do something funny... + * } + */ + isCurrentAnimation : function (name) { + return this.current.name === name; + }, + + /** + * force the current animation frame index. + * @name setAnimationFrame + * @memberOf me.AnimationSheet + * @function + * @param {Number} [index=0] animation frame index + * @example + * //reset the current animation to the first frame + * this.setAnimationFrame(); + */ + setAnimationFrame : function (idx) { + this.current.idx = (idx || 0) % this.current.length; + var frame = this.current.frame[this.current.idx]; + this.offset = frame.offset; + this.width = frame.width; + this.height = frame.height; + this.hWidth = frame.hWidth; + this.hHeight = frame.hHeight; + this._sourceAngle = frame.angle; + }, + + /** + * return the current animation frame index. + * @name getCurrentAnimationFrame + * @memberOf me.AnimationSheet + * @function + * @return {Number} current animation frame index + */ + getCurrentAnimationFrame : function () { + return this.current.idx; + }, + + /** + * update the animation
+ * this is automatically called by the game manager {@link me.game} + * @name update + * @memberOf me.AnimationSheet + * @function + * @protected + * @param {Number} dt time since the last update in milliseconds. + */ + update : function (dt) { + // update animation if necessary + if (!this.animationpause) { + this.current.nextFrame -= dt; + if (this.current.nextFrame <= 0) { + this.setAnimationFrame(++this.current.idx); + + // switch animation if we reach the end of the strip + // and a callback is defined + if (this.current.idx === 0 && this.resetAnim) { + // if string, change to the corresponding animation + if (typeof this.resetAnim === "string") { + this.setCurrentAnimation(this.resetAnim); + } + // if function (callback) call it + else if (typeof this.resetAnim === "function" && + this.resetAnim() === false) { + this.current.idx = this.current.length - 1; + this.setAnimationFrame(this.current.idx); + me.Sprite.prototype.update.apply(this, [dt]); + return false; + } + } + + // set next frame timestamp + this.current.nextFrame = this.current.animationspeed; + return me.Sprite.prototype.update.apply(this, [dt]) || true; + } + } + return me.Sprite.prototype.update.apply(this, [dt]); + } + }); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + * + */ +(function () { + /** + * a local constant for the -(Math.PI / 2) value + * @ignore + */ + var nhPI = -(Math.PI / 2); + + /** + * A Texture atlas object
+ * Currently support :
+ * - [TexturePacker]{@link http://www.codeandweb.com/texturepacker/} : through JSON export
+ * - [ShoeBox]{@link http://renderhjs.net/shoebox/} : through JSON export using the melonJS setting [file]{@link https://github.com/melonjs/melonJS/raw/master/media/shoebox_JSON_export.sbx} + * @class + * @extends Object + * @memberOf me + * @constructor + * @param {Object} atlas atlas information. See {@link me.loader#getJSON} + * @param {Image} [texture=atlas.meta.image] texture name + * @example + * // create a texture atlas + * texture = new me.TextureAtlas ( + * me.loader.getJSON("texture"), + * me.loader.getImage("texture") + * ); + * + * // or if you wish to specify the atlas + */ + me.TextureAtlas = Object.extend( + /** @scope me.TextureAtlas.prototype */ + { + /** + * @ignore + */ + init : function (atlas, texture) { + /** + * to identify the atlas format (e.g. texture packer) + * @ignore + */ + this.format = null; + + /** + * the image texture itself + * @ignore + */ + this.texture = texture || null; + + /** + * the atlas dictionnary + * @ignore + */ + this.atlas = atlas || null; + + if (atlas && atlas.meta) { + // Texture Packer + if (atlas.meta.app.contains("texturepacker")) { + this.format = "texturepacker"; + // set the texture + if (typeof(texture) === "undefined") { + var name = me.utils.getBasename(atlas.meta.image); + this.texture = me.loader.getImage(name); + if (this.texture === null) { + throw new me.TextureAtlas.Error("Atlas texture '" + name + "' not found"); + } + } else { + this.texture = texture; + } + } + // ShoeBox + if (atlas.meta.app.contains("ShoeBox")) { + if (!atlas.meta.exporter || !atlas.meta.exporter.contains("melonJS")) { + throw new me.TextureAtlas.Error("ShoeBox requires the JSON exporter : https://github.com/melonjs/melonJS/tree/master/media/shoebox_JSON_export.sbx"); + } + this.format = "ShoeBox"; + // set the texture + this.texture = texture; + } + // initialize the atlas + this.atlas = this.initFromTexturePacker(atlas); + } + + // if format not recognized + if (this.atlas === null) { + throw new me.TextureAtlas.Error("texture atlas format not supported"); + } + }, + + /** + * @ignore + */ + initFromTexturePacker : function (data) { + var atlas = {}; + data.frames.forEach(function (frame) { + // fix wrongly formatted JSON (e.g. last dummy object in ShoeBox) + if (frame.hasOwnProperty("filename")) { + atlas[frame.filename] = { + frame: new me.Rect( + frame.frame.x, frame.frame.y, + frame.frame.w, frame.frame.h + ), + source: new me.Rect( + frame.spriteSourceSize.x, frame.spriteSourceSize.y, + frame.spriteSourceSize.w, frame.spriteSourceSize.h + ), + // non trimmed size, but since we don't support trimming both value are the same + //sourceSize: new me.Vector2d(frame.sourceSize.w,frame.sourceSize.h), + rotated : frame.rotated === true, + trimmed : frame.trimmed === true + }; + } + }); + return atlas; + }, + + /** + * return the Atlas texture + * @name getTexture + * @memberOf me.TextureAtlas + * @function + * @return {Image} + */ + getTexture : function () { + return this.texture; + }, + + /** + * return a normalized region/frame information for the specified sprite name + * @name getRegion + * @memberOf me.TextureAtlas + * @function + * @param {String} name name of the sprite + * @return {Object} + */ + getRegion : function (name) { + var region = this.atlas[name]; + if (region) { + return { + name: name, // frame name + pos: region.source.pos.clone(), // unused for now + offset: region.frame.pos.clone(), + width: region.frame.width, + height: region.frame.height, + hWidth: region.frame.width / 2, + hHeight: region.frame.height / 2, + angle : (region.rotated === true) ? nhPI : 0 + }; + } + return null; + }, + + /** + * Create a sprite object using the first region found using the specified name + * @name createSpriteFromName + * @memberOf me.TextureAtlas + * @function + * @param {String} name name of the sprite + * @return {me.Sprite} + * @example + * // create a new texture atlas object under the `game` namespace + * game.texture = new me.TextureAtlas( + * me.loader.getJSON("texture"), + * me.loader.getImage("texture") + * ); + * ... + * ... + * // add the coin sprite as renderable for the entity + * this.renderable = game.texture.createSpriteFromName("coin.png"); + * // set the renderable position to bottom center + * this.anchorPoint.set(0.5, 1.0); + */ + createSpriteFromName : function (name) { + var region = this.getRegion(name); + if (region) { + // instantiate a new sprite object + var sprite = new me.Sprite( + 0, 0, + this.getTexture(), + region.width, region.height + ); + // set the sprite offset within the texture + sprite.offset.setV(region.offset); + // set angle if defined + sprite._sourceAngle = region.angle; + + /* -> when using anchor positioning, this is not required + -> and makes final position wrong... + if (tex.trimmed===true) { + // adjust default position + sprite.pos.add(tex.source.pos); + } + */ + // return our object + return sprite; + } + // throw an error + throw new me.TextureAtlas.Error("TextureAtlas - region for " + name + " not found"); + }, + + /** + * Create an animation object using the first region found using all specified names + * @name createAnimationFromName + * @memberOf me.TextureAtlas + * @function + * @param {String[]} names list of names for each sprite + * @return {me.AnimationSheet} + * @example + * // create a new texture atlas object under the `game` namespace + * game.texture = new me.TextureAtlas( + * me.loader.getJSON("texture"), + * me.loader.getImage("texture") + * ); + * ... + * ... + * // create a new animationSheet as renderable for the entity + * this.renderable = game.texture.createAnimationFromName([ + * "walk0001.png", "walk0002.png", "walk0003.png", + * "walk0004.png", "walk0005.png", "walk0006.png", + * "walk0007.png", "walk0008.png", "walk0009.png", + * "walk0010.png", "walk0011.png" + * ]); + * + * // define an additional basic walking animatin + * this.renderable.addAnimation ("simple_walk", [0,2,1]); + * // you can also use frame name to define your animation + * this.renderable.addAnimation ("speed_walk", ["walk0007.png", "walk0008.png", "walk0009.png", "walk0010.png"]); + * // set the default animation + * this.renderable.setCurrentAnimation("simple_walk"); + * // set the renderable position to bottom center + * this.anchorPoint.set(0.5, 1.0); + */ + createAnimationFromName : function (names) { + var tpAtlas = [], indices = {}; + // iterate through the given names + // and create a "normalized" atlas + for (var i = 0; i < names.length;++i) { + tpAtlas[i] = this.getRegion(names[i]); + indices[names[i]] = i; + if (tpAtlas[i] == null) { + // throw an error + throw new me.TextureAtlas.Error("TextureAtlas - region for " + names[i] + " not found"); + } + } + // instantiate a new animation sheet object + return new me.AnimationSheet(0, 0, { + image: this.texture, + spritewidth: 0, + spriteheight: 0, + margin: 0, + spacing: 0, + atlas: tpAtlas, + atlasIndices: indices + }); + } + }); + + /** + * Base class for TextureAtlas exception handling. + * @name Error + * @class + * @memberOf me.TextureAtlas + * @constructor + * @param {String} msg Error message. + */ + me.TextureAtlas.Error = me.Error.extend({ + init : function (msg) { + me.Error.prototype.init.apply(this, [ msg ]); + this.name = "me.TextureAtlas.Error"; + } + }); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + * + */ + +(function () { + // some ref shortcut + var MIN = Math.min, MAX = Math.max; + + /** + * a camera/viewport Object + * @class + * @extends me.Renderable + * @memberOf me + * @constructor + * @param {Number} minX start x offset + * @param {Number} minY start y offset + * @param {Number} maxX end x offset + * @param {Number} maxY end y offset + */ + me.Viewport = me.Renderable.extend( + /** @scope me.Viewport.prototype */ { + /** @ignore */ + init : function (minX, minY, maxX, maxY) { + /** + * Axis definition :
+ *

+ * AXIS.NONE
+ * AXIS.HORIZONTAL
+ * AXIS.VERTICAL
+ * AXIS.BOTH + *

+ * @public + * @constant + * @type enum + * @name AXIS + * @memberOf me.Viewport + */ + this.AXIS = { + NONE : 0, + HORIZONTAL : 1, + VERTICAL : 2, + BOTH : 3 + }; + + /** + * Camera bounds + * @public + * @constant + * @type me.Rect + * @name bounds + * @memberOf me.Viewport + */ + this.bounds = null; + + // camera deadzone + this.deadzone = null; + + // target to follow + this.target = null; + + // axis to follow + this.follow_axis = 0; + + // shake parameters + this._shake = null; + // fade parameters + this._fadeIn = null; + this._fadeOut = null; + + // cache the screen rendering position + this.screenX = 0; + this.screenY = 0; + // viewport coordinates + me.Renderable.prototype.init.apply(this, [minX, minY, maxX - minX, maxY - minY]); + + // real worl limits + this.bounds = new me.Rect(-Infinity, -Infinity, Infinity, Infinity); + + // offset for shake effect + this.offset = new me.Vector2d(); + + // target to follow + this.target = null; + + // default value follow + this.follow_axis = this.AXIS.NONE; + + // shake variables + this._shake = { + intensity : 0, + duration : 0, + axis : this.AXIS.BOTH, + onComplete : null + }; + + // flash variables + this._fadeOut = { + color : null, + duration : 0, + tween : null + }; + // fade variables + this._fadeIn = { + color : null, + duration : 0, + tween : null + }; + + // set a default deadzone + this.setDeadzone(this.width / 6, this.height / 6); + }, + + // -- some private function --- + + /** @ignore */ + _followH : function (target) { + var _x = this.pos.x; + if ((target.x - this.pos.x) > (this.deadzone.right)) { + this.pos.x = ~~MIN((target.x) - (this.deadzone.right), this.bounds.width - this.width); + } + else if ((target.x - this.pos.x) < (this.deadzone.pos.x)) { + this.pos.x = ~~MAX((target.x) - this.deadzone.pos.x, this.bounds.pos.x); + } + return (_x !== this.pos.x); + }, + + /** @ignore */ + _followV : function (target) { + var _y = this.pos.y; + if ((target.y - this.pos.y) > (this.deadzone.bottom)) { + this.pos.y = ~~MIN((target.y) - (this.deadzone.bottom), this.bounds.height - this.height); + } + else if ((target.y - this.pos.y) < (this.deadzone.pos.y)) { + this.pos.y = ~~MAX((target.y) - this.deadzone.pos.y, this.bounds.pos.y); + } + return (_y !== this.pos.y); + }, + + // -- public function --- + + /** + * reset the viewport to specified coordinates + * @name reset + * @memberOf me.Viewport + * @function + * @param {Number} [x=0] + * @param {Number} [y=0] + */ + reset : function (x, y) { + // reset the initial viewport position to 0,0 + this.pos.x = x || 0; + this.pos.y = y || 0; + + // reset the target + this.target = null; + + // reset default axis value for follow + this.follow_axis = null; + }, + + /** + * Change the deadzone settings + * @name setDeadzone + * @memberOf me.Viewport + * @function + * @param {Number} w deadzone width + * @param {Number} h deadzone height + */ + setDeadzone : function (w, h) { + if (this.deadzone === null) { + this.deadzone = new me.Rect(0, 0, 0, 0); + } + + // reusing the old code for now... + this.deadzone.pos.set( + ~~((this.width - w) / 2), + ~~((this.height - h) / 2 - h * 0.25) + ); + this.deadzone.resize(w, h); + + // force a camera update + this.updateTarget(); + }, + + /** + * set the viewport boundaries (world limit) + * @name setBounds + * @memberOf me.Viewport + * @function + * @param {Number} x world left limit + * @param {Number} y world top limit + * @param {Number} w world width limit + * @param {Number} h world height limit + */ + setBounds : function (x, y, w, h) { + this.bounds.pos.set(x, y); + this.bounds.resize(w, h); + }, + + /** + * set the viewport to follow the specified entity + * @name follow + * @memberOf me.Viewport + * @function + * @param {me.Entity|me.Vector2d} target Entity or Position + * Vector to follow + * @param {me.Viewport#AXIS} [axis=AXIS.BOTH] Which axis to follow + */ + follow : function (target, axis) { + if (target instanceof me.Entity) { + this.target = target.pos; + } + else if (target instanceof me.Vector2d) { + this.target = target; + } + else { + throw new me.Renderable.Error("invalid target for viewport.follow"); + } + // if axis is null, camera is moved on target center + this.follow_axis = ( + typeof(axis) === "undefined" ? this.AXIS.BOTH : axis + ); + // force a camera update + this.updateTarget(); + }, + + /** + * move the viewport position by the specified offset + * @name move + * @memberOf me.Viewport + * @function + * @param {Number} x + * @param {Number} y + * @example + * // Move the viewport up by four pixels + * me.game.viewport.move(0, -4); + */ + move : function (x, y) { + this.moveTo(~~(this.pos.x + x), ~~(this.pos.y + y)); + }, + + /** + * move the viewport to the specified coordinates + * @name moveTo + * @memberOf me.Viewport + * @function + * @param {Number} x + * @param {Number} y + */ + + moveTo : function (x, y) { + this.pos.x = (~~x).clamp( + this.bounds.pos.x, + this.bounds.width - this.width + ); + this.pos.y = (~~y).clamp( + this.bounds.pos.y, + this.bounds.height - this.height + ); + + //publish the corresponding message + me.event.publish(me.event.VIEWPORT_ONCHANGE, [this.pos]); + }, + + /** @ignore */ + updateTarget : function () { + var updated = false; + + if (this.target) { + switch (this.follow_axis) { + case this.AXIS.NONE: + //this.focusOn(this.target); + break; + + case this.AXIS.HORIZONTAL: + updated = this._followH(this.target); + break; + + case this.AXIS.VERTICAL: + updated = this._followV(this.target); + break; + + case this.AXIS.BOTH: + updated = this._followH(this.target); + updated = this._followV(this.target) || updated; + break; + + default: + break; + } + } + + return updated; + }, + + /** @ignore */ + update : function (dt) { + var updated = this.updateTarget(); + + if (this._shake.duration > 0) { + this._shake.duration -= dt; + if (this._shake.duration <= 0) { + this._shake.duration = 0; + this.offset.setZero(); + if (typeof(this._shake.onComplete) === "function") { + this._shake.onComplete(); + } + } + else { + if (this._shake.axis === this.AXIS.BOTH || + this._shake.axis === this.AXIS.HORIZONTAL) { + this.offset.x = (Math.random() - 0.5) * this._shake.intensity; + } + if (this._shake.axis === this.AXIS.BOTH || + this._shake.axis === this.AXIS.VERTICAL) { + this.offset.y = (Math.random() - 0.5) * this._shake.intensity; + } + } + // updated! + updated = true; + } + + if (updated === true) { + //publish the corresponding message + me.event.publish(me.event.VIEWPORT_ONCHANGE, [this.pos]); + } + + // check for fade/flash effect + if ((this._fadeIn.tween != null) || (this._fadeOut.tween != null)) { + updated = true; + } + + return updated; + }, + + /** + * shake the camera + * @name shake + * @memberOf me.Viewport + * @function + * @param {Number} intensity maximum offset that the screen can be moved + * while shaking + * @param {Number} duration expressed in milliseconds + * @param {me.Viewport#AXIS} [axis=AXIS.BOTH] specify on which axis you + * want the shake effect (AXIS.HORIZONTAL, AXIS.VERTICAL, AXIS.BOTH) + * @param {Function} [onComplete] callback once shaking effect is over + * @example + * // shake it baby ! + * me.game.viewport.shake(10, 500, me.game.viewport.AXIS.BOTH); + */ + shake : function (intensity, duration, axis, onComplete) { + if (this._shake.duration > 0) { + return; + } + + this._shake = { + intensity : intensity, + duration : duration, + axis : axis || this.AXIS.BOTH, + onComplete : onComplete + }; + }, + + /** + * fadeOut(flash) effect

+ * screen is filled with the specified color and slowly goes back to normal + * @name fadeOut + * @memberOf me.Viewport + * @function + * @param {String} color a CSS color value + * @param {Number} [duration=1000] expressed in milliseconds + * @param {Function} [onComplete] callback once effect is over + */ + fadeOut : function (color, duration, onComplete) { + this._fadeOut.color = me.pool.pull("me.Color").parseHex(color); + this._fadeOut.color.alpha = 1.0; + this._fadeOut.duration = duration || 1000; // convert to ms + this._fadeOut.tween = me.pool.pull("me.Tween", this._fadeOut.color) + .to({ alpha: 0.0 }, this._fadeOut.duration) + .onComplete(onComplete || null); + this._fadeOut.tween.start(); + }, + + /** + * fadeIn effect

+ * fade to the specified color + * @name fadeIn + * @memberOf me.Viewport + * @function + * @param {String} color a CSS color value + * @param {Number} [duration=1000] expressed in milliseconds + * @param {Function} [onComplete] callback once effect is over + */ + fadeIn : function (color, duration, onComplete) { + this._fadeIn.color = me.pool.pull("me.Color").parseHex(color); + this._fadeIn.color.alpha = 0.0; + this._fadeIn.duration = duration || 1000; //convert to ms + this._fadeIn.tween = me.pool.pull("me.Tween", this._fadeIn.color) + .to({ alpha: 1.0 }, this._fadeIn.duration) + .onComplete(onComplete || null); + this._fadeIn.tween.start(); + }, + + /** + * return the viewport width + * @name getWidth + * @memberOf me.Viewport + * @function + * @return {Number} + */ + getWidth : function () { + return this.width; + }, + + /** + * return the viewport height + * @name getHeight + * @memberOf me.Viewport + * @function + * @return {Number} + */ + getHeight : function () { + return this.height; + }, + + /** + * set the viewport position around the specified object + * @name focusOn + * @memberOf me.Viewport + * @function + * @param {me.Renderable} + */ + focusOn : function (target) { + var bounds = target.getBounds(); + this.moveTo( + target.pos.x + bounds.pos.x + bounds.hWidth, + target.pos.y + bounds.pos.y + bounds.hHeight + ); + }, + + /** + * check if the specified rectangle is in the viewport + * @name isVisible + * @memberOf me.Viewport + * @function + * @param {me.Rect} rect + * @return {Boolean} + */ + isVisible : function (rect) { + return rect.overlaps(this); + }, + + /** + * convert the given "local" (screen) coordinates into world coordinates + * @name localToWorld + * @memberOf me.Viewport + * @function + * @param {Number} x + * @param {Number} y + * @param {Number} [v] an optional vector object where to set the + * converted value + * @return {me.Vector2d} + */ + localToWorld : function (x, y, v) { + v = v || new me.Vector2d(); + return (v.set(x, y)).add(this.pos).sub(me.game.currentLevel.pos); + }, + + /** + * convert the given world coordinates into "local" (screen) coordinates + * @name worldToLocal + * @memberOf me.Viewport + * @function + * @param {Number} x + * @param {Number} y + * @param {Number} [v] an optional vector object where to set the + * converted value + * @return {me.Vector2d} + */ + worldToLocal : function (x, y, v) { + v = v || new me.Vector2d(); + return (v.set(x, y)).sub(this.pos).add(me.game.currentLevel.pos); + }, + + /** + * render the camera effects + * @ignore + */ + draw : function () { + // fading effect + if (this._fadeIn.tween) { + me.video.renderer.clearSurface(null, this._fadeIn.color.toRGBA()); + // remove the tween if over + if (this._fadeIn.color.alpha === 1.0) { + this._fadeIn.tween = null; + me.pool.push(this._fadeIn.color); + this._fadeIn.color = null; + } + } + + // flashing effect + if (this._fadeOut.tween) { + me.video.renderer.clearSurface(null, this._fadeOut.color.toRGBA()); + // remove the tween if over + if (this._fadeOut.color.alpha === 0.0) { + this._fadeOut.tween = null; + me.pool.push(this._fadeOut.color); + this._fadeOut.color = null; + } + } + } + }); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + * + */ +(function () { + + /** + * GUI Object
+ * A very basic object to manage GUI elements
+ * The object simply register on the "pointerdown"
+ * or "touchstart" event and call the onClick function" + * @class + * @extends me.Sprite + * @memberOf me + * @constructor + * @param {Number} x the x coordinate of the GUI Object + * @param {Number} y the y coordinate of the GUI Object + * @param {me.ObjectSettings} settings Object settings + * @example + * + * // create a basic GUI Object + * var myButton = me.GUI_Object.extend( + * { + * init:function (x, y) + * { + * var settings = {} + * settings.image = "button"; + * settings.spritewidth = 100; + * settings.spriteheight = 50; + * // super constructor + * me.GUI_Object.prototype.init.apply(this, [x, y, settings]); + * // define the object z order + * this.z = 4; + * }, + * + * // output something in the console + * // when the object is clicked + * onClick:function (event) + * { + * console.log("clicked!"); + * // don't propagate the event + * return false; + * } + * }); + * + * // add the object at pos (10,10) + * me.game.world.addChild(new myButton(10,10)); + * + */ + me.GUI_Object = me.Sprite.extend({ + /** @scope me.GUI_Object.prototype */ + + /** + * @ignore + */ + init : function (x, y, settings) { + /** + * object can be clicked or not + * @public + * @type boolean + * @name me.GUI_Object#isClickable + */ + this.isClickable = true; + + /** + * Tap and hold threshold timeout in ms (default 250) + * @type {number} + * @name me.GUI_Object#holdThreshold + */ + this.holdThreshold = 250; + + /** + * object can be tap and hold + * @public + * @type boolean + * @name me.GUI_Object#isHoldable + */ + this.isHoldable = false; + + // object has been updated (clicked,etc..) + this.holdTimeout = null; + this.updated = false; + this.released = true; + + // call the parent constructor + me.Sprite.prototype.init.apply(this, [x, y, + ((typeof settings.image === "string") ? me.loader.getImage(settings.image) : settings.image), + settings.spritewidth, + settings.spriteheight]); + + // GUI items use screen coordinates + this.floating = true; + + // register on mouse event + me.input.registerPointerEvent("pointerdown", this, this.clicked.bind(this)); + me.input.registerPointerEvent("pointerup", this, this.release.bind(this)); + }, + + /** + * return true if the object has been clicked + * @ignore + */ + update : function () { + if (this.updated) { + // clear the flag + if (!this.released) { + this.updated = false; + } + return true; + } + return false; + }, + + /** + * function callback for the pointerdown event + * @ignore + */ + clicked : function (event) { + if (this.isClickable) { + this.updated = true; + if (this.isHoldable) { + if (this.holdTimeout !== null) { + me.timer.clearTimeout(this.holdTimeout); + } + this.holdTimeout = me.timer.setTimeout(this.hold.bind(this), this.holdThreshold, false); + this.released = false; + } + return this.onClick(event); + } + }, + + /** + * function called when the object is clicked
+ * to be extended
+ * return false if we need to stop propagating the event + * @name onClick + * @memberOf me.GUI_Object + * @public + * @function + * @param {Event} event the event object + */ + onClick : function () { + return false; + }, + + /** + * function callback for the pointerup event + * @ignore + */ + release : function (event) { + this.released = true; + me.timer.clearTimeout(this.holdTimeout); + return this.onRelease(event); + }, + + /** + * function called when the object is clicked
+ * to be extended
+ * return false if we need to stop propagating the event + * @name onClick + * @memberOf me.GUI_Object + * @public + * @function + * @param {Event} event the event object + */ + onRelease : function () { + return false; + }, + + /** + * function callback for the tap and hold timer event + * @ignore + */ + hold : function () { + me.timer.clearTimeout(this.holdTimeout); + if (!this.released) { + this.onHold(); + } + }, + + /** + * function called when the object is clicked and holded
+ * to be extended
+ * @name onHold + * @memberOf me.GUI_Object + * @public + * @function + */ + onHold : function () { + }, + + /** + * OnDestroy notification function
+ * Called by engine before deleting the object
+ * be sure to call the parent function if overwritten + * @name onDestroyEvent + * @memberOf me.GUI_Object + * @public + * @function + */ + onDestroyEvent : function () { + me.input.releasePointerEvent("pointerdown", this); + me.input.releasePointerEvent("pointerup", this); + me.timer.clearTimeout(this.holdTimeout); + } + }); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier Biot, Jason Oster + * http://www.melonjs.org + * + */ +(function () { + /** + * Private function to re-use for object removal in a defer + * @ignore + */ + var deferredRemove = function (child, keepalive) { + if (child.ancestor) { + child.ancestor.removeChildNow(child, keepalive); + } + }; + + /** + * A global "translation context" for nested Containers + * @ignore + */ + var globalTranslation = new me.Rect(0, 0, 0, 0); + + /** + * A global "floating children" reference counter for nested ObjectContainers + * @ignore + */ + var globalFloatingCounter = 0; + + /** + * me.Container represents a collection of child objects + * @class + * @extends me.Renderable + * @memberOf me + * @constructor + * @param {Number} [x=0] position of the container + * @param {Number} [y=0] position of the container + * @param {Number} [w=me.game.viewport.width] width of the container + * @param {number} [h=me.game.viewport.height] height of the container + */ + me.Container = me.Renderable.extend( + /** @scope me.Container.prototype */ + { + /** + * constructor + * @ignore + */ + init : function (x, y, width, height) { + /** + * keep track of pending sort + * @ignore + */ + this.pendingSort = null; + + // TODO; container do not have a physic body + // ADD child container child one by one to the quadtree? + + /** + * the container default transformation matrix + * @public + * @type me.Matrix2d + * @name transform + * @memberOf me.Container + */ + this.transform = new me.Matrix2d(); + // call the _super constructor + me.Renderable.prototype.init.apply(this, + [x, y, + width || Infinity, + height || Infinity] + ); + // init the bounds to an empty rect + + /** + * Container bounds + * @ignore + */ + this.bounds = undefined; + + /** + * The array of children of this container. + * @ignore + */ + this.children = []; + // by default reuse the global me.game.setting + /** + * The property of the child object that should be used to sort on
+ * value : "x", "y", "z" (default: me.game.sortOn) + * @public + * @type String + * @name sortOn + * @memberOf me.Container + */ + this.sortOn = me.game.sortOn; + /** + * Specify if the children list should be automatically sorted when adding a new child + * @public + * @type Boolean + * @name autoSort + * @memberOf me.Container + */ + + this.autoSort = true; + this.transform.identity(); + + /** + * Used by the debug panel plugin + * @ignore + */ + this.drawCount = 0; + }, + + + /** + * Add a child to the container
+ * if auto-sort is disable, the object will be appended at the bottom of the list + * @name addChild + * @memberOf me.Container + * @function + * @param {me.Renderable} child + * @param {number} [zIndex] forces the z index of the child to the specified value. + * @return {me.Renderable} the added child + */ + addChild : function (child, zIndex) { + if (typeof(child.ancestor) !== "undefined") { + child.ancestor.removeChildNow(child); + } + else { + // only allocate a GUID if the object has no previous ancestor + // (e.g. move one child from one container to another) + if (child.isRenderable) { + // allocated a GUID value + child.GUID = me.utils.createGUID(); + } + } + + // change the child z-index if one is specified + if (typeof(zIndex) === "number") { + child.z = zIndex; + } + + // specify a z property to infinity if not defined + if (typeof child.z === "undefined") { + child.z = this.children.length; + } + + child.ancestor = this; + this.children.push(child); + if (this.autoSort === true) { + this.sort(); + } + + if (typeof child.onActivateEvent === "function") { + child.onActivateEvent(); + } + + return child; + }, + /** + * Add a child to the container at the specified index
+ * (the list won't be sorted after insertion) + * @name addChildAt + * @memberOf me.Container + * @function + * @param {me.Renderable} child + * @param {Number} index + * @return {me.Renderable} the added child + */ + addChildAt : function (child, index) { + if (index >= 0 && index < this.children.length) { + if (typeof(child.ancestor) !== "undefined") { + child.ancestor.removeChildNow(child); + } + else { + // only allocate a GUID if the object has no previous ancestor + // (e.g. move one child from one container to another) + if (child.isRenderable) { + // allocated a GUID value + child.GUID = me.utils.createGUID(); + } + } + child.ancestor = this; + + this.children.splice(index, 0, child); + + if (typeof child.onActivateEvent === "function") { + child.onActivateEvent(); + } + + return child; + } + else { + throw new me.Container.Error("Index (" + index + ") Out Of Bounds for addChildAt()"); + } + }, + + /** + * Swaps the position (z depth) of 2 childs + * @name swapChildren + * @memberOf me.Container + * @function + * @param {me.Renderable} child + * @param {me.Renderable} child + */ + swapChildren : function (child, child2) { + var index = this.getChildIndex(child); + var index2 = this.getChildIndex(child2); + + if ((index !== -1) && (index2 !== -1)) { + // swap z index + var _z = child.z; + child.z = child2.z; + child2.z = _z; + // swap the positions.. + this.children[index] = child2; + this.children[index2] = child; + } + else { + throw new me.Container.Error(child + " Both the supplied childs must be a child of the caller " + this); + } + }, + + /** + * Returns the Child at the specified index + * @name getChildAt + * @memberOf me.Container + * @function + * @param {Number} index + */ + getChildAt : function (index) { + if (index >= 0 && index < this.children.length) { + return this.children[index]; + } + else { + throw new me.Container.Error("Index (" + index + ") Out Of Bounds for getChildAt()"); + } + }, + + /** + * Returns the index of the Child + * @name getChildAt + * @memberOf me.Container + * @function + * @param {me.Renderable} child + */ + getChildIndex : function (child) { + return this.children.indexOf(child); + }, + + /** + * Returns true if contains the specified Child + * @name hasChild + * @memberOf me.Container + * @function + * @param {me.Renderable} child + * @return {Boolean} + */ + hasChild : function (child) { + return this === child.ancestor; + }, + + /** + * return the child corresponding to the given property and value.
+ * note : avoid calling this function every frame since + * it parses the whole object tree each time + * @name getChildByProp + * @memberOf me.Container + * @public + * @function + * @param {String} prop Property name + * @param {String} value Value of the property + * @return {me.Renderable[]} Array of childs + * @example + * // get the first child object called "mainPlayer" in a specific container : + * ent = myContainer.getChildByProp("name", "mainPlayer"); + * // or query the whole world : + * ent = me.game.world.getChildByProp("name", "mainPlayer"); + */ + getChildByProp : function (prop, value) { + var objList = []; + // for string comparaisons + var _regExp = new RegExp(value, "i"); + + function compare(obj, prop) { + if (typeof (obj[prop]) === "string") { + if (obj[prop].match(_regExp)) { + objList.push(obj); + } + } + else if (obj[prop] === value) { + objList.push(obj); + } + } + + for (var i = this.children.length - 1; i >= 0; i--) { + var obj = this.children[i]; + if (obj instanceof me.Container) { + compare(obj, prop); + objList = objList.concat(obj.getChildByProp(prop, value)); + } + else { + compare(obj, prop); + } + } + return objList; + }, + + /** + * returns the list of childs with the specified name
+ * as defined in Tiled (Name field of the Object Properties)
+ * note : avoid calling this function every frame since + * it parses the whole object list each time + * @name getChildByName + * @memberOf me.Container + * @public + * @function + * @param {String} name entity name + * @return {me.Renderable[]} Array of childs + */ + + getChildByName : function (name) { + return this.getChildByProp("name", name); + }, + + /** + * return the child corresponding to the specified GUID
+ * note : avoid calling this function every frame since + * it parses the whole object list each time + * @name getChildByGUID + * @memberOf me.Container + * @public + * @function + * @param {String} GUID entity GUID + * @return {me.Renderable} corresponding child or null + */ + getChildByGUID : function (guid) { + var obj = this.getChildByProp("GUID", guid); + return (obj.length > 0) ? obj[0] : null; + }, + + /** + * returns the bounding box for this container, the smallest rectangle object completely containing all childrens + * @name getBounds + * @memberOf me.Container + * @function + * @param {me.Rect} [rect] an optional rectangle object to use when returning the bounding rect(else returns a new object) + * @return {me.Rect} new rectangle + */ + getBounds : function () { + if (!this.bounds) { + this.bounds = new me.Rect(Infinity, Infinity, -Infinity, -Infinity); + } else { + // reset the rect with default values + this.bounds.pos.set(Infinity, Infinity); + this.bounds.resize(-Infinity, -Infinity); + } + var childBounds; + for (var i = this.children.length, child; i--, (child = this.children[i]);) { + if (child.isRenderable) { + childBounds = child.getBounds(); + // TODO : returns an "empty" rect instead of null (e.g. EntityObject) + // TODO : getBounds should always return something anyway + if (childBounds !== null) { + this.bounds.union(childBounds); + } + } + } + // TODO : cache the value until any childs are modified? (next frame?) + return this.bounds; + }, + + /** + * Invokes the removeChildNow in a defer, to ensure the child is removed safely after the update & draw stack has completed + * @name removeChild + * @memberOf me.Container + * @public + * @function + * @param {me.Renderable} child + * @param {Boolean} [keepalive=False] True to prevent calling child.destroy() + */ + removeChild : function (child, keepalive) { + if (child.ancestor) { + deferredRemove.defer(this, child, keepalive); + } + }, + + + /** + * Removes (and optionally destroys) a child from the container.
+ * (removal is immediate and unconditional)
+ * Never use keepalive=true with objects from {@link me.pool}. Doing so will create a memory leak. + * @name removeChildNow + * @memberOf me.Container + * @function + * @param {me.Renderable} child + * @param {Boolean} [keepalive=False] True to prevent calling child.destroy() + */ + removeChildNow : function (child, keepalive) { + if (this.hasChild(child)) { + + child.ancestor = undefined; + + if (typeof child.onDeactivateEvent === "function") { + child.onDeactivateEvent(); + } + + if (!keepalive) { + if (typeof (child.destroy) === "function") { + child.destroy(); + } + + me.pool.push(child); + } + + this.children.splice(this.getChildIndex(child), 1); + + } + else { + throw new me.Container.Error(child + " The supplied child must be a child of the caller " + this); + } + }, + + /** + * Automatically set the specified property of all childs to the given value + * @name setChildsProperty + * @memberOf me.Container + * @function + * @param {String} property property name + * @param {Object} value property value + * @param {Boolean} [recursive=false] recursively apply the value to child containers if true + */ + + setChildsProperty : function (prop, val, recursive) { + for (var i = this.children.length; i >= 0; i--) { + var obj = this.children[i]; + if ((recursive === true) && (obj instanceof me.Container)) { + obj.setChildsProperty(prop, val, recursive); + } + obj[prop] = val; + } + }, + + /** + * Move the child in the group one step forward (z depth). + * @name moveUp + * @memberOf me.Container + * @function + * @param {me.Renderable} child + */ + moveUp : function (child) { + var childIndex = this.getChildIndex(child); + if (childIndex - 1 >= 0) { + // note : we use an inverted loop + this.swapChildren(child, this.getChildAt(childIndex - 1)); + } + }, + + /** + * Move the child in the group one step backward (z depth). + * @name moveDown + * @memberOf me.Container + * @function + * @param {me.Renderable} child + */ + moveDown : function (child) { + var childIndex = this.getChildIndex(child); + if (childIndex + 1 < this.children.length) { + // note : we use an inverted loop + this.swapChildren(child, this.getChildAt(childIndex + 1)); + } + }, + + /** + * Move the specified child to the top(z depth). + * @name moveToTop + * @memberOf me.Container + * @function + * @param {me.Renderable} child + */ + moveToTop : function (child) { + var childIndex = this.getChildIndex(child); + if (childIndex > 0) { + // note : we use an inverted loop + this.children.splice(0, 0, this.children.splice(childIndex, 1)[0]); + // increment our child z value based on the previous child depth + child.z = this.children[1].z + 1; + } + }, + + /** + * Move the specified child the bottom (z depth). + * @name moveToBottom + * @memberOf me.Container + * @function + * @param {me.Renderable} child + */ + moveToBottom : function (child) { + var childIndex = this.getChildIndex(child); + if (childIndex < (this.children.length - 1)) { + // note : we use an inverted loop + this.children.splice((this.children.length - 1), 0, this.children.splice(childIndex, 1)[0]); + // increment our child z value based on the next child depth + child.z = this.children[(this.children.length - 2)].z - 1; + } + }, + + /** + * Checks if the specified child collides with others childs in this container + * @name collide + * @memberOf me.Container + * @public + * @function + * @deprecated use the new me.collision.check function for collision detection + * @param {me.Renderable} obj Object to be tested for collision + * @param {Boolean} [multiple=false] check for multiple collision ( + * @return {me.Vector2d} collision vector or an array of collision vector (multiple collision) + */ + collide : function (objA, multiple) { + // TO BE REMOVED + return this.collideType(objA, null, multiple); + }, + + /** + * Checks if the specified child collides with others childs in this container + * @name collideType + * @memberOf me.Container + * @public + * @function + * @deprecated use the new me.collision.check function for collision detection + * @param {me.Renderable} obj Object to be tested for collision + * @param {String} [type=undefined] child type to be tested for collision + * @param {Boolean} [multiple=false] check for multiple collision + * @return {me.Vector2d} collision vector or an array of collision vector (multiple collision) + */ + collideType : function (objA, type, multiple) { + + if (multiple === true || typeof (type) === "string") { + throw new me.Container.Error( + "Advanced collision detection through the " + + "`me.game.collide` function is deprecated, " + + "please use the new `me.collision.check` function" + ); + } + if (me.collision.check(objA, false, null, true, me.collision.response.clear())) { + return me.collision.response; + } + return null; + }, + + /** + * Manually trigger the sort of all the childs in the container

+ * @name sort + * @memberOf me.Container + * @public + * @function + * @param {Boolean} [recursive=false] recursively sort all containers if true + */ + sort : function (recursive) { + + // do nothing if there is already a pending sort + if (this.pendingSort === null) { + if (recursive === true) { + // trigger other child container sort function (if any) + for (var i = this.children.length, obj; i--, (obj = this.children[i]);) { + if (obj instanceof me.Container) { + // note : this will generate one defered sorting function + // for each existing containe + obj.sort(recursive); + } + } + } + /** @ignore */ + this.pendingSort = function (self) { + // sort everything in this container + self.children.sort(self["_sort" + self.sortOn.toUpperCase()]); + // clear the defer id + self.pendingSort = null; + // make sure we redraw everything + me.game.repaint(); + }.defer(this, this); + } + }, + + /** + * Z Sorting function + * @ignore + */ + _sortZ : function (a, b) { + return (b.z) - (a.z); + }, + + /** + * X Sorting function + * @ignore + */ + _sortX : function (a, b) { + /* ? */ + var result = (b.z - a.z); + return (result ? result : ((b.pos && b.pos.x) - (a.pos && a.pos.x)) || 0); + }, + + /** + * Y Sorting function + * @ignore + */ + _sortY : function (a, b) { + var result = (b.z - a.z); + return (result ? result : ((b.pos && b.pos.y) - (a.pos && a.pos.y)) || 0); + }, + + /** + * Destroy function
+ * @ignore + */ + destroy : function () { + // cancel any sort operation + if (this.pendingSort) { + clearTimeout(this.pendingSort); + this.pendingSort = null; + } + + // delete all children + for (var i = this.children.length, obj; i--, (obj = this.children[i]);) { + // don't remove it if a persistent object + if (!obj.isPersistent) { + this.removeChildNow(obj); + } + } + + // reset the transformation matrix + this.transform.identity(); + }, + + /** + * @ignore + */ + update : function (dt) { + var isDirty = false; + var isFloating = false; + var isPaused = me.state.isPaused(); + var isTranslated; + var x; + var y; + var viewport = me.game.viewport; + + for (var i = this.children.length, obj; i--, (obj = this.children[i]);) { + if (isPaused && (!obj.updateWhenPaused)) { + // skip this object + continue; + } + + if (obj.isRenderable) { + isFloating = (globalFloatingCounter > 0 || obj.floating); + if (isFloating) { + globalFloatingCounter++; + } + + // Translate global context + isTranslated = !isFloating; + if (isTranslated) { + x = obj.pos.x; + y = obj.pos.y; + globalTranslation.translateV(obj.pos); + globalTranslation.resize(obj.width, obj.height); + } + + // check if object is visible + obj.inViewport = isFloating || viewport.isVisible(globalTranslation); + + // update our object + isDirty |= (obj.inViewport || obj.alwaysUpdate) && obj.update(dt); + + // Undo global context translation + if (isTranslated) { + globalTranslation.translate(-x, -y); + } + + if (globalFloatingCounter > 0) { + globalFloatingCounter--; + } + } + else { + // just directly call update() for non renderable object + isDirty |= obj.update(dt); + } + } + return isDirty; + }, + + /** + * @ignore + */ + draw : function (renderer, rect) { + var viewport = me.game.viewport; + var isFloating = false; + + this.drawCount = 0; + + renderer.save(); + + // apply the container current transform + renderer.transform( + this.transform.a, this.transform.b, + this.transform.c, this.transform.d, + this.transform.e, this.transform.f + ); + + // apply the group opacity + renderer.setGlobalAlpha(renderer.globalAlpha() * this.getOpacity()); + + // translate to the container position + renderer.translate(this.pos.x, this.pos.y); + + for (var i = this.children.length, obj; i--, (obj = this.children[i]);) { + isFloating = obj.floating; + if ((obj.inViewport || isFloating) && obj.isRenderable) { + if (isFloating === true) { + renderer.save(); + // translate back object + renderer.translate( + viewport.screenX - this.pos.x, + viewport.screenY - this.pos.y + ); + } + + // draw the object + obj.draw(renderer, rect); + + if (isFloating === true) { + renderer.restore(); + } + + this.drawCount++; + } + } + + renderer.restore(); + } + }); + + /** + * Base class for ObjectContainer exception handling. + * @name Error + * @class + * @memberOf me.Container + * @constructor + * @param {String} msg Error message. + */ + me.Container.Error = me.Renderable.Error.extend({ + init : function (msg) { + me.Renderable.Error.prototype.init.apply(this, [ msg ]); + this.name = "me.Container.Error"; + } + }); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2014 Olivier Biot, Jason Oster, Aaron McLeod + * http://www.melonjs.org + * + */ + +(function () { + + /** + * me.ObjectSettings contains the object attributes defined in Tiled
+ * and is created by the engine and passed as parameter to the corresponding + * object when loading a level
+ * the field marked Mandatory are to be defined either in Tiled, or in the + * before calling the parent constructor
+ *
+ * @class + * @protected + * @memberOf me + */ + me.ObjectSettings = { + /** + * object entity name
+ * as defined in the Tiled Object Properties + * @public + * @property {String} name + * @memberOf me.ObjectSettings + */ + name : null, + + /** + * image ressource name to be loaded
+ * (in case of TiledObject, this field is automatically set) + * @public + * @property {String} image + * @memberOf me.ObjectSettings + */ + image : null, + + /** + * specify a transparent color for the image in rgb format (#rrggbb)
+ * (using this option will imply processing time on the image) + * @public + * @deprecated Use PNG or GIF with transparency instead + * @property {String=} transparent_color + * @memberOf me.ObjectSettings + */ + transparent_color : null, + + /** + * width of a single sprite in the spritesheet
+ * (in case of TiledObject, this field is automatically set) + * @public + * @property {Number=} spritewidth + * @memberOf me.ObjectSettings + */ + spritewidth : null, + + /** + * height of a single sprite in the spritesheet
+ * if not specified the value will be set to the corresponding image height
+ * (in case of TiledObject, this field is automatically set) + * @public + * @property {Number=} spriteheight + * @memberOf me.ObjectSettings + */ + spriteheight : null, + + /** + * custom type for collision detection + * @public + * @property {String=} type + * @memberOf me.ObjectSettings + */ + type : 0, + + /** + * Mask collision detection for this object
+ * OPTIONAL + * @public + * @type Number + * @name me.ObjectSettings#collisionMask + */ + collisionMask : 0xFFFFFFFF + }; + + /* + * A generic object entity + */ + + /** + * a Generic Object Entity
+ * Object Properties (settings) are to be defined in Tiled,
+ * or when calling the parent constructor + * + * @class + * @extends me.Renderable + * @memberOf me + * @constructor + * @param {Number} x the x coordinates of the entity object + * @param {Number} y the y coordinates of the entity object + * @param {me.ObjectSettings} settings Object Properties as defined in Tiled
+ * + */ + me.Entity = me.Renderable.extend( + /** @scope me.Entity.prototype */ + { + /** @ignore */ + init : function (x, y, settings) { + + /** + * The entity renderable object (if defined) + * @public + * @type me.Renderable + * @name renderable + * @memberOf me.Entity + */ + this.renderable = null; + + /** + * The bounding rectangle for this entity + * @protected + * @type {me.Rect} + * @name bounds + * @memberOf me.Ellipse + */ + this.bounds = undefined; + + // ensure mandatory properties are defined + if ((typeof settings.width !== "number") || (typeof settings.height !== "number")) { + throw new me.Entity.Error("height and width properties are mandatory when passing settings parameters to an object entity"); + } + + // call the super constructor + me.Renderable.prototype.init.apply(this, [x, y, + settings.width, + settings.height]); + + if (settings.image) { + var image = typeof settings.image === "object" ? settings.image : me.loader.getImage(settings.image); + this.renderable = new me.AnimationSheet(0, 0, { + "image" : image, + "spritewidth" : ~~(settings.spritewidth || settings.width), + "spriteheight" : ~~(settings.spriteheight || settings.height), + "spacing" : ~~settings.spacing, + "margin" : ~~settings.margin + }); + + // check for user defined transparent color + if (settings.transparent_color) { + this.renderable.setTransparency(settings.transparent_color); + } + } + + /** + * Entity name
+ * as defined in the Tiled Object Properties + * @public + * @property {String} name + * @memberOf me.Entity + */ + this.name = settings.name ? settings.name.toLowerCase() : ""; + + + /** + * dead/living state of the entity
+ * default value : true + * @public + * @type Boolean + * @name alive + * @memberOf me.Entity + */ + this.alive = true; + + // just to keep track of when we flip + this.lastflipX = false; + this.lastflipY = false; + + /** + * the entity body object + * @public + * @type me.Body + * @name body + * @memberOf me.Entity + */ + // initialize the default body + this.body = new me.Body(this); + + // add collision shape to the entity body if defined + if (typeof (settings.getShape) === "function") { + this.body.addShape(settings.getShape()); + } + + // ensure the entity bounds and pos are up-to-date + this.updateBounds(); + + // set the collision mask if defined + if (typeof(settings.collisionMask) !== "undefined") { + this.body.setCollisionMask(settings.collisionMask); + } + + // set the collision mask if defined + if (typeof(settings.collisionType) !== "undefined") { + if (typeof me.collision.types[settings.collisionType] !== "undefined") { + this.body.collisionType = me.collision.types[settings.collisionType]; + } else { + throw new me.Entity.Error("Invalid value for the collisionType property"); + } + } + }, + + /** + * returns the bounding box for this entity, the smallest rectangle object completely containing this entity body shapes + * @name getBounds + * @memberOf me.Entity + * @function + * @return {me.Rect} this entity bounding box Rectangle object + */ + getBounds : function () { + return this.bounds; + }, + + /** + * update the entity bounding rect (private) + * when manually update the entity pos, you need to call this function + * @protected + * @name updateBounds + * @memberOf me.Entity + * @function + */ + updateBounds : function () { + if (!this.bounds) { + this.bounds = new me.Rect(0, 0, 0, 0); + } + this.bounds.pos.setV(this.pos).add(this.body.pos); + this.bounds.resize(this.body.width, this.body.height); + return this.bounds; + }, + + /** + * Flip object on horizontal axis + * @name flipX + * @memberOf me.Entity + * @function + * @param {Boolean} flip enable/disable flip + */ + flipX : function (flip) { + if (flip !== this.lastflipX) { + this.lastflipX = flip; + if (this.renderable && this.renderable.flipX) { + // flip the animation + this.renderable.flipX(flip); + } + if (this.body) { + // flip the animation + this.body.flipX(flip); + } + } + }, + + /** + * Flip object on vertical axis + * @name flipY + * @memberOf me.Entity + * @function + * @param {Boolean} flip enable/disable flip + */ + flipY : function (flip) { + if (flip !== this.lastflipY) { + this.lastflipY = flip; + if (this.renderable && this.renderable.flipY) { + // flip the animation + this.renderable.flipY(flip); + } + if (this.body) { + // flip the animation + this.body.flipY(flip); + } + } + }, + + /** + * return the distance to the specified entity + * @name distanceTo + * @memberOf me.Entity + * @function + * @param {me.Entity} entity Entity + * @return {Number} distance + */ + distanceTo: function (e) { + // the me.Vector2d object also implements the same function, but + // we have to use here the center of both entities + var dx = (this.pos.x + this.hWidth) - (e.pos.x + e.hWidth); + var dy = (this.pos.y + this.hHeight) - (e.pos.y + e.hHeight); + return Math.sqrt(dx * dx + dy * dy); + }, + + /** + * return the distance to the specified point + * @name distanceToPoint + * @memberOf me.Entity + * @function + * @param {me.Vector2d} vector vector + * @return {Number} distance + */ + distanceToPoint: function (v) { + // the me.Vector2d object also implements the same function, but + // we have to use here the center of both entities + var dx = (this.pos.x + this.hWidth) - (v.x); + var dy = (this.pos.y + this.hHeight) - (v.y); + return Math.sqrt(dx * dx + dy * dy); + }, + + /** + * return the angle to the specified entity + * @name angleTo + * @memberOf me.Entity + * @function + * @param {me.Entity} entity Entity + * @return {Number} angle in radians + */ + angleTo: function (e) { + // the me.Vector2d object also implements the same function, but + // we have to use here the center of both entities + var ax = (e.pos.x + e.hWidth) - (this.pos.x + this.hWidth); + var ay = (e.pos.y + e.hHeight) - (this.pos.y + this.hHeight); + return Math.atan2(ay, ax); + }, + + + /** + * return the angle to the specified point + * @name angleToPoint + * @memberOf me.Entity + * @function + * @param {me.Vector2d} vector vector + * @return {Number} angle in radians + */ + angleToPoint: function (v) { + // the me.Vector2d object also implements the same function, but + // we have to use here the center of both entities + var ax = (v.x) - (this.pos.x + this.hWidth); + var ay = (v.y) - (this.pos.y + this.hHeight); + return Math.atan2(ay, ax); + }, + + /** @ignore */ + update : function (dt) { + if (this.renderable) { + return this.renderable.update(dt); + } + //if (this.body) { + // Remove from here from now, as object are calling entity.body.update() + // to be change later + // return this.body.update(dt); + //} + return false; + }, + + /** + * object draw
+ * not to be called by the end user
+ * called by the game manager on each game loop + * @name draw + * @memberOf me.Entity + * @function + * @protected + * @param {Context2d} context 2d Context on which draw our object + **/ + draw : function (renderer) { + // draw the sprite if defined + if (this.renderable) { + // translate the renderable position (relative to the entity) + // and keeps it in the entity defined bounds + var _bounds = this.getBounds(); + + var x = ~~(_bounds.pos.x + ( + this.anchorPoint.x * (_bounds.width - this.renderable.width) + )); + var y = ~~(_bounds.pos.y + ( + this.anchorPoint.y * (_bounds.height - this.renderable.height) + )); + renderer.translate(x, y); + this.renderable.draw(renderer); + renderer.translate(-x, -y); + } + }, + + /** + * Destroy function
+ * @ignore + */ + destroy : function () { + // free some property objects + if (this.renderable) { + this.renderable.destroy.apply(this.renderable, arguments); + this.renderable = null; + } + this.body.destroy.apply(this.body, arguments); + this.body = null; + }, + + /** + * OnDestroy Notification function
+ * Called by engine before deleting the object + * @name onDestroyEvent + * @memberOf me.Entity + * @function + */ + onDestroyEvent : function () { + // to be extended ! + } + + + }); + + /* + * A Collectable entity + */ + + /** + * @class + * @extends me.Entity + * @memberOf me + * @constructor + * @param {Number} x the x coordinates of the sprite object + * @param {Number} y the y coordinates of the sprite object + * @param {me.ObjectSettings} settings object settings + */ + me.CollectableEntity = me.Entity.extend( + /** @scope me.CollectableEntity.prototype */ + { + /** @ignore */ + init : function (x, y, settings) { + // call the super constructor + me.Entity.prototype.init.apply(this, [x, y, settings]); + this.body.collisionType = me.collision.types.COLLECTABLE_OBJECT; + } + }); + + /* + * A level entity + */ + + /** + * @class + * @extends me.Entity + * @memberOf me + * @constructor + * @param {Number} x the x coordinates of the object + * @param {Number} y the y coordinates of the object + * @param {me.ObjectSettings} settings object settings + * @example + * me.game.world.addChild(new me.LevelEntity( + * x, y, { + * "duration" : 250, // Fade duration (in ms) + * "color" : "#000", // Fade color + * "to" : "mymap2" // TMX level to load + * } + * )); + */ + me.LevelEntity = me.Entity.extend( + /** @scope me.LevelEntity.prototype */ + { + /** @ignore */ + init : function (x, y, settings) { + me.Entity.prototype.init.apply(this, [x, y, settings]); + + this.nextlevel = settings.to; + + this.fade = settings.fade; + this.duration = settings.duration; + this.fading = false; + + // a temp variable + this.gotolevel = settings.to; + + // set our collision callback function + this.body.onCollision = this.onCollision.bind(this); + + this.body.collisionType = me.collision.types.ACTION_OBJECT; + }, + + /** + * @ignore + */ + onFadeComplete : function () { + me.levelDirector.loadLevel(this.gotolevel); + me.game.viewport.fadeOut(this.fade, this.duration); + }, + + /** + * go to the specified level + * @name goTo + * @memberOf me.LevelEntity + * @function + * @param {String} [level=this.nextlevel] name of the level to load + * @protected + */ + goTo : function (level) { + this.gotolevel = level || this.nextlevel; + // load a level + //console.log("going to : ", to); + if (this.fade && this.duration) { + if (!this.fading) { + this.fading = true; + me.game.viewport.fadeIn(this.fade, this.duration, + this.onFadeComplete.bind(this)); + } + } else { + me.levelDirector.loadLevel(this.gotolevel); + } + }, + + /** @ignore */ + onCollision : function () { + this.goTo(); + } + }); + + /** + * Base class for Entity exception handling. + * @name Error + * @class + * @memberOf me.Entity + * @constructor + * @param {String} msg Error message. + */ + me.Entity.Error = me.Renderable.Error.extend({ + init : function (msg) { + me.Renderable.Error.prototype.init.apply(this, [ msg ]); + this.name = "me.Entity.Error"; + } + }); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + * + * Screens objects & State machine + * + */ + +(function () { + /** + * A class skeleton for "Screen" Object
+ * every "screen" object (title screen, credits, ingame, etc...) to be managed
+ * through the state manager must inherit from this base class. + * @class + * @extends Object + * @memberOf me + * @constructor + * @see me.state + */ + me.ScreenObject = Object.extend( + /** @scope me.ScreenObject.prototype */ + { + /** @ignore */ + init: function () {}, + + /** + * Object reset function + * @ignore + */ + reset : function () { + // reset the game manager + me.game.reset(); + // call the onReset Function + this.onResetEvent.apply(this, arguments); + }, + + /** + * destroy function + * @ignore + */ + destroy : function () { + // notify the object + this.onDestroyEvent.apply(this, arguments); + }, + + /** + * onResetEvent function
+ * called by the state manager when reseting the object
+ * this is typically where you will load a level, etc... + * to be extended + * @name onResetEvent + * @memberOf me.ScreenObject + * @function + * @param {} [arguments...] optional arguments passed when switching state + * @see me.state#change + */ + onResetEvent : function () { + // to be extended + }, + + /** + * onDestroyEvent function
+ * called by the state manager before switching to another state
+ * @name onDestroyEvent + * @memberOf me.ScreenObject + * @function + */ + onDestroyEvent : function () { + // to be extended + } + }); + + // based on the requestAnimationFrame polyfill by Erik Möller + (function () { + var lastTime = 0; + // get unprefixed rAF and cAF, if present + var requestAnimationFrame = me.agent.prefixed("requestAnimationFrame"); + var cancelAnimationFrame = me.agent.prefixed("cancelAnimationFrame") || + me.agent.prefixed("cancelRequestAnimationFrame"); + + if (!requestAnimationFrame || !cancelAnimationFrame) { + requestAnimationFrame = function (callback) { + var currTime = window.performance.now(); + var timeToCall = Math.max(0, 16 - (currTime - lastTime)); + var id = window.setTimeout(function () { + callback(currTime + timeToCall); + }, timeToCall); + lastTime = currTime + timeToCall; + return id; + }; + + cancelAnimationFrame = function (id) { + window.clearTimeout(id); + }; + } + + // put back in global namespace + window.requestAnimationFrame = requestAnimationFrame; + window.cancelAnimationFrame = cancelAnimationFrame; + }()); + + + /** + * a State Manager (state machine)

+ * There is no constructor function for me.state. + * @namespace me.state + * @memberOf me + */ + + me.state = (function () { + // hold public stuff in our singleton + var api = {}; + + /*------------------------------------------- + PRIVATE STUFF + --------------------------------------------*/ + + // current state + var _state = -1; + + // requestAnimeFrame Id + var _animFrameId = -1; + + // whether the game state is "paused" + var _isPaused = false; + + // list of screenObject + var _screenObject = {}; + + // fading transition parameters between screen + var _fade = { + color : "", + duration : 0 + }; + + // callback when state switch is done + /** @ignore */ + var _onSwitchComplete = null; + + // just to keep track of possible extra arguments + var _extraArgs = null; + + // store the elapsed time during pause/stop period + var _pauseTime = 0; + + /** + * @ignore + */ + function _startRunLoop() { + // ensure nothing is running first and in valid state + if ((_animFrameId === -1) && (_state !== -1)) { + // reset the timer + me.timer.reset(); + + // start the main loop + _animFrameId = window.requestAnimationFrame(_renderFrame); + } + } + + /** + * Resume the game loop after a pause. + * @ignore + */ + function _resumeRunLoop() { + // ensure game is actually paused and in valid state + if (_isPaused && (_state !== -1)) { + // reset the timer + me.timer.reset(); + + _isPaused = false; + } + } + + /** + * Pause the loop for most screen objects. + * @ignore + */ + function _pauseRunLoop() { + // Set the paused boolean to stop updates on (most) entities + _isPaused = true; + } + + /** + * this is only called when using requestAnimFrame stuff + * @param {Number} time current timestamp in milliseconds + * @ignore + */ + function _renderFrame(time) { + // update all game objects + me.game.update(time); + // render all game objects + me.game.draw(); + // schedule the next frame update + if (_animFrameId !== -1) { + _animFrameId = window.requestAnimationFrame(_renderFrame); + } + } + + /** + * stop the SO main loop + * @ignore + */ + function _stopRunLoop() { + // cancel any previous animationRequestFrame + window.cancelAnimationFrame(_animFrameId); + _animFrameId = -1; + } + + /** + * start the SO main loop + * @ignore + */ + function _switchState(state) { + // clear previous interval if any + _stopRunLoop(); + + // call the screen object destroy method + if (_screenObject[_state]) { + // just notify the object + _screenObject[_state].screen.destroy(); + } + + if (_screenObject[state]) { + // set the global variable + _state = state; + + // call the reset function with _extraArgs as arguments + _screenObject[_state].screen.reset.apply(_screenObject[_state].screen, _extraArgs); + + // and start the main loop of the + // new requested state + _startRunLoop(); + + // execute callback if defined + if (_onSwitchComplete) { + _onSwitchComplete(); + } + + // force repaint + me.game.repaint(); + } + } + + /* + * PUBLIC STUFF + */ + + /** + * default state ID for Loading Screen + * @constant + * @name LOADING + * @memberOf me.state + */ + api.LOADING = 0; + + /** + * default state ID for Menu Screen + * @constant + * @name MENU + * @memberOf me.state + */ + + api.MENU = 1; + /** + * default state ID for "Ready" Screen + * @constant + * @name READY + * @memberOf me.state + */ + + api.READY = 2; + /** + * default state ID for Play Screen + * @constant + * @name PLAY + * @memberOf me.state + */ + + api.PLAY = 3; + /** + * default state ID for Game Over Screen + * @constant + * @name GAMEOVER + * @memberOf me.state + */ + + api.GAMEOVER = 4; + /** + * default state ID for Game End Screen + * @constant + * @name GAME_END + * @memberOf me.state + */ + + api.GAME_END = 5; + /** + * default state ID for High Score Screen + * @constant + * @name SCORE + * @memberOf me.state + */ + + api.SCORE = 6; + /** + * default state ID for Credits Screen + * @constant + * @name CREDITS + * @memberOf me.state + */ + + api.CREDITS = 7; + /** + * default state ID for Settings Screen + * @constant + * @name SETTINGS + * @memberOf me.state + */ + api.SETTINGS = 8; + + /** + * default state ID for user defined constants
+ * @constant + * @name USER + * @memberOf me.state + * @example + * var STATE_INFO = me.state.USER + 0; + * var STATE_WARN = me.state.USER + 1; + * var STATE_ERROR = me.state.USER + 2; + * var STATE_CUTSCENE = me.state.USER + 3; + */ + api.USER = 100; + + /** + * onPause callback + * @callback + * @name onPause + * @memberOf me.state + */ + api.onPause = null; + + /** + * onResume callback + * @callback + * @name onResume + * @memberOf me.state + */ + api.onResume = null; + + /** + * onStop callback + * @callback + * @name onStop + * @memberOf me.state + */ + api.onStop = null; + + /** + * onRestart callback + * @callback + * @name onRestart + * @memberOf me.state + */ + api.onRestart = null; + + /** + * @ignore + */ + api.init = function () { + // set the embedded loading screen + api.set(api.LOADING, new me.DefaultLoadingScreen()); + }; + + /** + * Stop the current screen object. + * @name stop + * @memberOf me.state + * @public + * @function + * @param {Boolean} pauseTrack pause current track on screen stop. + */ + api.stop = function (music) { + // only stop when we are not loading stuff + if ((_state !== api.LOADING) && api.isRunning()) { + // stop the main loop + _stopRunLoop(); + // current music stop + if (music === true) { + me.audio.pauseTrack(); + } + + // store time when stopped + _pauseTime = window.performance.now(); + + // publish the stop notification + me.event.publish(me.event.STATE_STOP); + // any callback defined ? + if (typeof(api.onStop) === "function") { + api.onStop(); + } + } + }; + + /** + * pause the current screen object + * @name pause + * @memberOf me.state + * @public + * @function + * @param {Boolean} pauseTrack pause current track on screen pause + */ + api.pause = function (music) { + // only pause when we are not loading stuff + if ((_state !== api.LOADING) && !api.isPaused()) { + // stop the main loop + _pauseRunLoop(); + // current music stop + if (music === true) { + me.audio.pauseTrack(); + } + + // store time when paused + _pauseTime = window.performance.now(); + + // publish the pause event + me.event.publish(me.event.STATE_PAUSE); + // any callback defined ? + if (typeof(api.onPause) === "function") { + api.onPause(); + } + } + }; + + /** + * Restart the screen object from a full stop. + * @name restart + * @memberOf me.state + * @public + * @function + * @param {Boolean} resumeTrack resume current track on screen resume + */ + api.restart = function (music) { + if (!api.isRunning()) { + // restart the main loop + _startRunLoop(); + // current music stop + if (music === true) { + me.audio.resumeTrack(); + } + + // calculate the elpased time + _pauseTime = window.performance.now() - _pauseTime; + + // force repaint + me.game.repaint(); + + // publish the restart notification + me.event.publish(me.event.STATE_RESTART, [ _pauseTime ]); + // any callback defined ? + if (typeof(api.onRestart) === "function") { + api.onRestart(); + } + } + }; + + /** + * resume the screen object + * @name resume + * @memberOf me.state + * @public + * @function + * @param {Boolean} resumeTrack resume current track on screen resume + */ + api.resume = function (music) { + if (api.isPaused()) { + // resume the main loop + _resumeRunLoop(); + // current music stop + if (music === true) { + me.audio.resumeTrack(); + } + + // calculate the elpased time + _pauseTime = window.performance.now() - _pauseTime; + + // publish the resume event + me.event.publish(me.event.STATE_RESUME, [ _pauseTime ]); + // any callback defined ? + if (typeof(api.onResume) === "function") { + api.onResume(); + } + } + }; + + /** + * return the running state of the state manager + * @name isRunning + * @memberOf me.state + * @public + * @function + * @return {Boolean} true if a "process is running" + */ + api.isRunning = function () { + return _animFrameId !== -1; + }; + + /** + * Return the pause state of the state manager + * @name isPaused + * @memberOf me.state + * @public + * @function + * @return {Boolean} true if the game is paused + */ + api.isPaused = function () { + return _isPaused; + }; + + /** + * associate the specified state with a screen object + * @name set + * @memberOf me.state + * @public + * @function + * @param {Number} state State ID (see constants) + * @param {me.ScreenObject} so Instantiated ScreenObject to associate + * with state ID + * @example + * var MenuButton = me.GUI_Object.extend({ + * "onClick" : function () { + * // Change to the PLAY state when the button is clicked + * me.state.change(me.state.PLAY); + * return true; + * } + * }); + * + * var MenuScreen = me.ScreenObject.extend({ + * onResetEvent: function() { + * // Load background image + * me.game.world.addChild( + * new me.ImageLayer("bg", 0, 0, "bg"), + * 0 // z-index + * ); + * + * // Add a button + * me.game.world.addChild( + * new MenuButton(350, 200, { "image" : "start" }), + * 1 // z-index + * ); + * + * // Play music + * me.audio.playTrack("menu"); + * }, + * + * "onDestroyEvent" : function () { + * // Stop music + * me.audio.stopTrack(); + * } + * }); + * + * me.state.set(me.state.MENU, new MenuScreen()); + */ + api.set = function (state, so) { + _screenObject[state] = {}; + _screenObject[state].screen = so; + _screenObject[state].transition = true; + }; + + /** + * return a reference to the current screen object
+ * useful to call a object specific method + * @name current + * @memberOf me.state + * @public + * @function + * @return {me.ScreenObject} + */ + api.current = function () { + return _screenObject[_state].screen; + }; + + /** + * specify a global transition effect + * @name transition + * @memberOf me.state + * @public + * @function + * @param {String} effect (only "fade" is supported for now) + * @param {String} color a CSS color value + * @param {Number} [duration=1000] expressed in milliseconds + */ + api.transition = function (effect, color, duration) { + if (effect === "fade") { + _fade.color = color; + _fade.duration = duration; + } + }; + + /** + * enable/disable transition for a specific state (by default enabled for all) + * @name setTransition + * @memberOf me.state + * @public + * @function + * @param {Number} state State ID (see constants) + * @param {Boolean} enable + */ + api.setTransition = function (state, enable) { + _screenObject[state].transition = enable; + }; + + /** + * change the game/app state + * @name change + * @memberOf me.state + * @public + * @function + * @param {Number} state State ID (see constants) + * @param {} [arguments...] extra arguments to be passed to the reset functions + * @example + * // The onResetEvent method on the play screen will receive two args: + * // "level_1" and the number 3 + * me.state.change(me.state.PLAY, "level_1", 3); + */ + api.change = function (state) { + // Protect against undefined ScreenObject + if (typeof(_screenObject[state]) === "undefined") { + throw new me.Error("Undefined ScreenObject for state '" + state + "'"); + } + + _extraArgs = null; + if (arguments.length > 1) { + // store extra arguments if any + _extraArgs = Array.prototype.slice.call(arguments, 1); + } + // if fading effect + if (_fade.duration && _screenObject[state].transition) { + /** @ignore */ + _onSwitchComplete = function () { + me.game.viewport.fadeOut(_fade.color, _fade.duration); + }; + me.game.viewport.fadeIn( + _fade.color, + _fade.duration, + function () { + _switchState.defer(this, state); + } + ); + + } + // else just switch without any effects + else { + // wait for the last frame to be + // "finished" before switching + _switchState.defer(this, state); + } + }; + + /** + * return true if the specified state is the current one + * @name isCurrent + * @memberOf me.state + * @public + * @function + * @param {Number} state State ID (see constants) + */ + api.isCurrent = function (state) { + return _state === state; + }; + + // return our object + return api; + })(); +})(); + +/* + * MelonJS Game Engine + * @copyright (C) 2011 - 2014 Olivier Biot, Jason Oster, Aaron McLeod + * http://www.melonjs.org + */ +(function () { + // a basic progress bar object + var ProgressBar = me.Renderable.extend({ + + init: function (v, w, h) { + me.Renderable.prototype.init.apply(this, [v.x, v.y, w, h]); + // flag to know if we need to refresh the display + this.invalidate = false; + + // default progress bar height + this.barHeight = 4; + + // current progress + this.progress = 0; + }, + + // make sure the screen is refreshed every frame + onProgressUpdate : function (progress) { + this.progress = Math.floor(progress * this.width); + this.invalidate = true; + }, + + // make sure the screen is refreshed every frame + update : function () { + if (this.invalidate === true) { + // clear the flag + this.invalidate = false; + // and return true + return true; + } + // else return false + return false; + }, + + // draw function + draw : function (renderer) { + var context = renderer.getContext(); + // draw the progress bar + context.fillStyle = "black"; + context.fillRect(0, (this.height / 2) - (this.barHeight / 2), this.width, this.barHeight); + context.fillStyle = "#55aa00"; + context.fillRect(2, (this.height / 2) - (this.barHeight / 2), this.progress, this.barHeight); + } + }); + + // the melonJS Logo + var IconLogo = me.Renderable.extend({ + init : function (x, y) { + me.Renderable.prototype.init.apply(this, [x, y, 100, 85]); + }, + + // 100x85 Logo + // generated using Illustrator and the Ai2Canvas plugin + draw : function (renderer) { + renderer.save(); + + // translate to destination point + renderer.translate(this.pos.x, this.pos.y); + + var context = renderer.getContext(); + + context.beginPath(); + context.moveTo(0.7, 48.9); + context.bezierCurveTo(10.8, 68.9, 38.4, 75.8, 62.2, 64.5); + context.bezierCurveTo(86.1, 53.1, 97.2, 27.7, 87.0, 7.7); + context.lineTo(87.0, 7.7); + context.bezierCurveTo(89.9, 15.4, 73.9, 30.2, 50.5, 41.4); + context.bezierCurveTo(27.1, 52.5, 5.2, 55.8, 0.7, 48.9); + context.lineTo(0.7, 48.9); + context.lineTo(0.7, 48.9); + context.closePath(); + context.fillStyle = "rgb(255, 255, 255)"; + context.fill(); + + context.beginPath(); + context.moveTo(84.0, 7.0); + context.bezierCurveTo(87.6, 14.7, 72.5, 30.2, 50.2, 41.6); + context.bezierCurveTo(27.9, 53.0, 6.9, 55.9, 3.2, 48.2); + context.bezierCurveTo(-0.5, 40.4, 14.6, 24.9, 36.9, 13.5); + context.bezierCurveTo(59.2, 2.2, 80.3, -0.8, 84.0, 7.0); + context.lineTo(84.0, 7.0); + context.closePath(); + context.lineWidth = 5.3; + context.strokeStyle = "rgb(255, 255, 255)"; + context.lineJoin = "miter"; + context.miterLimit = 4.0; + context.stroke(); + + renderer.restore(); + } + }); + + // the melonJS Text Logo + var TextLogo = me.Renderable.extend({ + // constructor + init : function (w, h) { + me.Renderable.prototype.init.apply(this, [0, 0, w, h]); + this.logo1 = new me.Font("century gothic", 32, "white", "middle"); + this.logo2 = new me.Font("century gothic", 32, "#55aa00", "middle"); + this.logo2.bold(); + this.logo1.textBaseline = this.logo2.textBaseline = "alphabetic"; + }, + + draw : function (renderer) { + // measure the logo size + var context = renderer.getContext(); + var logo1_width = this.logo1.measureText(context, "melon").width; + var xpos = (this.width - logo1_width - this.logo2.measureText(context, "JS").width) / 2; + var ypos = (this.height / 2) + (this.logo2.measureText(context, "melon").height); + + // draw the melonJS string + this.logo1.draw(context, "melon", xpos, ypos); + xpos += logo1_width; + this.logo2.draw(context, "JS", xpos, ypos); + } + + }); + + /** + * a default loading screen + * @memberOf me + * @ignore + * @constructor + */ + me.DefaultLoadingScreen = me.ScreenObject.extend({ + // call when the loader is resetted + onResetEvent : function () { + me.game.reset(); + + // background color + me.game.world.addChild(new me.ColorLayer("background", "#202020", 0)); + + // progress bar + var progressBar = new ProgressBar( + new me.Vector2d(), + me.video.renderer.getWidth(), + me.video.renderer.getHeight() + ); + this.handle = me.event.subscribe( + me.event.LOADER_PROGRESS, + progressBar.onProgressUpdate.bind(progressBar) + ); + me.game.world.addChild(progressBar, 1); + + // melonJS text & logo + var icon = new IconLogo( + (me.video.renderer.getWidth() - 100) / 2, + (me.video.renderer.getHeight() / 2) - (progressBar.barHeight / 2) - 90 + ); + me.game.world.addChild(icon, 1); + me.game.world.addChild(new TextLogo(me.video.renderer.getWidth(), me.video.renderer.getHeight()), 1); + }, + + // destroy object at end of loading + onDestroyEvent : function () { + // cancel the callback + if (this.handle) { + me.event.unsubscribe(this.handle); + this.handle = null; + } + } + }); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + * + */ +(function () { + /** + * a small class to manage loading of stuff and manage resources + * There is no constructor function for me.input. + * @namespace me.loader + * @memberOf me + */ + me.loader = (function () { + // hold public stuff in our singleton + var api = {}; + + // contains all the images loaded + var imgList = {}; + // contains all the TMX loaded + var tmxList = {}; + // contains all the binary files loaded + var binList = {}; + // contains all the JSON files + var jsonList = {}; + // flag to check loading status + var resourceCount = 0; + var loadCount = 0; + var timerId = 0; + + /** + * check the loading status + * @ignore + */ + function checkLoadStatus() { + if (loadCount === resourceCount) { + // wait 1/2s and execute callback (cheap workaround to ensure everything is loaded) + if (api.onload) { + // make sure we clear the timer + clearTimeout(timerId); + // trigger the onload callback + setTimeout(function () { + api.onload(); + me.event.publish(me.event.LOADER_COMPLETE); + }, 300); + } + else { + console.error("no load callback defined"); + } + } + else { + timerId = setTimeout(checkLoadStatus, 100); + } + } + + /** + * load Images + * @example + * preloadImages([ + * { name : 'image1', src : 'images/image1.png'}, + * { name : 'image2', src : 'images/image2.png'}, + * { name : 'image3', src : 'images/image3.png'}, + * { name : 'image4', src : 'images/image4.png'} + * ]); + * @ignore + */ + function preloadImage(img, onload, onerror) { + // create new Image object and add to list + imgList[img.name] = new Image(); + imgList[img.name].onload = onload; + imgList[img.name].onerror = onerror; + imgList[img.name].src = img.src + api.nocache; + } + + /** + * preload TMX files + * @ignore + */ + function preloadTMX(tmxData, onload, onerror) { + function addToTMXList(data, format) { + // set the TMX content + tmxList[tmxData.name] = { + data: data, + isTMX: (tmxData.type === "tmx"), + format : format + }; + } + + // add the tmx to the levelDirector + if (tmxData.type === "tmx") { + me.levelDirector.addTMXLevel(tmxData.name); + } + + //if the data is in the tmxData object, don't get it via a XMLHTTPRequest + if (tmxData.data) { + addToTMXList(tmxData.data, tmxData.format); + onload(); + return; + } + + var xmlhttp = new XMLHttpRequest(); + // check the data format ('tmx', 'json') + var format = me.utils.getFileExtension(tmxData.src).toLowerCase(); + + if (xmlhttp.overrideMimeType) { + if (format === "json") { + xmlhttp.overrideMimeType("application/json"); + } + else { + xmlhttp.overrideMimeType("text/xml"); + } + } + + xmlhttp.open("GET", tmxData.src + api.nocache, true); + + + // set the callbacks + xmlhttp.ontimeout = onerror; + xmlhttp.onreadystatechange = function () { + if (xmlhttp.readyState === 4) { + // status = 0 when file protocol is used, or cross-domain origin, + // (With Chrome use "--allow-file-access-from-files --disable-web-security") + if ((xmlhttp.status === 200) || ((xmlhttp.status === 0) && xmlhttp.responseText)) { + var result = null; + + // parse response + switch (format) { + case "xml": + case "tmx": + // ie9 does not fully implement the responseXML + if (me.device.ua.match(/msie/i) || !xmlhttp.responseXML) { + // manually create the XML DOM + result = (new DOMParser()).parseFromString(xmlhttp.responseText, "text/xml"); + } + else { + result = xmlhttp.responseXML; + } + // converts to a JS object + // (returns with map as a the root object, to match native json format) + result = me.TMXUtils.parse(result).map; + // force format to json + format = "json"; + break; + + case "json": + result = JSON.parse(xmlhttp.responseText); + break; + + default: + throw new api.Error("TMX file format " + format + "not supported !"); + } + + //set the TMX content + addToTMXList(result, format); + + // fire the callback + onload(); + } + else { + onerror(); + } + } + }; + // send the request + xmlhttp.send(null); + } + + /** + * preload TMX files + * @ignore + */ + function preloadJSON(data, onload, onerror) { + var xmlhttp = new XMLHttpRequest(); + + if (xmlhttp.overrideMimeType) { + xmlhttp.overrideMimeType("application/json"); + } + + xmlhttp.open("GET", data.src + api.nocache, true); + + // set the callbacks + xmlhttp.ontimeout = onerror; + xmlhttp.onreadystatechange = function () { + if (xmlhttp.readyState === 4) { + // status = 0 when file protocol is used, or cross-domain origin, + // (With Chrome use "--allow-file-access-from-files --disable-web-security") + if ((xmlhttp.status === 200) || ((xmlhttp.status === 0) && xmlhttp.responseText)) { + // get the Texture Packer Atlas content + jsonList[data.name] = JSON.parse(xmlhttp.responseText); + // fire the callback + onload(); + } + else { + onerror(); + } + } + }; + // send the request + xmlhttp.send(null); + } + + /** + * preload Binary files + * @ignore + */ + function preloadBinary(data, onload, onerror) { + var httpReq = new XMLHttpRequest(); + + // load our file + httpReq.open("GET", data.src + api.nocache, true); + httpReq.responseType = "arraybuffer"; + httpReq.onerror = onerror; + httpReq.onload = function () { + var arrayBuffer = httpReq.response; + if (arrayBuffer) { + var byteArray = new Uint8Array(arrayBuffer); + var buffer = []; + for (var i = 0; i < byteArray.byteLength; i++) { + buffer[i] = String.fromCharCode(byteArray[i]); + } + binList[data.name] = buffer.join(""); + // callback + onload(); + } + }; + httpReq.send(); + } + + /** + * to enable/disable caching + * @ignore + */ + api.nocache = ""; + + /* + * PUBLIC STUFF + */ + + /** + * onload callback + * @public + * @callback + * @name onload + * @memberOf me.loader + * @example + * + * // set a callback when everything is loaded + * me.loader.onload = this.loaded.bind(this); + */ + api.onload = undefined; + + /** + * onProgress callback
+ * each time a resource is loaded, the loader will fire the specified function, + * giving the actual progress [0 ... 1], as argument, and an object describing the resource loaded + * @public + * @callback + * @name onProgress + * @memberOf me.loader + * @example + * + * // set a callback for progress notification + * me.loader.onProgress = this.updateProgress.bind(this); + */ + api.onProgress = undefined; + + /** + * Base class for Loader exception handling. + * @name Error + * @class + * @memberOf me.loader + * @constructor + * @param {String} msg Error message. + */ + api.Error = me.Error.extend({ + init : function (msg) { + me.Error.prototype.init.apply(this, [ msg ]); + this.name = "me.loader.Error"; + } + }); + + /** + * just increment the number of already loaded resources + * @ignore + */ + api.onResourceLoaded = function (res) { + // increment the loading counter + loadCount++; + + // callback ? + var progress = api.getLoadProgress(); + if (api.onProgress) { + // pass the load progress in percent, as parameter + api.onProgress(progress, res); + } + me.event.publish(me.event.LOADER_PROGRESS, [progress, res]); + }; + + /** + * on error callback for image loading + * @ignore + */ + api.onLoadingError = function (res) { + throw new api.Error("Failed loading resource " + res.src); + }; + + /** + * enable the nocache mechanism + * @ignore + */ + api.setNocache = function (enable) { + api.nocache = enable ? "?" + parseInt(Math.random() * 10000000, 10) : ""; + }; + + + /** + * set all the specified game resources to be preloaded.
+ * each resource item must contain the following fields :
+ * - name : internal name of the resource
+ * - type : "binary", "image", "tmx", "tsx", "audio"
+ * each resource except type "tmx" must contain the following field :
+ * - src : path and file name of the resource
+ * (!) for tmx :
+ * - src : path and file name of the resource
+ * or
+ * - data : the json or xml object representation of the tmx file
+ * - format : "xml" or "json"
+ * (!) for audio :
+ * - src : path (only) where resources are located
+ *
+ * @name preload + * @memberOf me.loader + * @public + * @function + * @param {Object[]} resources + * @example + * var g_resources = [ + * // PNG tileset + * {name: "tileset-platformer", type: "image", src: "data/map/tileset.png"}, + * // PNG packed texture + * {name: "texture", type:"image", src: "data/gfx/texture.png"} + * // TSX file + * {name: "meta_tiles", type: "tsx", src: "data/map/meta_tiles.tsx"}, + * // TMX level (XML & JSON) + * {name: "map1", type: "tmx", src: "data/map/map1.json"}, + * {name: "map2", type: "tmx", src: "data/map/map2.tmx"}, + * {name: "map3", type: "tmx", format: "json", data: {"height":15,"layers":[...],"tilewidth":32,"version":1,"width":20}}, + * {name: "map4", type: "tmx", format: "xml", data: {xml representation of tmx}}, + * // audio resources + * {name: "bgmusic", type: "audio", src: "data/audio/"}, + * {name: "cling", type: "audio", src: "data/audio/"}, + * // binary file + * {name: "ymTrack", type: "binary", src: "data/audio/main.ym"}, + * // JSON file (used for texturePacker) + * {name: "texture", type: "json", src: "data/gfx/texture.json"} + * ]; + * ... + * + * // set all resources to be loaded + * me.loader.preload(g_resources); + */ + api.preload = function (res) { + // parse the resources + for (var i = 0; i < res.length; i++) { + resourceCount += api.load( + res[i], + api.onResourceLoaded.bind(api, res[i]), + api.onLoadingError.bind(api, res[i]) + ); + } + // check load status + checkLoadStatus(); + }; + + /** + * Load a single resource (to be used if you need to load additional resource during the game)
+ * Given parameter must contain the following fields :
+ * - name : internal name of the resource
+ * - type : "audio", binary", "image", "json", "tmx", "tsx"
+ * each resource except type "tmx" must contain the following field :
+ * - src : path and file name of the resource
+ * (!) for tmx :
+ * - src : path and file name of the resource
+ * or
+ * - data : the json or xml object representation of the tmx file
+ * - format : "xml" or "json"
+ * (!) for audio :
+ * - src : path (only) where resources are located
+ * @name load + * @memberOf me.loader + * @public + * @function + * @param {Object} resource + * @param {Function} onload function to be called when the resource is loaded + * @param {Function} onerror function to be called in case of error + * @example + * // load an image asset + * me.loader.load({name: "avatar", type:"image", src: "data/avatar.png"}, this.onload.bind(this), this.onerror.bind(this)); + * + * // start loading music + * me.loader.load({ + * name : "bgmusic", + * type : "audio", + * src : "data/audio/" + * }, function () { + * me.audio.play("bgmusic"); + * }); + */ + api.load = function (res, onload, onerror) { + // fore lowercase for the resource name + res.name = res.name.toLowerCase(); + // check ressource type + switch (res.type) { + case "binary": + // reuse the preloadImage fn + preloadBinary.call(this, res, onload, onerror); + return 1; + + case "image": + // reuse the preloadImage fn + preloadImage.call(this, res, onload, onerror); + return 1; + + case "json": + preloadJSON.call(this, res, onload, onerror); + return 1; + + case "tmx": + case "tsx": + preloadTMX.call(this, res, onload, onerror); + return 1; + + case "audio": + me.audio.load(res, onload, onerror); + return 1; + + default: + throw new api.Error("load : unknown or invalid resource type : " + res.type); + } + }; + + /** + * unload specified resource to free memory + * @name unload + * @memberOf me.loader + * @public + * @function + * @param {Object} resource + * @return {Boolean} true if unloaded + * @example me.loader.unload({name: "avatar", type:"image", src: "data/avatar.png"}); + */ + api.unload = function (res) { + res.name = res.name.toLowerCase(); + switch (res.type) { + case "binary": + if (!(res.name in binList)) { + return false; + } + + delete binList[res.name]; + return true; + + case "image": + if (!(res.name in imgList)) { + return false; + } + if (typeof(imgList[res.name].dispose) === "function") { + // cocoonJS implements a dispose function to free + // corresponding allocated texture in memory + imgList[res.name].dispose(); + } + delete imgList[res.name]; + return true; + + case "json": + if (!(res.name in jsonList)) { + return false; + } + + delete jsonList[res.name]; + return true; + + case "tmx": + case "tsx": + if (!(res.name in tmxList)) { + return false; + } + + delete tmxList[res.name]; + return true; + + case "audio": + return me.audio.unload(res.name); + + default: + throw new api.Error("unload : unknown or invalid resource type : " + res.type); + } + }; + + /** + * unload all resources to free memory + * @name unloadAll + * @memberOf me.loader + * @public + * @function + * @example me.loader.unloadAll(); + */ + api.unloadAll = function () { + var name; + + // unload all binary resources + for (name in binList) { + if (binList.hasOwnProperty(name)) { + api.unload({ + "name" : name, + "type" : "binary" + }); + } + } + + // unload all image resources + for (name in imgList) { + if (imgList.hasOwnProperty(name)) { + api.unload({ + "name" : name, + "type" : "image" + }); + } + } + + // unload all tmx resources + for (name in tmxList) { + if (tmxList.hasOwnProperty(name)) { + api.unload({ + "name" : name, + "type" : "tmx" + }); + } + } + + // unload all in json resources + for (name in jsonList) { + if (jsonList.hasOwnProperty(name)) { + api.unload({ + "name" : name, + "type" : "json" + }); + } + } + + // unload all audio resources + me.audio.unloadAll(); + }; + + /** + * return the specified TMX/TSX object + * @name getTMX + * @memberOf me.loader + * @public + * @function + * @param {String} tmx name of the tmx/tsx element ("map1"); + * @return {TMx} + */ + api.getTMX = function (elt) { + // avoid case issue + elt = "" + elt; + elt = elt.toLowerCase(); + if (elt in tmxList) { + return tmxList[elt].data; + } + else { + //console.log ("warning %s resource not yet loaded!",name); + return null; + } + }; + + /** + * return the specified Binary object + * @name getBinary + * @memberOf me.loader + * @public + * @function + * @param {String} name of the binary object ("ymTrack"); + * @return {Object} + */ + api.getBinary = function (elt) { + // avoid case issue + elt = "" + elt; + elt = elt.toLowerCase(); + if (elt in binList) { + return binList[elt]; + } + else { + //console.log ("warning %s resource not yet loaded!",name); + return null; + } + + }; + + /** + * return the specified Image Object + * @name getImage + * @memberOf me.loader + * @public + * @function + * @param {String} Image name of the Image element ("tileset-platformer"); + * @return {Image} + */ + api.getImage = function (elt) { + // avoid case issue + elt = "" + elt; + elt = elt.toLowerCase(); + if (elt in imgList) { + // return the corresponding Image object + return imgList[elt]; + } + else { + //console.log ("warning %s resource not yet loaded!",name); + return null; + } + + }; + + /** + * return the specified JSON Object + * @name getJSON + * @memberOf me.loader + * @public + * @function + * @param {String} Name for the json file to load + * @return {Object} + */ + api.getJSON = function (elt) { + elt = "" + elt; + elt = elt.toLowerCase(); + if (elt in jsonList) { + return jsonList[elt]; + } + else { + return null; + } + }; + + /** + * Return the loading progress in percent + * @name getLoadProgress + * @memberOf me.loader + * @public + * @function + * @deprecated use callback instead + * @return {Number} + */ + api.getLoadProgress = function () { + return loadCount / resourceCount; + }; + + // return our object + return api; + })(); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + * + * Font / Bitmap font + * + * ASCII Table + * http://www.asciitable.com/ + * [ !"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz] + * + * -> first char " " 32d (0x20); + */ +(function () { + /** + * a generic system font object. + * @class + * @extends me.Renderable + * @memberOf me + * @constructor + * @param {String} font a CSS font name + * @param {Number|String} size size, or size + suffix (px, em, pt) + * @param {String} fillStyle a CSS color value + * @param {String} [textAlign="left"] horizontal alignment + */ + me.Font = me.Renderable.extend( + /** @scope me.Font.prototype */ { + + /** @ignore */ + init : function (font, size, fillStyle, textAlign) { + // private font properties + /** @ignore */ + this.fontSize = new me.Vector2d(); + + /** + * defines the color used to draw the font.
+ * Default value : "#000000" + * @public + * @type String + * @name me.Font#fillStyle + */ + this.fillStyle = fillStyle || "#000000"; + + /** + * defines the color used to draw the font stroke.
+ * Default value : "#000000" + * @public + * @type String + * @name me.Font#strokeStyle + */ + this.strokeStyle = "#000000"; + + /** + * sets the current line width, in pixels, when drawing stroke + * Default value : 1 + * @public + * @type Number + * @name me.Font#lineWidth + */ + this.lineWidth = 1; + + /** + * Set the default text alignment (or justification),
+ * possible values are "left", "right", and "center".
+ * Default value : "left" + * @public + * @type String + * @name me.Font#textAlign + */ + this.textAlign = textAlign || "left"; + + /** + * Set the text baseline (e.g. the Y-coordinate for the draw operation),
+ * possible values are "top", "hanging, "middle, "alphabetic, "ideographic, "bottom"
+ * Default value : "top" + * @public + * @type String + * @name me.Font#textBaseline + */ + this.textBaseline = "top"; + + /** + * Set the line spacing height (when displaying multi-line strings).
+ * Current font height will be multiplied with this value to set the line height. + * Default value : 1.0 + * @public + * @type Number + * @name me.Font#lineHeight + */ + this.lineHeight = 1.0; + // font name and type + this.setFont(font, size, fillStyle, textAlign); + // super constructor + this.pos = new me.Vector2d(0, 0); + me.Renderable.prototype.init.apply(this, [this.pos.x, this.pos.y, 0, this.fontSize.y]); + }, + + /** + * make the font bold + * @name bold + * @memberOf me.Font + * @function + */ + bold : function () { + this.font = "bold " + this.font; + }, + + /** + * make the font italic + * @name italic + * @memberOf me.Font + * @function + */ + italic : function () { + this.font = "italic " + this.font; + }, + + /** + * Change the font settings + * @name setFont + * @memberOf me.Font + * @function + * @param {String} font a CSS font name + * @param {Number|String} size size, or size + suffix (px, em, pt) + * @param {String} fillStyle a CSS color value + * @param {String} [textAlign="left"] horizontal alignment + * @example + * font.setFont("Arial", 20, "white"); + * font.setFont("Arial", "1.5em", "white"); + */ + setFont : function (font, size, fillStyle, textAlign) { + // font name and type + var font_names = font.split(",").map(function (value) { + value = value.trim(); + return ( + !/(^".*"$)|(^'.*'$)/.test(value) + ) ? "\"" + value + "\"" : value; + }); + + this.fontSize.y = parseInt(size, 10); + this.height = this.fontSize.y; + + if (typeof size === "number") { + size += "px"; + } + this.font = size + " " + font_names.join(","); + this.fillStyle = fillStyle; + if (textAlign) { + this.textAlign = textAlign; + } + }, + + /** + * measure the given text size in pixels + * @name measureText + * @memberOf me.Font + * @function + * @param {Context} context 2D Context + * @param {String} text + * @return {Object} returns an object, with two attributes: width (the width of the text) and height (the height of the text). + */ + measureText : function (context, text) { + // draw the text + context.font = this.font; + context.fillStyle = this.fillStyle; + context.textAlign = this.textAlign; + context.textBaseline = this.textBaseline; + + this.height = this.width = 0; + + var strings = ("" + text).split("\n"); + for (var i = 0; i < strings.length; i++) { + this.width = Math.max(context.measureText(strings[i].trimRight()).width, this.width); + this.height += this.fontSize.y * this.lineHeight; + } + return { + width : this.width, + height : this.height + }; + }, + + /** + * draw a text at the specified coord + * @name draw + * @memberOf me.Font + * @function + * @param {Context} context 2D Context + * @param {String} text + * @param {Number} x + * @param {Number} y + */ + draw : function (context, text, x, y) { + // update initial position + this.pos.set(x, y); + // draw the text + context.font = this.font; + context.fillStyle = this.fillStyle; + context.textAlign = this.textAlign; + context.textBaseline = this.textBaseline; + + var strings = ("" + text).split("\n"); + for (var i = 0; i < strings.length; i++) { + // draw the string + context.fillText(strings[i].trimRight(), ~~x, ~~y); + // add leading space + y += this.fontSize.y * this.lineHeight; + } + }, + + /** + * draw a stroke text at the specified coord, as defined
+ * by the `lineWidth` and `fillStroke` properties.
+ * Note : using drawStroke is not recommended for performance reasons + * @name drawStroke + * @memberOf me.Font + * @function + * @param {Context} context 2D Context + * @param {String} text + * @param {Number} x + * @param {Number} y + */ + drawStroke : function (context, text, x, y) { + // update initial position + this.pos.set(x, y); + // draw the text + context.font = this.font; + context.fillStyle = this.fillStyle; + context.strokeStyle = this.strokeStyle; + context.lineWidth = this.lineWidth; + context.textAlign = this.textAlign; + context.textBaseline = this.textBaseline; + + var strings = ("" + text).split("\n"); + for (var i = 0; i < strings.length; i++) { + var _string = strings[i].trimRight(); + // draw the border + context.strokeText(_string, ~~x, ~~y); + // draw the string + context.fillText(_string, ~~x, ~~y); + // add leading space + y += this.fontSize.y * this.lineHeight; + } + } + }); +})(); +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + * + * Font / Bitmap font + * + * ASCII Table + * http://www.asciitable.com/ + * [ !"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz] + * + * -> first char " " 32d (0x20); + */ +(function () { + /** + * a bitpmap font object + * @class + * @extends me.Font + * @memberOf me + * @constructor + * @param {String} font + * @param {Number|Object} size either an int value, or an object like {x:16,y:16} + * @param {Number} [scale="1.0"] + * @param {String} [firstChar="0x20"] + */ + me.BitmapFont = me.Font.extend( + /** @scope me.BitmapFont.prototype */ { + /** @ignore */ + init : function (font, size, scale, firstChar) { + /** @ignore */ + // scaled font size; + this.sSize = new me.Vector2d(); + // first char in the ascii table + this.firstChar = 0x20; + + // #char per row + this.charCount = 0; + // font name and type + me.Font.prototype.init.apply(this, [font, null, null]); + // first char in the ascii table + this.firstChar = firstChar || 0x20; + + // load the font metrics + this.loadFontMetrics(font, size); + + // set a default alignement + this.textAlign = "left"; + this.textBaseline = "top"; + // resize if necessary + if (scale) { + this.resize(scale); + } + }, + + /** + * Load the font metrics + * @ignore + */ + loadFontMetrics : function (font, size) { + this.font = me.loader.getImage(font); + + // some cheap metrics + this.fontSize.x = size.x || size; + this.fontSize.y = size.y || this.font.height; + this.sSize.copy(this.fontSize); + this.height = this.sSize.y; + + // #char per row + this.charCount = ~~(this.font.width / this.fontSize.x); + }, + + /** + * change the font settings + * @name set + * @memberOf me.BitmapFont + * @function + * @param {String} textAlign ("left", "center", "right") + * @param {Number} [scale] + */ + set : function (textAlign, scale) { + this.textAlign = textAlign; + // updated scaled Size + if (scale) { + this.resize(scale); + } + }, + + /** + * change the font display size + * @name resize + * @memberOf me.BitmapFont + * @function + * @param {Number} scale ratio + */ + resize : function (scale) { + // updated scaled Size + this.sSize.setV(this.fontSize); + this.sSize.x *= scale; + this.sSize.y *= scale; + this.height = this.sSize.y; + }, + + /** + * measure the given text size in pixels + * @name measureText + * @memberOf me.BitmapFont + * @function + * @param {Context} context 2D Context + * @param {String} text + * @return {Object} returns an object, with two attributes: width (the width of the text) and height (the height of the text). + */ + measureText : function (context, text) { + var strings = ("" + text).split("\n"); + + this.height = this.width = 0; + + for (var i = 0; i < strings.length; i++) { + this.width = Math.max((strings[i].trimRight().length * this.sSize.x), this.width); + this.height += this.sSize.y * this.lineHeight; + } + return {width: this.width, height: this.height}; + }, + + /** + * draw a text at the specified coord + * @name draw + * @memberOf me.BitmapFont + * @function + * @param {Context} context 2D Context + * @param {String} text + * @param {Number} x + * @param {Number} y + */ + draw : function (renderer, text, x, y) { + var strings = ("" + text).split("\n"); + var lX = x; + var height = this.sSize.y * this.lineHeight; + + // save the previous global alpha value + var _alpha = renderer.globalAlpha(); + renderer.setGlobalAlpha(renderer.globalAlpha() * this.getOpacity()); + + // update initial position + this.pos.set(x, y); + for (var i = 0; i < strings.length; i++) { + x = lX; + var string = strings[i].trimRight(); + // adjust x pos based on alignment value + var width = string.length * this.sSize.x; + switch (this.textAlign) { + case "right": + x -= width; + break; + + case "center": + x -= width * 0.5; + break; + + default : + break; + } + + // adjust y pos based on alignment value + switch (this.textBaseline) { + case "middle": + y -= height * 0.5; + break; + + case "ideographic": + case "alphabetic": + case "bottom": + y -= height; + break; + + default : + break; + } + + // draw the string + for (var c = 0, len = string.length; c < len; c++) { + // calculate the char index + var idx = string.charCodeAt(c) - this.firstChar; + if (idx >= 0) { + // draw it + renderer.drawImage(this.font, + this.fontSize.x * (idx % this.charCount), + this.fontSize.y * ~~(idx / this.charCount), + this.fontSize.x, this.fontSize.y, + ~~x, ~~y, + this.sSize.x, this.sSize.y); + } + x += this.sSize.x; + } + // increment line + y += height; + } + // restore the previous global alpha value + renderer.setGlobalAlpha(_alpha); + } + }); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + * + * Audio Mngt Objects + * + * + */ +(function () { + /** + * There is no constructor function for me.audio. + * @namespace me.audio + * @memberOf me + */ + me.audio = (function () { + /* + * PRIVATE STUFF + */ + + // hold public stuff in our singleton + var api = {}; + + // audio channel list + var audioTracks = {}; + + // unique store for callbacks + var callbacks = {}; + + // current music + var current_track_id = null; + var current_track_instance = null; + + // a retry counter + var retry_counter = 0; + + /** + * event listener callback on load error + * @ignore + */ + function soundLoadError(sound_id, onerror_cb) { + // check the retry counter + if (retry_counter++ > 3) { + // something went wrong + var errmsg = "melonJS: failed loading " + sound_id; + if (me.sys.stopOnAudioError === false) { + // disable audio + me.audio.disable(); + // call error callback if defined + if (onerror_cb) { + onerror_cb(); + } + // warning + console.log(errmsg + ", disabling audio"); + } + else { + // throw an exception and stop everything ! + throw new api.Error(errmsg); + } + // else try loading again ! + } + else { + audioTracks[sound_id].load(); + } + } + + function setTrackInstance(id) { + current_track_instance = id; + } + + + /* + * PUBLIC STUFF + */ + + /** + * Base class for Audio exception handling. + * @name Error + * @class + * @memberOf me.audio + * @constructor + * @param {String} msg Error message. + */ + api.Error = me.Error.extend({ + init : function (msg) { + me.Error.prototype.init.apply(this, [ msg ]); + this.name = "me.audio.Error"; + } + }); + + /** + * initialize the audio engine
+ * the melonJS loader will try to load audio files corresponding to the + * browser supported audio format
+ * if no compatible audio codecs are found, audio will be disabled + * @name init + * @memberOf me.audio + * @public + * @function + * @param {String} + * audioFormat audio format provided ("mp3, ogg, m4a, wav") + * @return {Boolean} Indicates whether audio initialization was successful + * @example + * // initialize the "sound engine", giving "mp3" and "ogg" as desired audio format + * // i.e. on Safari, the loader will load all audio.mp3 files, + * // on Opera the loader will however load audio.ogg files + * if (!me.audio.init("mp3,ogg")) { + * alert("Sorry but your browser does not support html 5 audio !"); + * return; + * } + */ + api.init = function (audioFormat) { + if (!me.initialized) { + throw new api.Error("me.audio.init() called before engine initialization."); + } + // if no param is given to init we use mp3 by default + audioFormat = typeof audioFormat === "string" ? audioFormat : "mp3"; + // convert it into an array + this.audioFormats = audioFormat.split(","); + + return !Howler.noAudio; + }; + + /** + * enable audio output
+ * only useful if audio supported and previously disabled through + * + * @see me.audio#disable + * @name enable + * @memberOf me.audio + * @public + * @function + */ + api.enable = function () { + this.unmuteAll(); + }; + + /** + * disable audio output + * + * @name disable + * @memberOf me.audio + * @public + * @function + */ + api.disable = function () { + this.muteAll(); + }; + + /** + * Load an audio file.
+ *
+ * sound item must contain the following fields :
+ * - name : id of the sound
+ * - src : source path
+ * @ignore + */ + api.load = function (sound, onload_cb, onerror_cb) { + var urls = []; + if (typeof(this.audioFormats) === "undefined" || this.audioFormats.length === 0) { + throw new api.Error("target audio extension(s) should be set through me.audio.init() before calling the preloader."); + } + for (var i = 0; i < this.audioFormats.length; i++) { + urls.push(sound.src + sound.name + "." + this.audioFormats[i] + me.loader.nocache); + } + audioTracks[sound.name] = new Howl({ + urls : urls, + volume : Howler.volume(), + onend : function (soundId) { + if (callbacks[soundId]) { + // fire call back if it exists, then delete it + callbacks[soundId](); + callbacks[soundId] = null; + } + }, + onloaderror : function () { + audioTracks[sound.name] = this; + soundLoadError.call(me.audio, sound.name, onerror_cb); + }, + onload : function () { + audioTracks[sound.name] = this; + retry_counter = 0; + if (onload_cb) { + onload_cb(); + } + } + }); + + return 1; + }; + + /** + * play the specified sound + * @name play + * @memberOf me.audio + * @public + * @function + * @param {String} + * sound_id audio clip id + * @param {Boolean} + * [loop=false] loop audio + * @param {Function} + * [onend] Function to call when sound instance ends playing. + * @param {Number} + * [volume=default] Float specifying volume (0.0 - 1.0 values accepted). + * @param {Function} + * [oncreate] Callback to receive the internal sound ID when created + * @example + * // play the "cling" audio clip + * me.audio.play("cling"); + * // play & repeat the "engine" audio clip + * me.audio.play("engine", true); + * // play the "gameover_sfx" audio clip and call myFunc when finished + * me.audio.play("gameover_sfx", false, myFunc); + * // play the "gameover_sfx" audio clip with a lower volume level + * me.audio.play("gameover_sfx", false, null, 0.5); + */ + api.play = function (sound_id, loop, onend, volume, oncreate) { + var sound = audioTracks[sound_id.toLowerCase()]; + if (sound && typeof sound !== "undefined") { + sound.loop(loop || false); + sound.volume(typeof(volume) === "number" ? volume.clamp(0.0, 1.0) : Howler.volume()); + if (typeof(onend) === "function" || typeof(oncreate) === "function") { + sound.play(undefined, function (soundId) { + if (onend) { + callbacks[soundId] = onend; + } + if (oncreate) { + oncreate(soundId); + } + }); + } + else { + sound.play(); + } + return sound; + } + }; + + /** + * stop the specified sound on all channels + * @name stop + * @memberOf me.audio + * @public + * @function + * @param {String} sound_id audio clip id + * @param {String} [id] the play instance ID. + * @example + * me.audio.stop("cling"); + */ + api.stop = function (sound_id, instance_id) { + var sound = audioTracks[sound_id.toLowerCase()]; + if (sound && typeof sound !== "undefined") { + sound.stop(instance_id); + } + }; + + /** + * pause the specified sound on all channels
+ * this function does not reset the currentTime property + * @name pause + * @memberOf me.audio + * @public + * @function + * @param {String} sound_id audio clip id + * @param {String} [id] the play instance ID. + * @example + * me.audio.pause("cling"); + */ + api.pause = function (sound_id, instance_id) { + var sound = audioTracks[sound_id.toLowerCase()]; + if (sound && typeof sound !== "undefined") { + sound.pause(instance_id); + } + }; + + /** + * play the specified audio track
+ * this function automatically set the loop property to true
+ * and keep track of the current sound being played. + * @name playTrack + * @memberOf me.audio + * @public + * @function + * @param {String} sound_id audio track id + * @param {Number} [volume=default] Float specifying volume (0.0 - 1.0 values accepted). + * @example + * me.audio.playTrack("awesome_music"); + */ + api.playTrack = function (sound_id, volume) { + current_track_id = sound_id.toLowerCase(); + return me.audio.play( + current_track_id, + true, + null, + volume, + navigator.isCocoonJS && (!Howler.usingWebAudio) ? setTrackInstance : undefined + ); + }; + + /** + * stop the current audio track + * + * @see me.audio#playTrack + * @name stopTrack + * @memberOf me.audio + * @public + * @function + * @example + * // play a awesome music + * me.audio.playTrack("awesome_music"); + * // stop the current music + * me.audio.stopTrack(); + */ + api.stopTrack = function () { + if (current_track_id !== null) { + audioTracks[current_track_id].stop( + navigator.isCocoonJS && (!Howler.usingWebAudio) ? current_track_instance : undefined + ); + current_track_id = null; + } + }; + + /** + * pause the current audio track + * + * @name pauseTrack + * @memberOf me.audio + * @public + * @function + * @example + * me.audio.pauseTrack(); + */ + api.pauseTrack = function () { + if (current_track_id !== null) { + audioTracks[current_track_id].pause( + navigator.isCocoonJS && (!Howler.usingWebAudio) ? current_track_instance : undefined + ); + } + }; + + /** + * resume the previously paused audio track + * + * @name resumeTrack + * @memberOf me.audio + * @public + * @function + * @example + * // play an awesome music + * me.audio.playTrack("awesome_music"); + * // pause the audio track + * me.audio.pauseTrack(); + * // resume the music + * me.audio.resumeTrack(); + */ + api.resumeTrack = function () { + if (current_track_id !== null) { + audioTracks[current_track_id].play( + null, + navigator.isCocoonJS && (!Howler.usingWebAudio) ? setTrackInstance : undefined + ); + } + }; + + /** + * returns the current track Id + * @name getCurrentTrack + * @memberOf me.audio + * @public + * @function + * @return {String} audio track id + */ + api.getCurrentTrack = function () { + return current_track_id; + }; + + /** + * set the default global volume + * @name setVolume + * @memberOf me.audio + * @public + * @function + * @param {Number} volume Float specifying volume (0.0 - 1.0 values accepted). + */ + api.setVolume = function (volume) { + Howler.volume(volume); + }; + + /** + * get the default global volume + * @name getVolume + * @memberOf me.audio + * @public + * @function + * @returns {Number} current volume value in Float [0.0 - 1.0] . + */ + api.getVolume = function () { + return Howler.volume(); + }; + + /** + * mute the specified sound + * @name mute + * @memberOf me.audio + * @public + * @function + * @param {String} sound_id audio clip id + */ + api.mute = function (sound_id, mute) { + // if not defined : true + mute = (typeof(mute) === "undefined" ? true : !!mute); + var sound = audioTracks[sound_id.toLowerCase()]; + if (sound && typeof(sound) !== "undefined") { + sound.mute(true); + } + }; + + /** + * unmute the specified sound + * @name unmute + * @memberOf me.audio + * @public + * @function + * @param {String} sound_id audio clip id + */ + api.unmute = function (sound_id) { + api.mute(sound_id, false); + }; + + /** + * mute all audio + * @name muteAll + * @memberOf me.audio + * @public + * @function + */ + api.muteAll = function () { + Howler.mute(); + }; + + /** + * unmute all audio + * @name unmuteAll + * @memberOf me.audio + * @public + * @function + */ + api.unmuteAll = function () { + Howler.unmute(); + }; + + /** + * unload specified audio track to free memory + * + * @name unload + * @memberOf me.audio + * @public + * @function + * @param {String} sound_id audio track id + * @return {Boolean} true if unloaded + * @example + * me.audio.unload("awesome_music"); + */ + api.unload = function (sound_id) { + sound_id = sound_id.toLowerCase(); + if (!(sound_id in audioTracks)) { + return false; + } + + // destroy the Howl object + audioTracks[sound_id].unload(); + delete audioTracks[sound_id]; + + return true; + }; + + /** + * unload all audio to free memory + * + * @name unloadAll + * @memberOf me.audio + * @public + * @function + * @example + * me.audio.unloadAll(); + */ + api.unloadAll = function () { + for (var sound_id in audioTracks) { + if (audioTracks.hasOwnProperty(sound_id)) { + api.unload(sound_id); + } + } + }; + + // return our object + return api; + })(); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2014 Olivier Biot, Jason Oster, Aaron McLeod + * http://www.melonjs.org + * + */ + +(function () { + + /** + * The canvas renderer object + * There is no constructor function for me.CanvasRenderer + * @namespace me.CanvasRenderer + * @memberOf me + */ + me.CanvasRenderer = (function () { + var api = {}, + canvas = null, + context = null, + doubleBuffering = null, + backBufferCanvas = null, + backBufferContext2D = null, + gameHeightZoom = 0, + gameWidthZoom = 0; + + /** + * initializes the canvas renderer, creating the requried contexts + * @name init + * @memberOf me.CanvasRenderer + * @function + * @param {Canvas} canvas - the html canvas tag to draw to on screen. + * @param {Number} game_width - the width of the canvas without scaling + * @param {Number} game_height - the height of the canvas without scaling + * @param {Boolean} double_buffering - whether to enable double buffering. + * @param {Number} game_width_zoom - The actual width of the canvas with scaling applied + * @param {Number} game_height_zoom - The actual height of the canvas with scaling applied + */ + api.init = function (c, game_width, game_height, double_buffering, game_width_zoom, game_height_zoom) { + canvas = c; + context = this.getContext2d(canvas); + doubleBuffering = double_buffering; + + // create the back buffer if we use double buffering + if (doubleBuffering) { + backBufferCanvas = me.video.createCanvas(game_width, game_height, false); + backBufferContext2D = this.getContext2d(backBufferCanvas); + } + else { + backBufferCanvas = canvas; + backBufferContext2D = context; + } + + gameWidthZoom = game_width_zoom; + gameHeightZoom = game_height_zoom; + + return this; + }; + + api.applyRGBFilter = function (object, effect, option) { + //create a output canvas using the given canvas or image size + var _context = api.getContext2d(me.video.createCanvas(object.width, object.height, false)); + // get the pixels array of the give parameter + var imgpix = me.utils.getPixels(object); + // pointer to the pixels data + var pix = imgpix.data; + + // apply selected effect + var i, n; + switch (effect) { + case "b&w": + for (i = 0, n = pix.length; i < n; i += 4) { + var grayscale = (3 * pix[i] + 4 * pix[i + 1] + pix[i + 2]) >>> 3; + pix[i] = grayscale; // red + pix[i + 1] = grayscale; // green + pix[i + 2] = grayscale; // blue + } + break; + + case "brightness": + // make sure it's between 0.0 and 1.0 + var brightness = Math.abs(option).clamp(0.0, 1.0); + for (i = 0, n = pix.length; i < n; i += 4) { + + pix[i] *= brightness; // red + pix[i + 1] *= brightness; // green + pix[i + 2] *= brightness; // blue + } + break; + + case "transparent": + var refColor = me.pool.pull("me.Color").parseHex(option); + var pixel = me.pool.pull("me.Color"); + for (i = 0, n = pix.length; i < n; i += 4) { + pixel.setColor(pix[i], pix[i + 1], pix[i + 2]); + if (pixel.equals(refColor)) { + pix[i + 3] = 0; + } + } + me.pool.push(refColor); + me.pool.push(pixel); + + break; + + + default: + return null; + } + + // put our modified image back in the new filtered canvas + _context.putImageData(imgpix, 0, 0); + + // return it + return _context; + }; + + /** + * render the main framebuffer on screen + * @name blitSurface + * @memberOf me.CanvasRenderer + * @function + */ + api.blitSurface = function () { + if (doubleBuffering) { + /** @ignore */ + api.blitSurface = function () { + //FPS.update(); + context.drawImage( + backBufferCanvas, 0, 0, + backBufferCanvas.width, backBufferCanvas.height, 0, + 0, gameWidthZoom, gameHeightZoom + ); + + }; + } + else { + // "empty" function, as we directly render stuff on "context2D" + /** @ignore */ + api.blitSurface = function () { + }; + } + api.blitSurface(); + }; + + /** + * Clear the specified context with the given color + * @name clearSurface + * @memberOf me.CanvasRenderer + * @function + * @param {Context2d} canvas contest. Optional, will default to system context. + * @param {String} color a CSS color string + */ + api.clearSurface = function (ctx, col) { + if (ctx === null) { + ctx = backBufferContext2D; + } + var _canvas = ctx.canvas; + ctx.save(); + ctx.setTransform(1, 0, 0, 1, 0, 0); + ctx.fillStyle = col; + ctx.fillRect(0, 0, _canvas.width, _canvas.height); + ctx.restore(); + }; + + /** + * Draw a line from the given point to the destination point. + * @name drawLine + * @memberOf me.CanvasRenderer + * @function + * @param {Number} startX start x position + * @param {Number} startY start y position + * @param {Number} endX end x position + * @param {Number} endY end y position + * @param {String} color to draw the line + * @param {Number} line width + */ + api.drawLine = function (startX, startY, endX, endY, color, width) { + backBufferContext2D.lineWidth = width; + backBufferContext2D.strokeStyle = color; + backBufferContext2D.beginPath(); + backBufferContext2D.translate(startX, startY); + backBufferContext2D.moveTo(0, 0); + backBufferContext2D.lineTo(endX, endY); + backBufferContext2D.stroke(); + backBufferContext2D.closePath(); + }; + + /** + * Draw an image using the canvas api + * @name drawImage + * @memberOf me.CanvasRenderer + * @function + * @param {image} image html image element + * @param {Number} sx value, from the source image. + * @param {Number} sy value, from the source image. + * @param {Number} sw the width of the image to be drawn + * @param {Number} sh the height of the image to be drawn + * @param {Number} dx the x position to draw the image at on the screen + * @param {Number} dy the y position to draw the image at on the screen + * @param {Number} dw the width value to draw the image at on the screen + * @param {Number} dh the height value to draw the image at on the screen + */ + api.drawImage = function (image, sx, sy, sw, sh, dx, dy, dw, dh) { + backBufferContext2D.drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh); + }; + + /** + * Fill an arc at the specified coordinates with given radius, start and end points + * @name fillArc + * @memberOf me.CanvasRenderer + * @function + * @param {Number} x position + * @param {Number} y position + * @param {Number} radiusX to draw + * @param {Number} radiusY to draw + * @param {Number} start degrees in radians + * @param {Number} end degrees in radians + * @param {String} color to draw as + * @param {Boolean} in anti-clockwise, defaults to false + */ + api.fillArc = function (x, y, radiusX, radiusY, start, end, color, antiClockwise) { + if (antiClockwise === null) { + antiClockwise = false; + } + backBufferContext2D.save(); + backBufferContext2D.beginPath(); + backBufferContext2D.translate(x - radiusX, y - radiusY); + backBufferContext2D.scale(radiusX, radiusY); + backBufferContext2D.arc(1, 1, 1, start, end, antiClockwise); + backBufferContext2D.restore(); + backBufferContext2D.fillStyle = color; + backBufferContext2D.fill(); + }; + + /** + * Draw a filled rectangle at the specified coordinates with a given color + * @name fillRect + * @memberOf me.CanvasRenderer + * @function + * @param {Number} x position + * @param {Number} y position + * @param {Number} width to draw + * @param {Number} height to draw + * @param {String} css color for the rectangle + */ + api.fillRect = function (x, y, width, height, color) { + backBufferContext2D.fillStyle = color; + backBufferContext2D.fillRect(x, y, width, height); + }; + + /** + * return a reference to the screen canvas + * @name getScreenCanvas + * @memberOf me.CanvasRenderer + * @function + * @return {Canvas} + */ + api.getScreenCanvas = function () { + return canvas; + }; + + /** + * return a reference to the screen canvas corresponding 2d Context
+ * (will return buffered context if double buffering is enabled, or a reference to the Screen Context) + * @name getScreenContext + * @memberOf me.CanvasRenderer + * @function + * @return {Context2d} + */ + api.getScreenContext = function () { + return context; + }; + + /** + * Returns the 2D Context object of the given Canvas + * `getContext` will also enable/disable antialiasing features based on global settings. + * @name getContext2d + * @memberOf me.CanvasRenderer + * @function + * @param {Canvas} [canvas=canvas instance of the renderer] + * @return {Context2d} + */ + api.getContext2d = function (c) { + if (typeof c === "undefined" || c === null) { + throw new me.video.Error( + "You must pass a canvas element in order to create " + + "a 2d context" + ); + } + + if (typeof c.getContext === "undefined") { + throw new me.video.Error( + "Your browser does not support HTML5 canvas." + ); + } + + var _context; + if (navigator.isCocoonJS) { + // cocoonJS specific extension + _context = c.getContext("2d", { + "antialias" : me.sys.scalingInterpolation + }); + } + else { + _context = c.getContext("2d"); + } + if (!_context.canvas) { + _context.canvas = c; + } + this.setImageSmoothing(_context, me.sys.scalingInterpolation); + return _context; + }; + + api.getHeight = function () { + return backBufferCanvas.height; + }; + + /** + * return a reference to the system canvas + * @name getCanvas + * @memberOf me.CanvasRenderer + * @function + * @return {Canvas} + */ + api.getCanvas = function () { + return backBufferCanvas; + }; + + /** + * return a reference to the system 2d Context + * @name getContext + * @memberOf me.CanvasRenderer + * @function + * @return {Context2d} + */ + api.getContext = function () { + return backBufferContext2D; + }; + + api.getWidth = function () { + return backBufferCanvas.width; + }; + + /** + * return the current global alpha + * @name globalAlpha + * @memberOf me.CanvasRenderer + * @function + * @return {Number} + */ + api.globalAlpha = function () { + return backBufferContext2D.globalAlpha; + }; + + /** + * resets the canvas transform to identity + * @name resetTransform + * @memberOf me.CanvasRenderer + * @function + */ + api.resetTransform = function () { + backBufferContext2D.setTransform(1, 0, 0, 1, 0, 0); + }; + + api.resize = function (scaleX, scaleY) { + canvas.width = gameWidthZoom = backBufferCanvas.width * scaleX; + canvas.height = gameHeightZoom = backBufferCanvas.height * scaleY; + + // adjust CSS style for High-DPI devices + if (me.device.getPixelRatio() > 1) { + canvas.style.width = (canvas.width / me.device.getPixelRatio()) + "px"; + canvas.style.height = (canvas.height / me.device.getPixelRatio()) + "px"; + } + this.setImageSmoothing(context, me.sys.scalingInterpolation); + this.blitSurface(); + }; + + /** + * restores the canvas context + * @name restore + * @memberOf me.CanvasRenderer + * @function + */ + api.restore = function () { + backBufferContext2D.restore(); + }; + + /** + * rotates the canvas context + * @name rotate + * @memberOf me.CanvasRenderer + * @function + * @param {Number} angle in radians + */ + api.rotate = function (angle) { + backBufferContext2D.rotate(angle); + }; + + /** + * save the canvas context + * @name save + * @memberOf me.CanvasRenderer + * @function + */ + api.save = function () { + backBufferContext2D.save(); + }; + + /** + * scales the canvas context + * @name scale + * @memberOf me.CanvasRenderer + * @function + * @param {Number} x + * @param {Number} y + */ + api.scale = function (x, y) { + backBufferContext2D.scale(x, y); + }; + + api.setAlpha = function (enable) { + backBufferContext2D.globalCompositeOperation = enable ? "source-over" : "copy"; + }; + + /** + * Sets the global alpha on the canvas context + * @name setGlobalAlpha + * @memberOf me.CanvasRenderer + * @function + * @param {Number} alpha value. 0.0 to 1.0 values accepted. + */ + api.setGlobalAlpha = function (a) { + backBufferContext2D.globalAlpha = a; + }; + + /** + * enable/disable image smoothing (scaling interpolation) for the specified 2d Context
+ * (!) this might not be supported by all browsers
+ * @name setImageSmoothing + * @memberOf me.CanvasRenderer + * @function + * @param {Context2d} context + * @param {Boolean} [enable=false] + */ + api.setImageSmoothing = function (context, enable) { + me.agent.setPrefixed("imageSmoothingEnabled", enable === true, context); + }; + + /** + * Fill an arc at the specified coordinates with given radius, start and end points + * @name strokeArc + * @memberOf me.CanvasRenderer + * @function + * @param {Number} x position + * @param {Number} y position + * @param {Number} radiusX to draw + * @param {Number} radiusY to draw + * @param {Number} start degrees in radians + * @param {Number} end degrees in radians + * @param {String} color to draw as + * @param {Boolean} in anti-clockwise, defaults to false + * @param {Number} lineWidth - the width of the line + */ + api.strokeArc = function (x, y, radiusX, radiusY, start, end, color, antiClockwise, lineWidth) { + if (antiClockwise === null) { + antiClockwise = false; + } + backBufferContext2D.save(); + backBufferContext2D.beginPath(); + backBufferContext2D.translate(x - radiusX, y - radiusY); + backBufferContext2D.scale(radiusX, radiusY); + backBufferContext2D.arc(1, 1, 1, start, end, antiClockwise); + backBufferContext2D.restore(); + backBufferContext2D.strokeStyle = color; + backBufferContext2D.lineWidth = lineWidth; + backBufferContext2D.stroke(); + }; + + /** + * Strokes a me.PolyShape on the screen with a specified color + * @name strokePolyShape + * @memberOf me.CanvasRenderer + * @function + * @param {me.PolyShape} polyShape the shape to draw + * @param {String} color a color in css format. + * @param {Number} width - the width of the line + */ + api.strokePolyShape = function (poly, color, width) { + this.translate(poly.pos.x, poly.pos.y); + backBufferContext2D.strokeStyle = color; + backBufferContext2D.beginPath(); + backBufferContext2D.moveTo(poly.points[0].x, poly.points[0].y); + poly.points.forEach(function (point) { + backBufferContext2D.lineTo(point.x, point.y); + backBufferContext2D.moveTo(point.x, point.y); + }); + if (poly.closed === true) { + backBufferContext2D.lineTo(poly.points[0].x, poly.points[0].y); + } + backBufferContext2D.lineWidth = width; + backBufferContext2D.stroke(); + }; + + /** + * Stroke a rectangle at the specified coordinates with a given color + * @name strokeRect + * @memberOf me.CanvasRenderer + * @function + * @param {Number} x position + * @param {Number} y position + * @param {Number} width to draw + * @param {Number} height to draw + * @param {String} css color for the rectangle + * @param {Number} lineWidth - the width of the line + */ + api.strokeRect = function (x, y, width, height, color, lineWidth) { + backBufferContext2D.strokeStyle = color; + backBufferContext2D.lineWidth = lineWidth; + backBufferContext2D.strokeRect(x, y, width, height); + }; + + /** + * transforms the context. Accepts any number of integer arguments + * @name transform + * @param {Number} a the m1,1 (m11) value in the matrix + * @param {Number} b the m1,2 (m12) value in the matrix + * @param {Number} c the m2,1 (m21) value in the matrix + * @param {Number} d the m2,2 (m12) value in the matrix + * @param {Number} e The delta x (dx) value in the matrix + * @param {Number} f The delta x (dy) value in the matrix + * @memberOf me.CanvasRenderer + * @function + */ + api.transform = function (a, b, c, d, e, f) { + backBufferContext2D.transform(a, b, c, d, e, f); + }; + + /** + * Translates the context to the given position + * @name translate + * @memberOf me.CanvasRenderer + * @function + * @param {Number} x + * @param {Number} y + */ + api.translate = function (x, y) { + backBufferContext2D.translate(x, y); + }; + + return api; + })(); + +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + * + */ +(function () { + /** + * video functions + * There is no constructor function for me.video + * @namespace me.video + * @memberOf me + */ + me.video = (function () { + // hold public stuff in our apig + var api = {}; + + // internal variables + var canvas = null; + var wrapper = null; + + var deferResizeId = -1; + + var double_buffering = false; + var auto_scale = false; + var maintainAspectRatio = true; + + // max display size + var maxWidth = Infinity; + var maxHeight = Infinity; + + /* + * PUBLIC STUFF + */ + + /** + * Base class for Video exception handling. + * @name Error + * @class + * @constructor + * @memberOf me.video + * @param {String} msg Error message. + */ + api.Error = me.Error.extend({ + init : function (msg) { + me.Error.prototype.init.apply(this, [ msg ]); + this.name = "me.video.Error"; + } + }); + + /** + * init the "video" part

+ * return false if initialization failed (canvas not supported) + * @name init + * @memberOf me.video + * @function + * @param {String} wrapper the "div" element id to hold the canvas in the HTML file (if null document.body will be used) + * @param {RendererType} me.video.CANVAS. State which renderer you prefer to use. WebGL to be implemented + * @param {Number} width game width + * @param {Number} height game height + * @param {Boolean} [double_buffering] enable/disable double buffering + * @param {Number} [scale] enable scaling of the canvas ('auto' for automatic scaling) + * @param {Boolean} [maintainAspectRatio] maintainAspectRatio when scaling the display + * @return {Boolean} + * @example + * // init the video with a 480x320 canvas + * if (!me.video.init('jsapp', 480, 320)) { + * alert("Sorry but your browser does not support html 5 canvas !"); + * return; + * } + */ + api.init = function (wrapperid, rendererType, game_width, game_height, doublebuffering, scale, aspectRatio) { + // ensure melonjs has been properly initialized + if (!me.initialized) { + throw new api.Error("me.video.init() called before engine initialization."); + } + // check given parameters + double_buffering = doublebuffering || false; + auto_scale = (scale === "auto") || false; + maintainAspectRatio = (typeof(aspectRatio) !== "undefined") ? aspectRatio : true; + + // normalize scale + scale = (scale !== "auto") ? parseFloat(scale || 1.0) : 1.0; + me.sys.scale = new me.Vector2d(scale, scale); + + // force double buffering if scaling is required + if (auto_scale || (scale !== 1.0)) { + double_buffering = true; + } + + // default scaled size value + var game_width_zoom = game_width * me.sys.scale.x; + var game_height_zoom = game_height * me.sys.scale.y; + + //add a channel for the onresize/onorientationchange event + window.addEventListener( + "resize", + throttle( + 100, + false, + function (event) { + me.event.publish(me.event.WINDOW_ONRESIZE, [ event ]); + } + ), + false + ); + window.addEventListener( + "orientationchange", + function (event) { + me.event.publish(me.event.WINDOW_ONORIENTATION_CHANGE, [ event ]); + }, + false + ); + + // register to the channel + me.event.subscribe( + me.event.WINDOW_ONRESIZE, + me.video.onresize.bind(me.video) + ); + me.event.subscribe( + me.event.WINDOW_ONORIENTATION_CHANGE, + me.video.onresize.bind(me.video) + ); + + // create the main screen canvas + canvas = api.createCanvas(game_width_zoom, game_height_zoom, true); + + // add our canvas + if (wrapperid) { + wrapper = document.getElementById(wrapperid); + } + // if wrapperid is not defined (null) + if (!wrapper) { + // add the canvas to document.body + wrapper = document.body; + } + wrapper.appendChild(canvas); + + // stop here if not supported + if (!canvas.getContext) { + return false; + } + + switch (rendererType) { + case me.video.WEBGL: + this.renderer = me.WebGLRenderer.init(canvas.width, canvas.height, canvas); + break; + default: // case me.video.CANVAS:. TODO: have default be AUTO detect + // get the 2D context + this.renderer = me.CanvasRenderer.init(canvas, game_width, game_height, double_buffering, game_width_zoom, game_height_zoom); + break; + } + + // adjust CSS style for High-DPI devices + var ratio = me.device.getPixelRatio(); + if (ratio > 1) { + canvas.style.width = (canvas.width / ratio) + "px"; + canvas.style.height = (canvas.height / ratio) + "px"; + } + + // set max the canvas max size if CSS values are defined + if (window.getComputedStyle) { + var style = window.getComputedStyle(canvas, null); + me.video.setMaxSize(parseInt(style.maxWidth, 10), parseInt(style.maxHeight, 10)); + } + + // trigger an initial resize(); + me.video.onresize(null); + + me.game.init(); + + return true; + }; + + /** + * return the relative (to the page) position of the specified Canvas + * @name getPos + * @memberOf me.video + * @function + * @param {Canvas} [canvas] system one if none specified + * @return {me.Vector2d} + */ + api.getPos = function (c) { + c = c || this.renderer.getScreenCanvas(); + return ( + c.getBoundingClientRect ? + c.getBoundingClientRect() : { left : 0, top : 0 } + ); + }; + + /** + * set the max canvas display size (when scaling) + * @name setMaxSize + * @memberOf me.video + * @function + * @param {Number} width width + * @param {Number} height height + */ + api.setMaxSize = function (w, h) { + // max display size + maxWidth = w || Infinity; + maxHeight = h || Infinity; + }; + + + /** + * Create and return a new Canvas + * @name createCanvas + * @memberOf me.video + * @function + * @param {Number} width width + * @param {Number} height height + * @param {Boolean} [screencanvas=false] set to true if this canvas renders directly to the screen + * @return {Canvas} + */ + api.createCanvas = function (width, height, screencanvas) { + if (width === 0 || height === 0) { + throw new api.Error("width or height was zero, Canvas could not be initialized !"); + } + + var _canvas = document.createElement("canvas"); + + if ((screencanvas === true) && (navigator.isCocoonJS) && (me.device.android2 !== true)) { + // enable ScreenCanvas on cocoonJS + _canvas.screencanvas = true; + } + + _canvas.width = width || canvas.width; + _canvas.height = height || canvas.height; + + return _canvas; + }; + + /** + * return a reference to the wrapper + * @name getWrapper + * @memberOf me.video + * @function + * @return {Document} + */ + api.getWrapper = function () { + return wrapper; + }; + + /** + * callback for window resize event + * @ignore + */ + api.onresize = function () { + // default (no scaling) + var scaleX = 1, scaleY = 1; + + // check for orientation information + if (typeof window.orientation !== "undefined") { + me.device.orientation = window.orientation; + } + else { + // is this actually not the best option since default "portrait" + // orientation might vary between for example an ipad and and android tab + me.device.orientation = ( + window.outerWidth > window.outerHeight ? + 90 : 0 + ); + } + + if (auto_scale) { + // get the parent container max size + var parent = me.video.renderer.getScreenCanvas().parentNode; + var _max_width = Math.min(maxWidth, parent.width || window.innerWidth); + var _max_height = Math.min(maxHeight, parent.height || window.innerHeight); + + if (maintainAspectRatio) { + // make sure we maintain the original aspect ratio + var designRatio = me.video.renderer.getWidth() / me.video.renderer.getHeight(); + var screenRatio = _max_width / _max_height; + if (screenRatio < designRatio) { + scaleX = scaleY = _max_width / me.video.renderer.getWidth(); + } + else { + scaleX = scaleY = _max_height / me.video.renderer.getHeight(); + } + } + else { + // scale the display canvas to fit with the parent container + scaleX = _max_width / me.video.renderer.getWidth(); + scaleY = _max_height / me.video.renderer.getHeight(); + } + + // adjust scaling ratio based on the device pixel ratio + scaleX *= me.device.getPixelRatio(); + scaleY *= me.device.getPixelRatio(); + + // scale if required + if (scaleX !== 1 || scaleY !== 1) { + if (deferResizeId >= 0) { + // cancel any previous pending resize + clearTimeout(deferResizeId); + } + deferResizeId = me.video.updateDisplaySize.defer(this, scaleX, scaleY); + return; + } + } + // make sure we have the correct relative canvas position cached + me.input._offset = me.video.getPos(); + }; + + /** + * Modify the "displayed" canvas size + * @name updateDisplaySize + * @memberOf me.video + * @function + * @param {Number} scaleX X scaling multiplier + * @param {Number} scaleY Y scaling multiplier + */ + api.updateDisplaySize = function (scaleX, scaleY) { + // update the global scale variable + me.sys.scale.set(scaleX, scaleY); + + // renderer resize logic + this.renderer.resize(scaleX, scaleY); + + me.input._offset = me.video.getPos(); + // clear the timeout id + deferResizeId = -1; + }; + + /** + * enable/disable Alpha. Only applies to canvas renderer + * @name setAlpha + * @memberOf me.video + * @function + * @param {Boolean} enable + */ + api.setAlpha = function (enable) { + if (typeof this.renderer.setAlpha === "function") { + this.renderer.setAlpha(enable); + } + }; + + // return our api + return api; + })(); + + me.video.CANVAS = 0; + me.video.WEBGL = 1; + +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2014 Olivier Biot, Jason Oster, Aaron McLeod + * http://www.melonjs.org + * + */ +(function () { + + /** + * The WebGL renderer object + * There is no constructor function for me.CanvasRenderer + * @namespace me.WebGLRenderer + * @memberOf me + * @ignore + */ + me.WebGLRenderer = (function () { + var api = {}, + canvas = null, + WebGLContext = null, + gl = null, + color = null; + + api.init = function (width, height, c) { + canvas = c; + WebGLContext = require("kami").WebGLContext; + this.context = new WebGLContext(width, height, canvas); + gl = this.context.gl; + color = new me.Color(); + this.globalAlpha = 1.0; + + return this; + }; + + api.blitSurface = function () { + // empty function for now + }; + + /** + * Clears the gl context. Accepts a gl context or defaults to stored gl renderer. + * @name clearSurface + * @memberOf me.WebGLRenderer + * @function + * @param {WebGLContext} gl - the gl context. + * @param {String} color - css color string. + */ + api.clearSurface = function (gl, col) { + if (col.match(/^\#/)) { + color.parseHex(col); + } + else if (col.match(/^rgb/)) { + color.parseRGB(col); + } + else { + color.parseCSS(col); + } + + gl.clearColor(color.r / 255.0, color.g / 255.0, color.b / 255.0, 1.0); + }; + + /** + * return a reference to the screen canvas + * @name getScreenCanvas + * @memberOf me.WebGLRenderer + * @function + * @return {Canvas} + */ + api.getScreenCanvas = function () { + return canvas; + }; + + /** + * return a reference to the screen canvas corresponding WebGL Context
+ * @name getScreenContext + * @memberOf me.WebGLRenderer + * @function + * @return {WebGLContext} + */ + api.getScreenContext = function () { + return gl; + }; + + /** + * Returns the WebGLContext instance for the renderer + * @name getContext + * @memberOf me.WebGLRenderer + * @function + * @return {WebGLRenderer} + */ + api.getContext = function () { + return gl; + }; + + api.getHeight = function () { + return this.context.height; + }; + + /** + * return a reference to the system canvas + * @name getCanvas + * @memberOf me.WebGLRenderer + * @function + * @return {Canvas} + */ + api.getCanvas = function () { + return canvas; + }; + + /** + * return a reference to the system 2d Context + * @name getContext + * @memberOf me.WebGLRenderer + * @function + * @return {WebGLContext} + */ + api.getContext = function () { + return gl; + }; + + api.getWidth = function () { + return this.context.width; + }; + + /** + * return the current global alpha + * @name globalAlpha + * @memberOf me.WebGLRenderer + * @function + * @return {Number} + */ + api.globalAlpha = function () { + return this.globalAlpha; + }; + + api.resize = function (scaleX, scaleY) { + canvas = this.context.view; + var gameWidthZoom = canvas.width * scaleX; + var gameHeightZoom = canvas.height * scaleY; + this.context.resize(gameWidthZoom, gameHeightZoom); + // adjust CSS style for High-DPI devices + if (me.device.getPixelRatio() > 1) { + canvas.style.width = (canvas.width / me.device.getPixelRatio()) + "px"; + canvas.style.height = (canvas.height / me.device.getPixelRatio()) + "px"; + } + }; + + return api; + })(); + +})(); +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2014, Olivier Biot, Jason Oster + * http://www.melonjs.org/ + * + */ +(function () { + /** + * @namespace me.input + * @memberOf me + */ + me.input = (function () { + // hold public stuff in our singleton + var api = {}; + + /* + * PRIVATE STUFF + */ + + /** + * prevent event propagation + * @ignore + */ + api._preventDefault = function (e) { + // stop event propagation + if (e.stopPropagation) { + e.stopPropagation(); + } + else { + e.cancelBubble = true; + } + // stop event default processing + if (e.preventDefault) { + e.preventDefault(); + } + else { + e.returnValue = false; + } + + return false; + }; + + /* + * PUBLIC STUFF + */ + + /** + * Global flag to specify if melonJS should prevent default browser action on registered key events
+ * This is also configurable per key through the bindKey function + * default : true + * @public + * @type Boolean + * @name preventDefault + * @memberOf me.input + */ + api.preventDefault = true; + + // return our object + return api; + })(); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2014, Olivier Biot, Jason Oster + * http://www.melonjs.org/ + * + */ +(function () { + /* + * PRIVATE STUFF + */ + + // Reference to base class + var obj = me.input; + + // list of binded keys + obj._KeyBinding = {}; + + // corresponding actions + var keyStatus = {}; + + // lock enable flag for keys + var keyLock = {}; + // actual lock status of each key + var keyLocked = {}; + + // List of binded keys being held + var keyRefs = {}; + + // whether default event should be prevented for a given keypress + var preventDefaultForKeys = {}; + + // some useful flags + var keyboardInitialized = false; + + /** + * enable keyboard event + * @ignore + */ + obj._enableKeyboardEvent = function () { + if (!keyboardInitialized) { + window.addEventListener("keydown", obj._keydown, false); + window.addEventListener("keyup", obj._keyup, false); + keyboardInitialized = true; + } + }; + + /** + * key down event + * @ignore + */ + obj._keydown = function (e, keyCode, mouseButton) { + + keyCode = keyCode || e.keyCode || e.which; + var action = obj._KeyBinding[keyCode]; + + // publish a message for keydown event + me.event.publish(me.event.KEYDOWN, [ + action, + keyCode, + action ? !keyLocked[action] : true + ]); + + if (action) { + if (!keyLocked[action]) { + var trigger = mouseButton ? mouseButton : keyCode; + if (!keyRefs[action][trigger]) { + keyStatus[action]++; + keyRefs[action][trigger] = true; + } + } + // prevent event propagation + if (preventDefaultForKeys[keyCode]) { + return obj._preventDefault(e); + } + else { + return true; + } + } + + return true; + }; + + + /** + * key up event + * @ignore + */ + obj._keyup = function (e, keyCode, mouseButton) { + keyCode = keyCode || e.keyCode || e.which; + var action = obj._KeyBinding[keyCode]; + + // publish a message for keydown event + me.event.publish(me.event.KEYUP, [ action, keyCode ]); + + if (action) { + var trigger = mouseButton ? mouseButton : keyCode; + keyRefs[action][trigger] = undefined; + + if (keyStatus[action] > 0) { + keyStatus[action]--; + } + + keyLocked[action] = false; + + // prevent event propagation + if (preventDefaultForKeys[keyCode]) { + return obj._preventDefault(e); + } + else { + return true; + } + } + + return true; + }; + + /* + * PUBLIC STUFF + */ + + /** + * Almost all keyboard keys that have ASCII code, like: + * LEFT, UP, RIGHT, DOWN, ENTER, SHIFT, CTRL, ALT, ESC, SPACE, TAB, BACKSPACE, PAUSE, + * PAGE_UP, PAGE_DOWN, INSERT, DELETE, CAPS_LOCK, NUM_LOCK, SCROLL_LOCK, PRINT_SCREEN, + * Keys [0..9], [A..Z], [NUMPAD0..NUMPAD9], [F1..F12] + * @public + * @enum {number} + * @name KEY + * @memberOf me.input + */ + obj.KEY = { + "BACKSPACE" : 8, + "TAB" : 9, + "ENTER" : 13, + "SHIFT" : 16, + "CTRL" : 17, + "ALT" : 18, + "PAUSE" : 19, + "CAPS_LOCK" : 20, + "ESC" : 27, + "SPACE" : 32, + "PAGE_UP" : 33, + "PAGE_DOWN" : 34, + "END" : 35, + "HOME" : 36, + "LEFT" : 37, + "UP" : 38, + "RIGHT" : 39, + "DOWN" : 40, + "PRINT_SCREEN" : 42, + "INSERT" : 45, + "DELETE" : 46, + "NUM0" : 48, + "NUM1" : 49, + "NUM2" : 50, + "NUM3" : 51, + "NUM4" : 52, + "NUM5" : 53, + "NUM6" : 54, + "NUM7" : 55, + "NUM8" : 56, + "NUM9" : 57, + "A" : 65, + "B" : 66, + "C" : 67, + "D" : 68, + "E" : 69, + "F" : 70, + "G" : 71, + "H" : 72, + "I" : 73, + "J" : 74, + "K" : 75, + "L" : 76, + "M" : 77, + "N" : 78, + "O" : 79, + "P" : 80, + "Q" : 81, + "R" : 82, + "S" : 83, + "T" : 84, + "U" : 85, + "V" : 86, + "W" : 87, + "X" : 88, + "Y" : 89, + "Z" : 90, + "WINDOW_KEY" : 91, + "NUMPAD0" : 96, + "NUMPAD1" : 97, + "NUMPAD2" : 98, + "NUMPAD3" : 99, + "NUMPAD4" : 100, + "NUMPAD5" : 101, + "NUMPAD6" : 102, + "NUMPAD7" : 103, + "NUMPAD8" : 104, + "NUMPAD9" : 105, + "MULTIPLY" : 106, + "ADD" : 107, + "SUBSTRACT" : 109, + "DECIMAL" : 110, + "DIVIDE" : 111, + "F1" : 112, + "F2" : 113, + "F3" : 114, + "F4" : 115, + "F5" : 116, + "F6" : 117, + "F7" : 118, + "F8" : 119, + "F9" : 120, + "F10" : 121, + "F11" : 122, + "F12" : 123, + "NUM_LOCK" : 144, + "SCROLL_LOCK" : 145, + "SEMICOLON" : 186, + "PLUS" : 187, + "COMMA" : 188, + "MINUS" : 189, + "PERIOD" : 190, + "FORWAND_SLASH" : 191, + "GRAVE_ACCENT" : 192, + "OPEN_BRACKET" : 219, + "BACK_SLASH" : 220, + "CLOSE_BRACKET" : 221, + "SINGLE_QUOTE" : 222 + }; + + /** + * return the key press status of the specified action + * @name isKeyPressed + * @memberOf me.input + * @public + * @function + * @param {String} action user defined corresponding action + * @return {Boolean} true if pressed + * @example + * if (me.input.isKeyPressed('left')) + * { + * //do something + * } + * else if (me.input.isKeyPressed('right')) + * { + * //do something else... + * } + * + */ + obj.isKeyPressed = function (action) { + if (keyStatus[action] && !keyLocked[action]) { + if (keyLock[action]) { + keyLocked[action] = true; + } + return true; + } + return false; + }; + + /** + * return the key status of the specified action + * @name keyStatus + * @memberOf me.input + * @public + * @function + * @param {String} action user defined corresponding action + * @return {Boolean} down (true) or up(false) + */ + obj.keyStatus = function (action) { + return (keyStatus[action] > 0); + }; + + + /** + * trigger the specified key (simulated) event
+ * @name triggerKeyEvent + * @memberOf me.input + * @public + * @function + * @param {me.input#KEY} keycode + * @param {Boolean} true to trigger a key press, or false for key release + * @example + * // trigger a key press + * me.input.triggerKeyEvent(me.input.KEY.LEFT, true); + */ + + obj.triggerKeyEvent = function (keycode, status) { + if (status) { + obj._keydown({}, keycode); + } + else { + obj._keyup({}, keycode); + } + }; + + + /** + * associate a user defined action to a keycode + * @name bindKey + * @memberOf me.input + * @public + * @function + * @param {me.input#KEY} keycode + * @param {String} action user defined corresponding action + * @param {Boolean} [lock=false] cancel the keypress event once read + * @param {Boolean} [preventDefault=me.input.preventDefault] prevent default browser action + * @example + * // enable the keyboard + * me.input.bindKey(me.input.KEY.LEFT, "left"); + * me.input.bindKey(me.input.KEY.RIGHT, "right"); + * me.input.bindKey(me.input.KEY.X, "jump", true); + * me.input.bindKey(me.input.KEY.F1, "options", true, true); + */ + obj.bindKey = function (keycode, action, lock, preventDefault) { + // make sure the keyboard is enable + obj._enableKeyboardEvent(); + + if (typeof preventDefault !== "boolean") { + preventDefault = obj.preventDefault; + } + + obj._KeyBinding[keycode] = action; + preventDefaultForKeys[keycode] = preventDefault; + + keyStatus[action] = 0; + keyLock[action] = lock ? lock : false; + keyLocked[action] = false; + keyRefs[action] = {}; + }; + + /** + * unlock a key manually + * @name unlockKey + * @memberOf me.input + * @public + * @function + * @param {String} action user defined corresponding action + * @example + * // Unlock jump when touching the ground + * if (!this.falling && !this.jumping) { + * me.input.unlockKey("jump"); + * } + */ + obj.unlockKey = function (action) { + keyLocked[action] = false; + }; + + /** + * unbind the defined keycode + * @name unbindKey + * @memberOf me.input + * @public + * @function + * @param {me.input#KEY} keycode + * @example + * me.input.unbindKey(me.input.KEY.LEFT); + */ + obj.unbindKey = function (keycode) { + // clear the event status + var keybinding = obj._KeyBinding[keycode]; + keyStatus[keybinding] = 0; + keyLock[keybinding] = false; + keyRefs[keybinding] = {}; + // remove the key binding + obj._KeyBinding[keycode] = null; + preventDefaultForKeys[keycode] = null; + }; +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2014, Olivier Biot, Jason Oster + * http://www.melonjs.org/ + * + */ +(function () { + /** + * The built in Event Object + * @external Event + * @see {@link https://developer.mozilla.org/en/docs/Web/API/Event|Event} + */ + + /** + * Event normalized X coordinate within the game canvas itself
+ * + * @memberof! external:Event# + * @name external:Event#gameX + * @type {Number} + */ + + /** + * Event normalized Y coordinate within the game canvas itself
+ * + * @memberof! external:Event# + * @name external:Event#gameY + * @type {Number} + */ + + /** + * Event X coordinate relative to the viewport
+ * @memberof! external:Event# + * @name external:Event#gameScreenX + * @type {Number} + */ + + /** + * Event Y coordinate relative to the viewport
+ * @memberof! external:Event# + * @name external:Event#gameScreenY + * @type {Number} + */ + + /** + * Event X coordinate relative to the map
+ * @memberof! external:Event# + * @name external:Event#gameWorldX + * @type {Number} + */ + + /** + * Event Y coordinate relative to the map
+ * @memberof! external:Event# + * @name external:Event#gameWorldY + * @type {Number} + */ + + /** + * The unique identifier of the contact for a touch, mouse or pen
+ * (This id is also defined on non Pointer Event Compatible platform like pure mouse or iOS-like touch event) + * @memberof! external:Event# + * @name external:Event#pointerId + * @type {Number} + * @see http://msdn.microsoft.com/en-us/library/windows/apps/hh466123.aspx + */ + + /* + * PRIVATE STUFF + */ + + // Reference to base class + var obj = me.input; + + // list of registered Event handlers + var evtHandlers = {}; + + // some useful flags + var pointerInitialized = false; + + // to keep track of the supported wheel event + var wheeltype = "mousewheel"; + + // Track last event timestamp to prevent firing events out of order + var lastTimeStamp = 0; + + // "active" list of supported events + var activeEventList = null; + + // list of standard pointer event type + var pointerEventList = [ + "mousewheel", + "pointermove", + "pointerdown", + "pointerup", + "pointercancel", + undefined, + undefined + ]; + + // previous MS prefixed pointer event type + var MSPointerEventList = [ + "mousewheel", + "MSPointerMove", + "MSPointerDown", + "MSPointerUp", + "MSPointerCancel", + undefined, + undefined + ]; + + // legacy mouse event type + var mouseEventList = [ + "mousewheel", + "mousemove", + "mousedown", + "mouseup", + undefined, + undefined, + undefined + ]; + + // iOS style touch event type + var touchEventList = [ + undefined, + "touchmove", + "touchstart", + "touchend", + "touchcancel", + undefined, + undefined + ]; + + // internal constants + //var MOUSE_WHEEL = 0; + var POINTER_MOVE = 1; + var POINTER_DOWN = 2; + var POINTER_UP = 3; + var POINTER_CANCEL = 4; + + /** + * cache value for the offset of the canvas position within the page + * @ignore + */ + var viewportOffset = new me.Vector2d(); + + /** + * Array of object containing changed touch information (iOS event model) + * @ignore + */ + var changedTouches = []; + + /** + * cache value for the offset of the canvas position within the page + * @ignore + */ + obj._offset = null; + + /** + * addEventListerner for the specified event list and callback + * @ignore + */ + function registerEventListener(eventList, callback) { + for (var x = 2; x < eventList.length; ++x) { + if (typeof(eventList[x]) !== "undefined") { + me.video.renderer.getScreenCanvas().addEventListener(eventList[x], callback, false); + } + } + } + + /** + * enable pointer event (MSPointer/Mouse/Touch) + * @ignore + */ + function enablePointerEvent() { + if (!pointerInitialized) { + // initialize mouse pos (0,0) + changedTouches.push({ x: 0, y: 0 }); + obj.mouse.pos = new me.Vector2d(0, 0); + // get relative canvas position in the page + obj._offset = me.video.getPos(); + // Automatically update relative canvas position on scroll + window.addEventListener("scroll", throttle(100, false, + function (e) { + obj._offset = me.video.getPos(); + me.event.publish(me.event.WINDOW_ONSCROLL, [ e ]); + } + ), false); + + // check standard + if (navigator.pointerEnabled) { + activeEventList = pointerEventList; + } + else if (navigator.msPointerEnabled) { // check for backward compatibility with the 'MS' prefix + activeEventList = MSPointerEventList; + } + else if (me.device.touch) { // `touch****` events for iOS/Android devices + activeEventList = touchEventList; + } + else { // Regular Mouse events + activeEventList = mouseEventList; + } + + registerEventListener(activeEventList, onPointerEvent); + + // detect wheel event support + // Modern browsers support "wheel", Webkit and IE support at least "mousewheel + wheeltype = "onwheel" in document.createElement("div") ? "wheel" : "mousewheel"; + window.addEventListener(wheeltype, onMouseWheel, false); + + // set the PointerMove/touchMove/MouseMove event + if (typeof(obj.throttlingInterval) === "undefined") { + // set the default value + obj.throttlingInterval = Math.floor(1000 / me.sys.fps); + } + // if time interval <= 16, disable the feature + if (obj.throttlingInterval < 17) { + me.video.renderer.getScreenCanvas().addEventListener( + activeEventList[POINTER_MOVE], + onMoveEvent, + false + ); + } + else { + me.video.renderer.getScreenCanvas().addEventListener( + activeEventList[POINTER_MOVE], + throttle( + obj.throttlingInterval, + false, + function (e) { + onMoveEvent(e); + } + ), + false + ); + } + pointerInitialized = true; + } + } + + /** + * propagate events to registered objects + * @ignore + */ + function dispatchEvent(e) { + var handled = false; + var handlers = evtHandlers[e.type]; + + // Convert touchcancel -> touchend, and pointercancel -> pointerup + if (!handlers) { + if (activeEventList.indexOf(e.type) === POINTER_CANCEL) { + handlers = evtHandlers[activeEventList[POINTER_UP]]; + } else { + handlers = evtHandlers[e.type]; + } + } + + if (handlers) { + // get the current screen to world offset + me.game.viewport.localToWorld(0, 0, viewportOffset); + for (var t = 0, l = changedTouches.length; t < l; t++) { + // Do not fire older events + if (typeof(e.timeStamp) !== "undefined") { + if (e.timeStamp < lastTimeStamp) { + continue; + } + lastTimeStamp = e.timeStamp; + } + + // if PointerEvent is not supported + if (!me.device.pointerEnabled) { + // -> define pointerId to simulate the PointerEvent standard + e.pointerId = changedTouches[t].id; + } + + /* Initialize the two coordinate space properties. */ + e.gameScreenX = changedTouches[t].x; + e.gameScreenY = changedTouches[t].y; + e.gameWorldX = e.gameScreenX + viewportOffset.x; + e.gameWorldY = e.gameScreenY + viewportOffset.y; + + // parse all handlers + for (var i = handlers.length, handler; i--, (handler = handlers[i]);) { + /* Set gameX and gameY depending on floating. */ + if (handler.floating === true) { + e.gameX = e.gameScreenX; + e.gameY = e.gameScreenY; + } + else { + e.gameX = e.gameWorldX; + e.gameY = e.gameWorldY; + } + // call the defined handler + if (handler.rect.getBounds().containsPoint( + e.gameX, + e.gameY + )) { + // trigger the corresponding callback + if (handler.cb(e) === false) { + // stop propagating the event if return false + handled = true; + break; + } + } + } + } + } + return handled; + } + + /** + * translate event coordinates + * @ignore + */ + function updateCoordFromEvent(event) { + var local; + + // reset the touch array cache + changedTouches.length = 0; + + // PointerEvent or standard Mouse event + if (!event.touches) { + local = obj.globalToLocal(event.clientX, event.clientY); + local.id = event.pointerId || 1; + changedTouches.push(local); + } + // iOS/Android like touch event + else { + for (var i = 0, l = event.changedTouches.length; i < l; i++) { + var t = event.changedTouches[i]; + local = obj.globalToLocal(t.clientX, t.clientY); + local.id = t.identifier; + changedTouches.push(local); + } + } + // if event.isPrimary is defined and false, return + if (event.isPrimary === false) { + return; + } + // Else use the first entry to simulate mouse event + obj.mouse.pos.set( + changedTouches[0].x, + changedTouches[0].y + ); + } + + + /** + * mouse event management (mousewheel) + * @ignore + */ + function onMouseWheel(e) { + /* jshint expr:true */ + if (e.target === me.video.renderer.getScreenCanvas()) { + // create a (fake) normalized event object + var _event = { + deltaMode : 1, + type : "mousewheel", + deltaX: e.deltaX, + deltaY: e.deltaY, + deltaZ: e.deltaZ + }; + if (wheeltype === "mousewheel") { + _event.deltaY = - 1 / 40 * e.wheelDelta; + // Webkit also support wheelDeltaX + e.wheelDeltaX && (_event.deltaX = - 1 / 40 * e.wheelDeltaX); + } + // dispatch mouse event to registered object + if (dispatchEvent(_event)) { + // prevent default action + return obj._preventDefault(e); + } + } + return true; + } + + + /** + * mouse/touch/pointer event management (move) + * @ignore + */ + function onMoveEvent(e) { + // update position + updateCoordFromEvent(e); + // dispatch mouse event to registered object + if (dispatchEvent(e)) { + // prevent default action + return obj._preventDefault(e); + } + return true; + } + + /** + * mouse/touch/pointer event management (start/down, end/up) + * @ignore + */ + function onPointerEvent(e) { + // update the pointer position + updateCoordFromEvent(e); + + // dispatch event to registered objects + if (dispatchEvent(e)) { + // prevent default action + return obj._preventDefault(e); + } + + // in case of touch event button is undefined + var button = e.button || 0; + var keycode = obj.mouse.bind[button]; + + // check if mapped to a key + if (keycode) { + if (e.type === activeEventList[POINTER_DOWN]) { + return obj._keydown(e, keycode, button + 1); + } + else { // 'mouseup' or 'touchend' + return obj._keyup(e, keycode, button + 1); + } + } + + return true; + } + + /* + * PUBLIC STUFF + */ + + /** + * Mouse information
+ * properties :
+ * pos (me.Vector2d) : pointer position (in screen coordinates)
+ * LEFT : constant for left button
+ * MIDDLE : constant for middle button
+ * RIGHT : constant for right button
+ * @public + * @enum {Object} + * @name mouse + * @memberOf me.input + */ + obj.mouse = { + // mouse position + pos : null, + // button constants (W3C) + LEFT: 0, + MIDDLE: 1, + RIGHT: 2, + // bind list for mouse buttons + bind: [ 0, 0, 0 ] + }; + + /** + * time interval for event throttling in milliseconds
+ * default value : "1000/me.sys.fps" ms
+ * set to 0 ms to disable the feature + * @public + * @type Number + * @name throttlingInterval + * @memberOf me.input + */ + obj.throttlingInterval = undefined; + + /** + * Translate the specified x and y values from the global (absolute) + * coordinate to local (viewport) relative coordinate. + * @name globalToLocal + * @memberOf me.input + * @public + * @function + * @param {Number} x the global x coordinate to be translated. + * @param {Number} y the global y coordinate to be translated. + * @return {me.Vector2d} A vector object with the corresponding translated coordinates. + * @example + * onMouseEvent : function (e) { + * // convert the given into local (viewport) relative coordinates + * var pos = me.input.globalToLocal(e.clientX, e,clientY); + * // do something with pos ! + * }; + */ + obj.globalToLocal = function (x, y) { + var offset = obj._offset; + var pixelRatio = me.device.getPixelRatio(); + x -= offset.left; + y -= offset.top; + var scale = me.sys.scale; + if (scale.x !== 1.0 || scale.y !== 1.0) { + x /= scale.x; + y /= scale.y; + } + return new me.Vector2d(x * pixelRatio, y * pixelRatio); + }; + + /** + * Associate a pointer event to a keycode
+ * Left button – 0 + * Middle button – 1 + * Right button – 2 + * @name bindPointer + * @memberOf me.input + * @public + * @function + * @param {Number} [button=me.input.mouse.LEFT] (accordingly to W3C values : 0,1,2 for left, middle and right buttons) + * @param {me.input#KEY} keyCode + * @example + * // enable the keyboard + * me.input.bindKey(me.input.KEY.X, "shoot"); + * // map the left button click on the X key (default if the button is not specified) + * me.input.bindPointer(me.input.KEY.X); + * // map the right button click on the X key + * me.input.bindPointer(me.input.mouse.RIGHT, me.input.KEY.X); + */ + obj.bindPointer = function () { + var button = (arguments.length < 2) ? obj.mouse.LEFT : arguments[0]; + var keyCode = (arguments.length < 2) ? arguments[0] : arguments[1]; + + // make sure the mouse is initialized + enablePointerEvent(); + + // throw an exception if no action is defined for the specified keycode + if (!obj._KeyBinding[keyCode]) { + throw new me.Error("no action defined for keycode " + keyCode); + } + // map the mouse button to the keycode + obj.mouse.bind[button] = keyCode; + }; + /** + * unbind the defined keycode + * @name unbindPointer + * @memberOf me.input + * @public + * @function + * @param {Number} [button=me.input.mouse.LEFT] (accordingly to W3C values : 0,1,2 for left, middle and right buttons) + * @example + * me.input.unbindPointer(me.input.mouse.LEFT); + */ + obj.unbindPointer = function (button) { + // clear the event status + obj.mouse.bind[ + typeof(button) === "undefined" ? + me.input.mouse.LEFT : button + ] = null; + }; + + + /** + * allows registration of event listeners on the object target.
+ * melonJS defines the additional `gameX` and `gameY` properties when passing the Event object to the defined callback (see below)
+ * @see external:Event + * @see {@link http://www.w3.org/TR/pointerevents/#list-of-pointer-events|W3C Pointer Event list} + * @name registerPointerEvent + * @memberOf me.input + * @public + * @function + * @param {String} eventType The event type for which the object is registering
+ * melonJS currently support ['pointermove','pointerdown','pointerup','mousewheel'] + * @param {me.Rect} rect object target (or corresponding region defined through me.Rect) + * @param {Function} callback methods to be called when the event occurs. + * @param {Boolean} [floating] specify if the object is a floating object + * (if yes, screen coordinates are used, if not mouse/touch coordinates will + * be converted to world coordinates) + * @example + * // register on the 'pointerdown' event + * me.input.registerPointerEvent('pointerdown', this, this.pointerDown.bind(this)); + */ + obj.registerPointerEvent = function (eventType, rect, callback, floating) { + // make sure the mouse/touch events are initialized + enablePointerEvent(); + + if (pointerEventList.indexOf(eventType) === -1) { + throw new me.Error("invalid event type : " + eventType); + } + + // convert to supported event type if pointerEvent not natively supported + if (pointerEventList !== activeEventList) { + eventType = activeEventList[pointerEventList.indexOf(eventType)]; + } + + // register the event + if (!evtHandlers[eventType]) { + evtHandlers[eventType] = []; + } + // check if this is a floating object or not + var _float = rect.floating === true ? true : false; + // check if there is a given parameter + if (floating) { + // ovveride the previous value + _float = floating === true ? true : false; + } + + // initialize the handler + evtHandlers[eventType].push({ + rect : rect, + cb : callback, + floating : _float + }); + return; + }; + + /** + * allows the removal of event listeners from the object target. + * @see {@link http://www.w3.org/TR/pointerevents/#list-of-pointer-events|W3C Pointer Event list} + * @name releasePointerEvent + * @memberOf me.input + * @public + * @function + * @param {String} eventType The event type for which the object was registered
+ * melonJS currently support ['pointermove','pointerdown','pointerup','mousewheel'] + * @param {me.Rect} region object target (or corresponding region defined through me.Rect) + * @example + * // release the registered object/region on the 'pointerdown' event + * me.input.releasePointerEvent('pointerdown', this); + */ + obj.releasePointerEvent = function (eventType, rect) { + if (pointerEventList.indexOf(eventType) === -1) { + throw new me.Error("invalid event type : " + eventType); + } + + // convert to supported event type if pointerEvent not natively supported + if (pointerEventList !== activeEventList) { + eventType = activeEventList[pointerEventList.indexOf(eventType)]; + } + + // unregister the event + if (!evtHandlers[eventType]) { + evtHandlers[eventType] = []; + } + var handlers = evtHandlers[eventType]; + if (handlers) { + for (var i = handlers.length, handler; i--, (handler = handlers[i]);) { + if (handler.rect === rect) { + // make sure all references are null + handler.rect = handler.cb = handler.floating = null; + evtHandlers[eventType].splice(i, 1); + } + } + } + }; + + /** + * Will translate global (frequently used) pointer events + * which should be catched at root level, into minipubsub system events + * @name _translatePointerEvents + * @memberOf me.input + * @private + * @function + */ + obj._translatePointerEvents = function () { + // listen to mouse move (and touch move) events on the viewport + // and convert them to a system event by default + obj.registerPointerEvent("pointermove", me.game.viewport, function (e) { + me.event.publish(me.event.MOUSEMOVE, [e]); + return false; + }); + }; +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + * + */ +(function () { + /** + * Base64 decoding + * @see http://www.webtoolkit.info/ + * @ignore + */ + var Base64 = (function () { + // hold public stuff in our singleton + var singleton = {}; + + // private property + var _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; + + // public method for decoding + singleton.decode = function (input) { + + // make sure our input string has the right format + input = input.replace(/[^A-Za-z0-9\+\/\=]/g, ""); + + if (me.device.nativeBase64) { + // use native decoder + return window.atob(input); + } + else { + // use cross-browser decoding + var output = [], chr1, chr2, chr3, enc1, enc2, enc3, enc4, i = 0; + + while (i < input.length) { + enc1 = _keyStr.indexOf(input.charAt(i++)); + enc2 = _keyStr.indexOf(input.charAt(i++)); + enc3 = _keyStr.indexOf(input.charAt(i++)); + enc4 = _keyStr.indexOf(input.charAt(i++)); + + chr1 = (enc1 << 2) | (enc2 >> 4); + chr2 = ((enc2 & 15) << 4) | (enc3 >> 2); + chr3 = ((enc3 & 3) << 6) | enc4; + + output.push(String.fromCharCode(chr1)); + + if (enc3 !== 64) { + output.push(String.fromCharCode(chr2)); + } + if (enc4 !== 64) { + output.push(String.fromCharCode(chr3)); + } + } + + output = output.join(""); + return output; + } + }; + + // public method for encoding + singleton.encode = function (input) { + + // make sure our input string has the right format + input = input.replace(/\r\n/g, "\n"); + + if (me.device.nativeBase64) { + // use native encoder + return window.btoa(input); + } + else { + // use cross-browser encoding + var output = [], chr1, chr2, chr3, enc1, enc2, enc3, enc4, i = 0; + + + while (i < input.length) { + chr1 = input.charCodeAt(i++); + chr2 = input.charCodeAt(i++); + chr3 = input.charCodeAt(i++); + + enc1 = chr1 >> 2; + enc2 = ((chr1 & 3) << 4) | (chr2 >> 4); + enc3 = ((chr2 & 15) << 2) | (chr3 >> 6); + enc4 = chr3 & 63; + + if (isNaN(chr2)) { + enc3 = enc4 = 64; + } else if (isNaN(chr3)) { + enc4 = 64; + } + + output.push(_keyStr.charAt(enc1)); + output.push(_keyStr.charAt(enc2)); + output.push(_keyStr.charAt(enc3)); + output.push(_keyStr.charAt(enc4)); + } + + output = output.join(""); + return output; + } + }; + + return singleton; + + })(); + + /** + * a collection of utility functions
+ * there is no constructor function for me.utils + * @namespace me.utils + * @memberOf me + */ + me.utils = (function () { + // hold public stuff in our singleton + var api = {}; + + /* + * PRIVATE STUFF + */ + + // guid default value + var GUID_base = ""; + var GUID_index = 0; + + // regexp to deal with file name & path + var removepath = /^.*(\\|\/|\:)/; + var removeext = /\.[^\.]*$/; + + /* + * PUBLIC STUFF + */ + + /** + * Decode a base64 encoded string into a binary string + * @public + * @function + * @memberOf me.utils + * @name decodeBase64 + * @param {String} input Base64 encoded data + * @return {String} Binary string + */ + api.decodeBase64 = function (input) { + return Base64.decode(input); + }; + + /** + * Encode binary string into a base64 string + * @public + * @function + * @memberOf me.utils + * @name encodeBase64 + * @param {String} input Binary string + * @return {String} Base64 encoded data + */ + api.encodeBase64 = function (input) { + return Base64.encode(input); + }; + + /** + * Decode a base64 encoded string into a byte array + * @public + * @function + * @memberOf me.utils + * @name decodeBase64AsArray + * @param {String} input Base64 encoded data + * @param {Number} [bytes] number of bytes per array entry + * @return {Number[]} Array of bytes + */ + api.decodeBase64AsArray = function (input, bytes) { + bytes = bytes || 1; + + var dec = Base64.decode(input), i, j, len; + + // use a typed array if supported + var ar; + if (typeof window.Uint32Array === "function") { + ar = new Uint32Array(dec.length / bytes); + } + else { + ar = []; + } + + for (i = 0, len = dec.length / bytes; i < len; i++) { + ar[i] = 0; + for (j = bytes - 1; j >= 0; --j) { + ar[i] += dec.charCodeAt((i * bytes) + j) << (j << 3); + } + } + return ar; + }; + + /** + * decompress zlib/gzip data (NOT IMPLEMENTED) + * @public + * @function + * @memberOf me.utils + * @name decompress + * @param {Number[]} data Array of bytes + * @param {String} format compressed data format ("gzip","zlib") + * @return {Number[]} Array of bytes + */ + api.decompress = function () { + throw new me.Error("GZIP/ZLIB compressed TMX Tile Map not supported!"); + }; + + /** + * Decode a CSV encoded array into a binary array + * @public + * @function + * @memberOf me.utils + * @name decodeCSV + * @param {String} input CSV formatted data + * @param {Number} limit row split limit + * @return {Number[]} Int Array + */ + api.decodeCSV = function (input, limit) { + input = input.trim().split("\n"); + + var result = []; + for (var i = 0; i < input.length; i++) { + var entries = input[i].split(",", limit); + for (var e = 0; e < entries.length; e++) { + result.push(+entries[e]); + } + } + return result; + }; + + /** + * return the base name of the file without path info.
+ * @public + * @function + * @memberOf me.utils + * @name getBasename + * @param {String} path path containing the filename + * @return {String} the base name without path information. + */ + api.getBasename = function (path) { + return path.replace(removepath, "").replace(removeext, ""); + }; + + /** + * return the extension of the file in the given path
+ * @public + * @function + * @memberOf me.utils + * @name getFileExtension + * @param {String} path path containing the filename + * @return {String} filename extension. + */ + api.getFileExtension = function (path) { + return path.substring(path.lastIndexOf(".") + 1, path.length); + }; + + /** + * Get image pixels + * @public + * @function + * @memberOf me.utils + * @name getPixels + * @param {Image|Canvas} image Image to read + * @return {ImageData} Canvas ImageData object + */ + api.getPixels = function (arg) { + if (arg instanceof HTMLImageElement) { + var _context = me.CanvasRenderer.getContext2d( + me.video.createCanvas(arg.width, arg.height) + ); + _context.drawImage(arg, 0, 0); + return _context.getImageData(0, 0, arg.width, arg.height); + } + else { + // canvas ! + return arg.getContext("2d").getImageData(0, 0, arg.width, arg.height); + } + }; + + /** + * reset the GUID Base Name + * the idea here being to have a unique ID + * per level / object + * @ignore + */ + api.resetGUID = function (base) { + // also ensure it's only 8bit ASCII characters + GUID_base = base.toString().toUpperCase().toHex(); + GUID_index = 0; + }; + + /** + * create and return a very simple GUID + * Game Unique ID + * @ignore + */ + api.createGUID = function () { + return GUID_base + "-" + (GUID_index++); + }; + + /** + * apply friction to a force + * @ignore + * @TODO Move this somewhere else + */ + api.applyFriction = function (v, f) { + return ( + (v + f < 0) ? v + (f * me.timer.tick) : + (v - f > 0) ? v - (f * me.timer.tick) : 0 + ); + }; + + // return our object + return api; + })(); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier Biot, Jason Oster + * http://www.melonjs.org + */ +(function () { + var cssToRGB = { + // CSS1 + "black" : [ 0, 0, 0 ], + "silver" : [ 192, 192, 129 ], + "gray" : [ 128, 128, 128 ], + "white" : [ 255, 255, 255 ], + "maroon" : [ 128, 0, 0 ], + "red" : [ 255, 0, 0 ], + "purple" : [ 128, 0, 128 ], + "fuchsia" : [ 255, 0, 255 ], + "green" : [ 0, 128, 0 ], + "lime" : [ 0, 255, 0 ], + "olive" : [ 128, 128, 0 ], + "yellow" : [ 255, 255, 0 ], + "navy" : [ 0, 0, 128 ], + "blue" : [ 0, 0, 255 ], + "teal" : [ 0, 128, 128 ], + "aqua" : [ 0, 255, 255 ], + + // CSS2 + "orange" : [ 255, 165, 0 ], + + // CSS3 + "aliceblue" : [ 240, 248, 245 ], + "antiquewhite" : [ 250, 235, 215 ], + "aquamarine" : [ 127, 255, 212 ], + "azure" : [ 240, 255, 255 ], + "beige" : [ 245, 245, 220 ], + "bisque" : [ 255, 228, 196 ], + "blanchedalmond" : [ 255, 235, 205 ], + "blueviolet" : [ 138, 43, 226 ], + "brown" : [ 165, 42, 42 ], + "burlywood" : [ 222, 184, 35 ], + "cadetblue" : [ 95, 158, 160 ], + "chartreuse" : [ 127, 255, 0 ], + "chocolate" : [ 210, 105, 30 ], + "coral" : [ 255, 127, 80 ], + "cornflowerblue" : [ 100, 149, 237 ], + "cornsilk" : [ 255, 248, 220 ], + "crimson" : [ 220, 20, 60 ], + "darkblue" : [ 0, 0, 139 ], + "darkcyan" : [ 0, 139, 139 ], + "darkgoldenrod" : [ 184, 134, 11 ], + "darkgray[*]" : [ 169, 169, 169 ], + "darkgreen" : [ 0, 100, 0 ], + "darkgrey[*]" : [ 169, 169, 169 ], + "darkkhaki" : [ 189, 183, 107 ], + "darkmagenta" : [ 139, 0, 139 ], + "darkolivegreen" : [ 85, 107, 47 ], + "darkorange" : [ 255, 140, 0 ], + "darkorchid" : [ 153, 50, 204 ], + "darkred" : [ 139, 0, 0 ], + "darksalmon" : [ 233, 150, 122 ], + "darkseagreen" : [ 143, 188, 143 ], + "darkslateblue" : [ 72, 61, 139 ], + "darkslategray" : [ 47, 79, 79 ], + "darkslategrey" : [ 47, 79, 79 ], + "darkturquoise" : [ 0, 206, 209 ], + "darkviolet" : [ 148, 0, 211 ], + "deeppink" : [ 255, 20, 147 ], + "deepskyblue" : [ 0, 191, 255 ], + "dimgray" : [ 105, 105, 105 ], + "dimgrey" : [ 105, 105, 105 ], + "dodgerblue" : [ 30, 144, 255 ], + "firebrick" : [ 178, 34, 34 ], + "floralwhite" : [ 255, 250, 240 ], + "forestgreen" : [ 34, 139, 34 ], + "gainsboro" : [ 220, 220, 220 ], + "ghostwhite" : [ 248, 248, 255 ], + "gold" : [ 255, 215, 0 ], + "goldenrod" : [ 218, 165, 32 ], + "greenyellow" : [ 173, 255, 47 ], + "grey" : [ 128, 128, 128 ], + "honeydew" : [ 240, 255, 240 ], + "hotpink" : [ 255, 105, 180 ], + "indianred" : [ 205, 92, 92 ], + "indigo" : [ 75, 0, 130 ], + "ivory" : [ 255, 255, 240 ], + "khaki" : [ 240, 230, 140 ], + "lavender" : [ 230, 230, 250 ], + "lavenderblush" : [ 255, 240, 245 ], + "lawngreen" : [ 124, 252, 0 ], + "lemonchiffon" : [ 255, 250, 205 ], + "lightblue" : [ 173, 216, 230 ], + "lightcoral" : [ 240, 128, 128 ], + "lightcyan" : [ 224, 255, 255 ], + "lightgoldenrodyellow" : [ 250, 250, 210 ], + "lightgray" : [ 211, 211, 211 ], + "lightgreen" : [ 144, 238, 144 ], + "lightgrey" : [ 211, 211, 211 ], + "lightpink" : [ 255, 182, 193 ], + "lightsalmon" : [ 255, 160, 122 ], + "lightseagreen" : [ 32, 178, 170 ], + "lightskyblue" : [ 135, 206, 250 ], + "lightslategray" : [ 119, 136, 153 ], + "lightslategrey" : [ 119, 136, 153 ], + "lightsteelblue" : [ 176, 196, 222 ], + "lightyellow" : [ 255, 255, 224 ], + "limegreen" : [ 50, 205, 50 ], + "linen" : [ 250, 240, 230 ], + "mediumaquamarine" : [ 102, 205, 170 ], + "mediumblue" : [ 0, 0, 205 ], + "mediumorchid" : [ 186, 85, 211 ], + "mediumpurple" : [ 147, 112, 219 ], + "mediumseagreen" : [ 60, 179, 113 ], + "mediumslateblue" : [ 123, 104, 238 ], + "mediumspringgreen" : [ 0, 250, 154 ], + "mediumturquoise" : [ 72, 209, 204 ], + "mediumvioletred" : [ 199, 21, 133 ], + "midnightblue" : [ 25, 25, 112 ], + "mintcream" : [ 245, 255, 250 ], + "mistyrose" : [ 255, 228, 225 ], + "moccasin" : [ 255, 228, 181 ], + "navajowhite" : [ 255, 222, 173 ], + "oldlace" : [ 253, 245, 230 ], + "olivedrab" : [ 107, 142, 35 ], + "orangered" : [ 255, 69, 0 ], + "orchid" : [ 218, 112, 214 ], + "palegoldenrod" : [ 238, 232, 170 ], + "palegreen" : [ 152, 251, 152 ], + "paleturquoise" : [ 175, 238, 238 ], + "palevioletred" : [ 219, 112, 147 ], + "papayawhip" : [ 255, 239, 213 ], + "peachpuff" : [ 255, 218, 185 ], + "peru" : [ 205, 133, 63 ], + "pink" : [ 255, 192, 203 ], + "plum" : [ 221, 160, 221 ], + "powderblue" : [ 176, 224, 230 ], + "rosybrown" : [ 188, 143, 143 ], + "royalblue" : [ 65, 105, 225 ], + "saddlebrown" : [ 139, 69, 19 ], + "salmon" : [ 250, 128, 114 ], + "sandybrown" : [ 244, 164, 96 ], + "seagreen" : [ 46, 139, 87 ], + "seashell" : [ 255, 245, 238 ], + "sienna" : [ 160, 82, 45 ], + "skyblue" : [ 135, 206, 235 ], + "slateblue" : [ 106, 90, 205 ], + "slategray" : [ 112, 128, 144 ], + "slategrey" : [ 112, 128, 144 ], + "snow" : [ 255, 250, 250 ], + "springgreen" : [ 0, 255, 127 ], + "steelblue" : [ 70, 130, 180 ], + "tan" : [ 210, 180, 140 ], + "thistle" : [ 216, 191, 216 ], + "tomato" : [ 255, 99, 71 ], + "turquoise" : [ 64, 224, 208 ], + "violet" : [ 238, 130, 238 ], + "wheat" : [ 245, 222, 179 ], + "whitesmoke" : [ 245, 245, 245 ], + "yellowgreen" : [ 154, 205, 50 ] + }; + + /** + * A color manipulation object. + * @class + * @extends Object + * @memberOf me + * @constructor + * @param {Number} [r=0] red component + * @param {Number} [g=0] green component + * @param {Number} [b=0] blue component + * @param {Number} [a=1.0] alpha value + */ + me.Color = Object.extend( + /** @scope me.Color.prototype */ + { + + /** @ignore */ + init : function (r, g, b, a) { + /** + * Color Red Component + * @name r + * @memberOf me.Color + * @type {Number} + * @readonly + */ + this.r = r || 0; + + /** + * Color Green Component + * @name g + * @memberOf me.Color + * @type {Number} + * @readonly + */ + this.g = g || 0; + + /** + * Color Blue Component + * @name b + * @memberOf me.Color + * @type {Number} + * @readonly + */ + this.b = b || 0; + + /** + * Color alpha Component + * @name alpha + * @memberOf me.Color + * @type {Number} + * @readonly + */ + this.alpha = a || 1.0; + return this; + }, + + /** + * @ignore + */ + onResetEvent : function (r, g, b, a) { + return this.setColor(r, g, b, a); + }, + + /** + * Set this color to the specified value. + * @name setColor + * @memberOf me.Color + * @function + * @param {Number} r red component + * @param {Number} g green component + * @param {Number} b blue component + * @param {Number} [a=1.0] alpha value + * @return {me.Color} Reference to this object for method chaining + */ + setColor : function (r, g, b, a) { + this.r = Math.floor(r || 0).clamp(0, 255); + this.g = Math.floor(g || 0).clamp(0, 255); + this.b = Math.floor(b || 0).clamp(0, 255); + this.alpha = typeof(a) === "undefined" ? 1.0 : a.clamp(0, 1); + + return this; + }, + + /** + * Create a new copy of this color object. + * @name clone + * @memberOf me.Color + * @function + * @return {me.Color} Reference to the newly cloned object + */ + clone : function () { + return me.pool.pull("me.Color", this.r, this.g, this.b, this.alpha); + }, + + /** + * Blend this color with the given one using addition. + * @name add + * @memberOf me.Color + * @function + * @param {me.Color} color + * @return {me.Color} Reference to this object for method chaining + */ + add : function (color) { + return this.setColor( + this.r + color.r, + this.g + color.g, + this.b + color.b, + (this.alpha + color.alpha) / 2 + ); + }, + + /** + * Darken this color value by 0..1 + * @name darken + * @memberOf me.Color + * @function + * @param {Number} scale + * @return {me.Color} Reference to this object for method chaining + */ + darken : function (scale) { + scale = scale.clamp(0, 1); + return this.setColor( + this.r * scale, + this.g * scale, + this.b * scale, + this.alpha + ); + }, + + /** + * Lighten this color value by 0..1 + * @name lighten + * @memberOf me.Color + * @function + * @param {Number} scale + * @return {me.Color} Reference to this object for method chaining + */ + lighten : function (scale) { + scale = scale.clamp(0, 1); + return this.setColor( + this.r + (255 - this.r) * scale, + this.g + (255 - this.g) * scale, + this.b + (255 - this.b) * scale, + this.alpha + ); + }, + + /** + * Generate random r,g,b values for this color object + * @name random + * @memberOf me.Color + * @function + * @return {me.Color} Reference to this object for method chaining + */ + random : function () { + return this.setColor( + Math.random() * 256, + Math.random() * 256, + Math.random() * 256, + this.alpha + ); + }, + + /** + * Return true if the r,g,b,a values of this color are equal with the + * given one. + * @name equals + * @memberOf me.Color + * @function + * @param {me.Color} color + * @return {Boolean} + */ + equals : function (color) { + return ( + (this.r === color.r) && + (this.g === color.g) && + (this.b === color.b) && + (this.alpha === color.alpha) + ); + }, + + /** + * Parse a CSS color string and set this color to the corresponding + * r,g,b values + * @name parseCSS + * @memberOf me.Color + * @function + * @param {String} color + * @return {me.Color} Reference to this object for method chaining + */ + parseCSS : function (cssColor) { + // TODO : Memoize this function by caching its input + + if (!(cssColor in cssToRGB)) { + return this.parseRGB(cssColor); + } + + return this.setColor.apply(this, cssToRGB[cssColor]); + }, + + /** + * Parse an RGB or RGBA CSS color string + * @name parseRGB + * @memberOf me.Color + * @function + * @param {String} color + * @return {me.Color} Reference to this object for method chaining + */ + parseRGB : function (rgbColor) { + // TODO : Memoize this function by caching its input + + var start; + if (rgbColor.substring(0, 4) === "rgba") { + start = 5; + } + else if (rgbColor.substring(0, 3) === "rgb") { + start = 4; + } + else { + return this.parseHex(rgbColor); + } + + var color = rgbColor.slice(start, -1).split(/\s*,\s*/); + return this.setColor.apply(this, color); + }, + + /** + * Parse a Hex color ("#RGB" or "#RRGGBB" format) and set this color to + * the corresponding r,g,b values + * @name parseHex + * @memberOf me.Color + * @function + * @param {String} color + * @return {me.Color} Reference to this object for method chaining + */ + parseHex : function (hexColor) { + // TODO : Memoize this function by caching its input + + // Remove the # if present + if (hexColor.charAt(0) === "#") { + hexColor = hexColor.substring(1, hexColor.length); + } + + var r, g, b; + + if (hexColor.length < 6) { + // 3 char shortcut is used, double each char + r = parseInt(hexColor.charAt(0) + hexColor.charAt(0), 16); + g = parseInt(hexColor.charAt(1) + hexColor.charAt(1), 16); + b = parseInt(hexColor.charAt(2) + hexColor.charAt(2), 16); + } + else { + r = parseInt(hexColor.substring(0, 2), 16); + g = parseInt(hexColor.substring(2, 4), 16); + b = parseInt(hexColor.substring(4, 6), 16); + } + + return this.setColor(r, g, b); + }, + + /** + * Get the color in "#RRGGBB" format + * @name toHex + * @memberOf me.Color + * @function + * @return {String} + */ + toHex : function () { + // TODO : Memoize this function by caching its result until any of + // the r,g,b,a values are changed + + return "#" + this.r.toHex() + this.g.toHex() + this.b.toHex(); + }, + + /** + * Get the color in "rgb(R,G,B)" format + * @name toRGB + * @memberOf me.Color + * @function + * @return {String} + */ + toRGB : function () { + // TODO : Memoize this function by caching its result until any of + // the r,g,b,a values are changed + + return "rgb(" + + this.r + "," + + this.g + "," + + this.b + + ")"; + }, + + /** + * Get the color in "rgba(R,G,B,A)" format + * @name toRGBA + * @memberOf me.Color + * @function + * @return {String} + */ + toRGBA : function () { + // TODO : Memoize this function by caching its result until any of + // the r,g,b,a values are changed + + return "rgba(" + + this.r + "," + + this.g + "," + + this.b + "," + + this.alpha + + ")"; + } + + }); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013 melonJS + * http://www.melonjs.org + * + */ +(function () { + /** + * A singleton object to access the device localStorage area + * @example + * // Initialize "score" and "lives" with default values + * me.save.add({ score : 0, lives : 3 }); + * + * // Save score + * me.save.score = 31337; + * + * // Load lives + * console.log(me.save.lives); + * + * // Also supports complex objects thanks to JSON backend + * me.save.complexObject = { a : "b", c : [ 1, 2, 3, "d" ], e : { f : [{}] } }; + * // DO NOT set any child properties of me.save.complexObject directly! + * // Changes made that way will not save. Always set the entire object value at once. + * + * // Print all + * console.log(JSON.stringify(me.save)); + * + * // Remove "score" from localStorage + * me.save.remove('score'); + * @namespace me.save + * @memberOf me + */ + me.save = (function () { + // Variable to hold the object data + var data = {}; + + // a function to check if the given key is a reserved word + function isReserved(key) { + return (key === "add" || key === "remove"); + } + + // Public API + var api = { + /** + * @ignore + */ + _init: function () { + // Load previous data if local Storage is supported + if (me.device.localStorage === true) { + var keys = JSON.parse(localStorage.getItem("me.save")) || []; + keys.forEach(function (key) { + data[key] = JSON.parse(localStorage.getItem("me.save." + key)); + }); + } + }, + + /** + * Add new keys to localStorage and set them to the given default values if they do not exist + * @name add + * @memberOf me.save + * @function + * @param {Object} props key and corresponding values + * @example + * // Initialize "score" and "lives" with default values + * me.save.add({ score : 0, lives : 3 }); + */ + add : function (props) { + Object.keys(props).forEach(function (key) { + if (isReserved(key)) { + return; + } + + (function (prop) { + Object.defineProperty(api, prop, { + configurable : true, + enumerable : true, + get : function () { + return data[prop]; + }, + set : function (value) { + data[prop] = value; + if (me.device.localStorage === true) { + localStorage.setItem("me.save." + prop, JSON.stringify(value)); + } + } + }); + })(key); + + // Set default value for key + if (!(key in data)) { + api[key] = props[key]; + } + }); + + // Save keys + if (me.device.localStorage === true) { + localStorage.setItem("me.save", JSON.stringify(Object.keys(data))); + } + }, + + /** + * Remove a key from localStorage + * @name remove + * @memberOf me.save + * @function + * @param {String} key key to be removed + * @example + * // Remove the "score" key from localStorage + * me.save.remove("score"); + */ + remove : function (key) { + if (!isReserved(key)) { + if (typeof data[key] !== "undefined") { + delete data[key]; + if (me.device.localStorage === true) { + localStorage.removeItem("me.save." + key); + localStorage.setItem("me.save", JSON.stringify(Object.keys(data))); + } + } + } + } + }; + + return api; + })(); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + * + * Tile QT 0.7.x format + * http://www.mapeditor.org/ + * + */ +(function () { + me.TMXConstants = { + // some custom constants + COLLISION_LAYER : "collision", + // some TMX constants + TMX_TAG_MAP : "map", + TMX_TAG_NAME : "name", + TMX_TAG_VALUE : "value", + TMX_TAG_VERSION : "version", + TMX_TAG_ORIENTATION : "orientation", + TMX_TAG_WIDTH : "width", + TMX_TAG_HEIGHT : "height", + TMX_TAG_TYPE : "type", + TMX_TAG_OPACITY : "opacity", + TMX_TAG_TRANS : "trans", + TMX_TAG_TILEWIDTH : "tilewidth", + TMX_TAG_TILEHEIGHT : "tileheight", + TMX_TAG_TILEOFFSET : "tileoffset", + TMX_TAG_FIRSTGID : "firstgid", + TMX_TAG_GID : "gid", + TMX_TAG_TILE : "tile", + TMX_TAG_ID : "id", + TMX_TAG_DATA : "data", + TMX_TAG_COMPRESSION : "compression", + TMX_TAG_GZIP : "gzip", + TMX_TAG_ZLIB : "zlib", + TMX_TAG_ENCODING : "encoding", + TMX_TAG_ATTR_BASE64 : "base64", + TMX_TAG_CSV : "csv", + TMX_TAG_SPACING : "spacing", + TMX_TAG_MARGIN : "margin", + TMX_TAG_PROPERTIES : "properties", + TMX_TAG_PROPERTY : "property", + TMX_TAG_IMAGE : "image", + TMX_TAG_SOURCE : "source", + TMX_TAG_VISIBLE : "visible", + TMX_TAG_TILESET : "tileset", + TMX_TAG_LAYER : "layer", + TMX_TAG_TILE_LAYER : "tilelayer", + TMX_TAG_IMAGE_LAYER : "imagelayer", + TMX_TAG_OBJECTGROUP : "objectgroup", + TMX_TAG_OBJECT : "object", + TMX_TAG_X : "x", + TMX_TAG_Y : "y", + TMX_TAG_POLYGON : "polygon", + TMX_TAG_POLYLINE : "polyline", + TMX_TAG_ELLIPSE : "ellipse", + TMX_TAG_POINTS : "points", + TMX_BACKGROUND_COLOR : "backgroundcolor", + }; +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + * + * Tile QT 0.7.x format + * http://www.mapeditor.org/ + * + */ +(function (TMXConstants) { + /** + * a collection of TMX utility Function + * @final + * @memberOf me + * @ignore + */ + me.TMXUtils = (function () { + /* + * PUBLIC + */ + + // hold public stuff in our singleton + var api = {}; + + /** + * set and interpret a TMX property value + * @ignore + */ + function setTMXValue(value) { + if (!value || value.isBoolean()) { + // if value not defined or boolean + value = value ? (value === "true") : true; + } + else if (value.isNumeric()) { + // check if numeric + value = Number(value); + } + else if (value.match(/^json:/i)) { + // try to parse it + var match = value.split(/^json:/i)[1]; + try { + value = JSON.parse(match); + } + catch (e) { + throw new me.Error("Unable to parse JSON: " + match); + } + } + // return the interpreted value + return value; + } + + var parseAttributes = function (obj, elt) { + // do attributes + if (elt.attributes && elt.attributes.length > 0) { + for (var j = 0; j < elt.attributes.length; j++) { + var attribute = elt.attributes.item(j); + if (typeof(attribute.name) !== "undefined") { + // DOM4 (Attr no longer inherit from Node) + obj[attribute.name] = setTMXValue(attribute.value); + } else { + // else use the deprecated ones + obj[attribute.nodeName] = setTMXValue(attribute.nodeValue); + } + } + } + }; + + /** + * Parse a XML TMX object and returns the corresponding javascript object + * @ignore + */ + api.parse = function (xml, draworder) { + // Create the return object + var obj = {}; + + // temporary cache value for concatenated #text element + var cacheValue = ""; + + // make sure draworder is defined + // note: `draworder` is a new object property in next coming version of Tiled + draworder = draworder || 1; + + if (xml.nodeType === 1) { + // do attributes + parseAttributes(obj, xml); + } + + // do children + if (xml.hasChildNodes()) { + for (var i = 0; i < xml.childNodes.length; i++) { + var item = xml.childNodes.item(i); + var nodeName = item.nodeName; + + if (typeof(obj[nodeName]) === "undefined") { + if (item.nodeType === 3) { + /* nodeType is "Text" */ + var value = item.nodeValue.trim(); + if (value && value.length > 0) { + cacheValue += value; + } + } + else if (item.nodeType === 1) { + /* nodeType is "Element" */ + obj[nodeName] = me.TMXUtils.parse(item, draworder); + obj[nodeName]._draworder = draworder++; + } + } + else { + if (Array.isArray(obj[nodeName]) === false) { + obj[nodeName] = [obj[nodeName]]; + } + obj[nodeName].push(me.TMXUtils.parse(item, draworder)); + obj[nodeName][obj[nodeName].length - 1]._draworder = draworder++; + } + } + // set concatenated string value + // cheap hack that will only probably work with the TMX format + if (cacheValue.length > 0) { + obj.value = cacheValue; + cacheValue = ""; + } + } + return obj; + }; + + /** + * Apply TMX Properties to the given object + * @ignore + */ + api.applyTMXProperties = function (obj, data) { + var properties = data[TMXConstants.TMX_TAG_PROPERTIES]; + if (typeof(properties) !== "undefined") { + if (typeof(properties.property) !== "undefined") { + // XML converted format + var property = properties.property; + if (Array.isArray(property) === true) { + property.forEach(function (prop) { + // value are already converted in this case + obj[prop.name] = prop.value; + }); + } + else { + // value are already converted in this case + obj[property.name] = property.value; + } + } + else { + // native json format + for (var name in properties) { + if (properties.hasOwnProperty(name)) { + // set the value + obj[name] = setTMXValue(properties[name]); + } + } + } + } + }; + + // return our object + return api; + })(); +})(me.TMXConstants); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + * + * Tile QT 0.7.x format + * http://www.mapeditor.org/ + * + */ +(function (TMXConstants) { + + /** + * TMX Object Group
+ * contains the object group definition as defined in Tiled.
+ * note : object group definition is translated into the virtual `me.game.world` using `me.Container`. + * @see me.Container + * @class + * @extends Object + * @memberOf me + * @constructor + */ + me.TMXObjectGroup = Object.extend({ + init : function (name, tmxObjGroup, tilesets, z) { + /** + * group name + * @public + * @type String + * @name name + * @memberOf me.TMXObjectGroup + */ + this.name = null; + + /** + * group width + * @public + * @type Number + * @name name + * @memberOf me.TMXObjectGroup + */ + this.width = 0; + + /** + * group height + * @public + * @type Number + * @name name + * @memberOf me.TMXObjectGroup + */ + this.height = 0; + + /** + * group z order + * @public + * @type Number + * @name name + * @memberOf me.TMXObjectGroup + */ + this.z = 0; + + /** + * group objects list definition + * @see me.TMXObject + * @public + * @type Array + * @name name + * @memberOf me.TMXObjectGroup + */ + this.objects = []; + var self = this; + this.name = name; + this.width = tmxObjGroup[TMXConstants.TMX_TAG_WIDTH]; + this.height = tmxObjGroup[TMXConstants.TMX_TAG_HEIGHT]; + this.z = z; + this.objects = []; + + var visible = typeof(tmxObjGroup[TMXConstants.TMX_TAG_VISIBLE]) !== "undefined" ? tmxObjGroup[TMXConstants.TMX_TAG_VISIBLE] : true; + + this.opacity = (visible === true) ? parseFloat(tmxObjGroup[TMXConstants.TMX_TAG_OPACITY] || 1.0).clamp(0.0, 1.0) : 0; + + // check if we have any user-defined properties + me.TMXUtils.applyTMXProperties(this, tmxObjGroup); + + // parse all objects + // (under `objects` for XML converted map, under `object` for native json map) + var _objects = tmxObjGroup.objects || tmxObjGroup.object; + if (Array.isArray(_objects) === true) { + // JSON native format + _objects.forEach(function (tmxObj) { + self.objects.push(new me.TMXObject(tmxObj, tilesets, z)); + }); + } else { + self.objects.push(new me.TMXObject(_objects, tilesets, z)); + } + }, + + /** + * reset function + * @ignore + * @function + */ + + destroy : function () { + // clear all allocated objects + this.objects = null; + }, + + /** + * return the object count + * @ignore + * @function + */ + getObjectCount : function () { + return this.objects.length; + }, + + /** + * returns the object at the specified index + * @ignore + * @function + */ + getObjectByIndex : function (idx) { + return this.objects[idx]; + } + }); + + /** + * a TMX Object defintion, as defined in Tiled.
+ * note : object definition are translated into the virtual `me.game.world` using `me.Entity`. + * @see me.Entity + * @class + * @extends Object + * @memberOf me + * @constructor + */ + me.TMXObject = Object.extend({ + init : function (tmxObj, tilesets, z) { + + /** + * object point list (for polygone and polyline) + * @public + * @type Vector2d[] + * @name points + * @memberOf me.TMXObject + */ + this.points = undefined; + /** + * object name + * @public + * @type String + * @name name + * @memberOf me.TMXObject + */ + this.name = tmxObj[TMXConstants.TMX_TAG_NAME]; + /** + * object x position + * @public + * @type Number + * @name x + * @memberOf me.TMXObject + */ + this.x = parseInt(tmxObj[TMXConstants.TMX_TAG_X], 10); + /** + * object y position + * @public + * @type Number + * @name y + * @memberOf me.TMXObject + */ + this.y = parseInt(tmxObj[TMXConstants.TMX_TAG_Y], 10); + /** + * object z order + * @public + * @type Number + * @name z + * @memberOf me.TMXObject + */ + this.z = parseInt(z, 10); + + /** + * object width + * @public + * @type Number + * @name width + * @memberOf me.TMXObject + */ + this.width = parseInt(tmxObj[TMXConstants.TMX_TAG_WIDTH] || 0, 10); + + /** + * object height + * @public + * @type Number + * @name height + * @memberOf me.TMXObject + */ + this.height = parseInt(tmxObj[TMXConstants.TMX_TAG_HEIGHT] || 0, 10); + + /** + * object gid value + * when defined the object is a tiled object + * @public + * @type Number + * @name gid + * @memberOf me.TMXObject + */ + this.gid = parseInt(tmxObj[TMXConstants.TMX_TAG_GID], 10) || null; + + /** + * object type + * @public + * @type String + * @name type + * @memberOf me.TMXObject + */ + this.type = tmxObj[TMXConstants.TMX_TAG_TYPE]; + + this.isEllipse = false; + /** + * if true, the object is a polygone + * @public + * @type Boolean + * @name isPolygon + * @memberOf me.TMXObject + */ + this.isPolygon = false; + /** + * f true, the object is a polygone + * @public + * @type Boolean + * @name isPolyline + * @memberOf me.TMXObject + */ + this.isPolyline = false; + + // check if the object has an associated gid + if (typeof this.gid === "number") { + this.setImage(this.gid, tilesets); + } + else { + if (typeof(tmxObj[TMXConstants.TMX_TAG_ELLIPSE]) !== "undefined") { + this.isEllipse = true; + } + else { + var points = tmxObj[TMXConstants.TMX_TAG_POLYGON]; + if (typeof(points) !== "undefined") { + this.isPolygon = true; + } + else { + points = tmxObj[TMXConstants.TMX_TAG_POLYLINE]; + if (typeof(points) !== "undefined") { + this.isPolyline = true; + } + } + if (typeof(points) !== "undefined") { + this.points = []; + if (typeof(points.points) !== "undefined") { + // get a point array + points = points.points.split(" "); + // and normalize them into an array of vectors + for (var i = 0, v; i < points.length; i++) { + v = points[i].split(","); + this.points.push(new me.Vector2d(+v[0], +v[1])); + } + } + else { + // already an object (native json format) + var self = this; + points.forEach(function (point) { + self.points.push(new me.Vector2d(parseInt(point.x, 10), parseInt(point.y, 10))); + }); + } + } + } + } + + // Adjust the Position to match Tiled + me.game.tmxRenderer.adjustPosition(this); + + // set the object properties + me.TMXUtils.applyTMXProperties(this, tmxObj); + }, + + /** + * set the object image (for Tiled Object) + * @ignore + * @function + */ + setImage : function (gid, tilesets) { + // get the corresponding tileset + var tileset = tilesets.getTilesetByGid(this.gid); + + // set width and height equal to tile size + this.width = tileset.tilewidth; + this.height = tileset.tileheight; + + // force spritewidth size + this.spritewidth = this.width; + + // the object corresponding tile + + var tmxTile = new me.Tile(this.x, this.y, tileset.tilewidth, tileset.tileheight, this.gid); + + // get the corresponding tile into our object + this.image = tileset.getTileImage(tmxTile); + + // set a generic name if not defined + if (typeof (this.name) === "undefined") { + this.name = "TileObject"; + } + }, + + /** + * return the corresponding shape object + * @name getShape + * @memberOf me.TMXObject + * @public + * @function + * @return {me.Rect|me.PolyShape|me.Ellipse} shape a shape object + */ + getShape : function () { + // add an ellipse shape + if (this.isEllipse === true) { + // ellipse coordinates are the center position, so set default to the corresonding radius + return new me.Ellipse(this.width / 2, this.height / 2, this.width, this.height); + } + + // add a polyshape + if ((this.isPolygon === true) || (this.isPolyline === true)) { + return new me.PolyShape(0, 0, this.points, this.isPolygon); + } + + // it's a rectangle, returns a polygone object anyway + return new me.PolyShape( + 0, 0, [ + new me.Vector2d(), new me.Vector2d(this.width, 0), + new me.Vector2d(this.width, this.height), new me.Vector2d(0, this.height) + ], + true + ); + }, + /** + * getObjectPropertyByName + * @ignore + * @function + */ + getObjectPropertyByName : function (name) { + return this[name]; + } + }); +})(me.TMXConstants); +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + * + * Tile QT 0.7.x format + * http://www.mapeditor.org/ + * + */ +(function (TMXConstants) { + /* + * Tileset Management + */ + + // bitmask constants to check for flipped & rotated tiles + var FlippedHorizontallyFlag = 0x80000000; + var FlippedVerticallyFlag = 0x40000000; + var FlippedAntiDiagonallyFlag = 0x20000000; + + /** + * a basic tile object + * @class + * @extends me.Rect + * @memberOf me + * @constructor + * @param {Number} x x index of the Tile in the map + * @param {Number} y y index of the Tile in the map + * @param {Number} w Tile width + * @param {Number} h Tile height + * @param {Number} tileId tileId + */ + me.Tile = me.Rect.extend({ + /** @ignore */ + init : function (x, y, w, h, gid) { + /** + * tileset + * @public + * @type me.TMXTileset + * @name me.Tile#tileset + */ + this.tileset = null; + + /** + * the tile transformation matrix (if defined) + * @ignore + */ + this.transform = null; + me.Rect.prototype.init.apply(this, [x * w, y * h, w, h]); + + // Tile col / row pos + this.col = x; + this.row = y; + + /** + * tileId + * @public + * @type int + * @name me.Tile#tileId + */ + this.tileId = gid; + /** + * True if the tile is flipped horizontally
+ * @public + * @type Boolean + * @name me.Tile#flipX + */ + this.flippedX = (this.tileId & FlippedHorizontallyFlag) !== 0; + /** + * True if the tile is flipped vertically
+ * @public + * @type Boolean + * @name me.Tile#flippedY + */ + this.flippedY = (this.tileId & FlippedVerticallyFlag) !== 0; + /** + * True if the tile is flipped anti-diagonally
+ * @public + * @type Boolean + * @name me.Tile#flippedAD + */ + this.flippedAD = (this.tileId & FlippedAntiDiagonallyFlag) !== 0; + + /** + * Global flag that indicates if the tile is flipped
+ * @public + * @type Boolean + * @name me.Tile#flipped + */ + this.flipped = this.flippedX || this.flippedY || this.flippedAD; + // create a transformation matrix if required + if (this.flipped === true) { + this.createTransform(); + } + + // clear out the flags and set the tileId + this.tileId &= ~(FlippedHorizontallyFlag | FlippedVerticallyFlag | FlippedAntiDiagonallyFlag); + }, + + /** + * create a transformation matrix for this tilee + * @ignore + */ + createTransform : function () { + if (this.transform === null) { + this.transform = new me.Matrix2d(); + } + // reset the matrix (in case it was already defined) + this.transform.identity(); + + if (this.flippedAD) { + // Use shearing to swap the X/Y axis + this.transform.set(0, 1, 1, 0); + this.transform.translate(0, this.height - this.width); + } + if (this.flippedX) { + this.transform.a *= -1; + this.transform.c *= -1; + this.transform.translate((this.flippedAD ? this.height : this.width), 0); + + } + if (this.flippedY) { + this.transform.b *= -1; + this.transform.d *= -1; + this.transform.translate(0, (this.flippedAD ? this.width : this.height)); + } + } + }); + + /** + * a TMX Tile Set Object + * @class + * @memberOf me + * @constructor + */ + me.TMXTileset = Object.extend({ + // constructor + init: function (tileset) { + // first gid + // tile types + this.type = { + SOLID : "solid", + PLATFORM : "platform", + L_SLOPE : "lslope", + R_SLOPE : "rslope", + LADDER : "ladder", + TOPLADDER : "topladder", + BREAKABLE : "breakable" + }; + + // tile properties (collidable, etc..) + this.TileProperties = []; + + // a cache for offset value + this.tileXOffset = []; + this.tileYOffset = []; + this.firstgid = this.lastgid = tileset[TMXConstants.TMX_TAG_FIRSTGID]; + var src = tileset[TMXConstants.TMX_TAG_SOURCE]; + if (src && me.utils.getFileExtension(src).toLowerCase() === "tsx") { + // load TSX + src = me.utils.getBasename(src); + // replace tiletset with a local variable + tileset = me.loader.getTMX(src); + + if (!tileset) { + throw new me.Error(src + " TSX tileset not found"); + } + // normally tileset shoudld directly contains the required + //information : UNTESTED as I did not find how to generate a JSON TSX file + } + + this.name = tileset[TMXConstants.TMX_TAG_NAME]; + this.tilewidth = parseInt(tileset[TMXConstants.TMX_TAG_TILEWIDTH], 10); + this.tileheight = parseInt(tileset[TMXConstants.TMX_TAG_TILEHEIGHT], 10); + this.spacing = parseInt(tileset[TMXConstants.TMX_TAG_SPACING] || 0, 10); + + this.margin = parseInt(tileset[TMXConstants.TMX_TAG_MARGIN] || 0, 10); + + // set tile offset properties (if any) + this.tileoffset = new me.Vector2d(0, 0); + + var offset = tileset[TMXConstants.TMX_TAG_TILEOFFSET]; + if (offset) { + this.tileoffset.x = parseInt(offset[TMXConstants.TMX_TAG_X], 10); + this.tileoffset.y = parseInt(offset[TMXConstants.TMX_TAG_Y], 10); + } + + + // set tile properties, if any + var tileInfo = tileset.tileproperties; + + if (tileInfo) { + // native JSON format + for (var i in tileInfo) { + if (tileInfo.hasOwnProperty(i)) { + this.setTileProperty(parseInt(i, 10) + this.firstgid, tileInfo[i]); + } + } + } + else if (tileset[TMXConstants.TMX_TAG_TILE]) { + // converted XML format + tileInfo = tileset[TMXConstants.TMX_TAG_TILE]; + if (!Array.isArray(tileInfo)) { + tileInfo = [ tileInfo ]; + } + // iterate it + + for (var j = 0; j < tileInfo.length; j++) { + var tileID = tileInfo[j][TMXConstants.TMX_TAG_ID] + this.firstgid; + var prop = {}; + me.TMXUtils.applyTMXProperties(prop, tileInfo[j]); + //apply tiled defined properties + this.setTileProperty(tileID, prop); + } + } + + // check for the texture corresponding image + // manage inconstency between XML and JSON format + var imagesrc = ( + typeof(tileset[TMXConstants.TMX_TAG_IMAGE]) === "string" ? + tileset[TMXConstants.TMX_TAG_IMAGE] : tileset[TMXConstants.TMX_TAG_IMAGE].source + ); + // extract base name + imagesrc = me.utils.getBasename(imagesrc); + this.image = imagesrc ? me.loader.getImage(imagesrc) : null; + + if (!this.image) { + console.log("melonJS: '" + imagesrc + "' file for tileset '" + this.name + "' not found!"); + } + else { + // number of tiles per horizontal line + this.hTileCount = ~~((this.image.width - this.margin) / (this.tilewidth + this.spacing)); + this.vTileCount = ~~((this.image.height - this.margin) / (this.tileheight + this.spacing)); + // compute the last gid value in the tileset + this.lastgid = this.firstgid + (((this.hTileCount * this.vTileCount) - 1) || 0); + + // check if transparency is defined for a specific color + var transparency = tileset[TMXConstants.TMX_TAG_TRANS] || tileset[TMXConstants.TMX_TAG_IMAGE][TMXConstants.TMX_TAG_TRANS]; + // set Color Key for transparency if needed + if (typeof(transparency) !== "undefined") { + // applyRGB Filter (return a context object) + this.image = me.video.renderer.applyRGBFilter(this.image, "transparent", transparency.toUpperCase()).canvas; + } + } + }, + + /** + * set the tile properties + * @ignore + * @function + */ + + setTileProperty : function (gid, prop) { + // check what we found and adjust property + prop.isSolid = prop.type ? prop.type.toLowerCase() === this.type.SOLID : false; + prop.isPlatform = prop.type ? prop.type.toLowerCase() === this.type.PLATFORM : false; + prop.isLeftSlope = prop.type ? prop.type.toLowerCase() === this.type.L_SLOPE : false; + prop.isRightSlope = prop.type ? prop.type.toLowerCase() === this.type.R_SLOPE : false; + prop.isBreakable = prop.type ? prop.type.toLowerCase() === this.type.BREAKABLE : false; + prop.isLadder = prop.type ? prop.type.toLowerCase() === this.type.LADDER : false; + prop.isTopLadder = prop.type ? prop.type.toLowerCase() === this.type.TOPLADDER : false; + prop.isSlope = prop.isLeftSlope || prop.isRightSlope; + + // ensure the collidable flag is correct + prop.isCollidable = !!prop.type; + + // set the given tile id + this.TileProperties[gid] = prop; + }, + + /** + * return true if the gid belongs to the tileset + * @name me.TMXTileset#contains + * @public + * @function + * @param {Number} gid + * @return {Boolean} + */ + + contains : function (gid) { + return gid >= this.firstgid && gid <= this.lastgid; + }, + + //return an Image Object with the specified tile + getTileImage : function (tmxTile) { + // create a new image object + var _context = me.CanvasRenderer.getContext2d( + me.video.createCanvas(this.tilewidth, this.tileheight) + ); + this.drawTile(_context, 0, 0, tmxTile); + return _context.canvas; + }, + + // e.g. getTileProperty (gid) + /** + * return the properties of the specified tile
+ * the function will return an object with the following boolean value :
+ * - isCollidable
+ * - isSolid
+ * - isPlatform
+ * - isSlope
+ * - isLeftSlope
+ * - isRightSlope
+ * - isLadder
+ * - isBreakable
+ * @name me.TMXTileset#getTileProperties + * @public + * @function + * @param {Number} tileId + * @return {Object} + */ + getTileProperties: function (tileId) { + return this.TileProperties[tileId]; + }, + + //return collidable status of the specifiled tile + isTileCollidable : function (tileId) { + return this.TileProperties[tileId].isCollidable; + }, + + /** + * return the x offset of the specified tile in the tileset image + * @ignore + */ + getTileOffsetX : function (tileId) { + var offset = this.tileXOffset[tileId]; + if (typeof(offset) === "undefined") { + offset = this.tileXOffset[tileId] = this.margin + (this.spacing + this.tilewidth) * (tileId % this.hTileCount); + } + return offset; + }, + + /** + * return the y offset of the specified tile in the tileset image + * @ignore + */ + getTileOffsetY : function (tileId) { + var offset = this.tileYOffset[tileId]; + if (typeof(offset) === "undefined") { + offset = this.tileYOffset[tileId] = this.margin + (this.spacing + this.tileheight) * ~~(tileId / this.hTileCount); + } + return offset; + }, + + + // draw the x,y tile + drawTile : function (renderer, dx, dy, tmxTile) { + // check if any transformation is required + if (tmxTile.flipped) { + renderer.save(); + // apply the tile current transform + var transform = tmxTile.transform; + renderer.transform( + transform.a, transform.b, + transform.c, transform.d, + transform.e + dx, transform.f + dy + ); + // reset both values as managed through transform(); + dx = dy = 0; + } + + // get the local tileset id + var tileid = tmxTile.tileId - this.firstgid; + + // draw the tile + renderer.drawImage( + this.image, + this.getTileOffsetX(tileid), this.getTileOffsetY(tileid), + this.tilewidth, this.tileheight, + dx, dy, + this.tilewidth, this.tileheight + ); + + if (tmxTile.flipped) { + // restore the context to the previous state + renderer.restore(); + } + } + + + }); + /** + * an object containing all tileset + * @class + * @memberOf me + * @constructor + */ + me.TMXTilesetGroup = Object.extend({ + // constructor + init: function () { + this.tilesets = []; + }, + + //add a tileset to the tileset group + add : function (tileset) { + this.tilesets.push(tileset); + }, + + //return the tileset at the specified index + getTilesetByIndex : function (i) { + return this.tilesets[i]; + }, + + /** + * return the tileset corresponding to the specified id
+ * will throw an exception if no matching tileset is found + * @name me.TMXTilesetGroup#getTilesetByGid + * @public + * @function + * @param {Number} gid + * @return {me.TMXTileset} corresponding tileset + */ + getTilesetByGid : function (gid) { + var invalidRange = -1; + // cycle through all tilesets + for (var i = 0, len = this.tilesets.length; i < len; i++) { + // return the corresponding tileset if matching + if (this.tilesets[i].contains(gid)) { + return this.tilesets[i]; + } + // typically indicates a layer with no asset loaded (collision?) + if (this.tilesets[i].firstgid === this.tilesets[i].lastgid && + gid >= this.tilesets[i].firstgid) { + // store the id if the [firstgid .. lastgid] is invalid + invalidRange = i; + } + } + // return the tileset with the invalid range + if (invalidRange !== -1) { + return this.tilesets[invalidRange]; + } + else { + throw new me.Error("no matching tileset found for gid " + gid); + } + } + }); +})(me.TMXConstants); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + * + * Tile QT 0.7.x format + * http://www.mapeditor.org/ + * + */ +(function () { + /** + * an Orthogonal Map Renderder + * Tiled QT 0.7.x format + * @memberOf me + * @ignore + * @constructor + */ + me.TMXOrthogonalRenderer = Object.extend({ + // constructor + init: function (cols, rows, tilewidth, tileheight) { + this.cols = cols; + this.rows = rows; + this.tilewidth = tilewidth; + this.tileheight = tileheight; + }, + + /** + * return true if the renderer can render the specified layer + * @ignore + */ + canRender : function (layer) { + return ((layer.orientation === "orthogonal") && + (this.cols === layer.cols) && + (this.rows === layer.rows) && + (this.tilewidth === layer.tilewidth) && + (this.tileheight === layer.tileheight)); + }, + + /** + * return the tile position corresponding to the specified pixel + * @ignore + */ + pixelToTileCoords : function (x, y) { + return new me.Vector2d(this.pixelToTileX(x), + this.pixelToTileY(y)); + }, + + + /** + * return the tile position corresponding for the given X coordinate + * @ignore + */ + pixelToTileX : function (x) { + return x / this.tilewidth; + }, + + + /** + * return the tile position corresponding for the given Y coordinates + * @ignore + */ + pixelToTileY : function (y) { + return y / this.tileheight; + }, + + /** + * return the pixel position corresponding of the specified tile + * @ignore + */ + tileToPixelCoords : function (x, y) { + return new me.Vector2d(x * this.tilewidth, + y * this.tileheight); + }, + + /** + * fix the position of Objects to match + * the way Tiled places them + * @ignore + */ + adjustPosition: function (obj) { + // only adjust position if obj.gid is defined + if (typeof(obj.gid) === "number") { + // Tiled objects origin point is "bottom-left" in Tiled, + // "top-left" in melonJS) + obj.y -= obj.height; + } + }, + + /** + * draw the tile map + * @ignore + */ + drawTile : function (renderer, x, y, tmxTile, tileset) { + // draw the tile + tileset.drawTile(renderer, + tileset.tileoffset.x + x * this.tilewidth, + tileset.tileoffset.y + (y + 1) * this.tileheight - tileset.tileheight, + tmxTile); + }, + + /** + * draw the tile map + * @ignore + */ + drawTileLayer : function (renderer, layer, rect) { + // get top-left and bottom-right tile position + var start = this.pixelToTileCoords(rect.pos.x, + rect.pos.y).floorSelf(); + + var end = this.pixelToTileCoords(rect.pos.x + rect.width + this.tilewidth, + rect.pos.y + rect.height + this.tileheight).ceilSelf(); + + //ensure we are in the valid tile range + end.x = end.x > this.cols ? this.cols : end.x; + end.y = end.y > this.rows ? this.rows : end.y; + + // main drawing loop + for (var y = start.y; y < end.y; y++) { + for (var x = start.x; x < end.x; x++) { + var tmxTile = layer.layerData[x][y]; + if (tmxTile) { + this.drawTile(renderer, x, y, tmxTile, tmxTile.tileset); + } + } + } + } + }); + + /** + * an Isometric Map Renderder + * Tiled QT 0.7.x format + * @memberOf me + * @ignore + * @constructor + */ + me.TMXIsometricRenderer = Object.extend({ + // constructor + init: function (cols, rows, tilewidth, tileheight) { + this.cols = cols; + this.rows = rows; + this.tilewidth = tilewidth; + this.tileheight = tileheight; + this.hTilewidth = tilewidth / 2; + this.hTileheight = tileheight / 2; + this.originX = this.rows * this.hTilewidth; + }, + + /** + * return true if the renderer can render the specified layer + * @ignore + */ + canRender : function (layer) { + return ( + (layer.orientation === "isometric") && + (this.cols === layer.cols) && + (this.rows === layer.rows) && + (this.tilewidth === layer.tilewidth) && + (this.tileheight === layer.tileheight) + ); + }, + + /** + * return the tile position corresponding to the specified pixel + * @ignore + */ + pixelToTileCoords : function (x, y) { + return new me.Vector2d(this.pixelToTileX(x, y), + this.pixelToTileY(y, x)); + }, + + + /** + * return the tile position corresponding for the given X coordinate + * @ignore + */ + pixelToTileX : function (x, y) { + return (y / this.tileheight) + ((x - this.originX) / this.tilewidth); + }, + + + /** + * return the tile position corresponding for the given Y coordinates + * @ignore + */ + pixelToTileY : function (y, x) { + return (y / this.tileheight) - ((x - this.originX) / this.tilewidth); + }, + + /** + * return the pixel position corresponding of the specified tile + * @ignore + */ + tileToPixelCoords : function (x, y) { + return new me.Vector2d( + (x - y) * this.hTilewidth + this.originX, + (x + y) * this.hTileheight + ); + }, + + /** + * fix the position of Objects to match + * the way Tiled places them + * @ignore + */ + adjustPosition: function (obj) { + var tilex = obj.x / this.hTilewidth; + var tiley = obj.y / this.tileheight; + var isoPos = this.tileToPixelCoords(tilex, tiley); + isoPos.x -= obj.width / 2; + isoPos.y -= obj.height; + + obj.x = isoPos.x; + obj.y = isoPos.y; + + //return isoPos; + }, + + /** + * draw the tile map + * @ignore + */ + drawTile : function (renderer, x, y, tmxTile, tileset) { + // draw the tile + tileset.drawTile( + renderer, + ((this.cols - 1) * tileset.tilewidth + (x - y) * tileset.tilewidth >> 1), + (-tileset.tilewidth + (x + y) * tileset.tileheight >> 2), + tmxTile + ); + }, + + /** + * draw the tile map + * @ignore + */ + drawTileLayer : function (renderer, layer, rect) { + + // cache a couple of useful references + var tileset = layer.tileset; + var offset = tileset.tileoffset; + + // get top-left and bottom-right tile position + var rowItr = this.pixelToTileCoords( + rect.pos.x - tileset.tilewidth, + rect.pos.y - tileset.tileheight + ).floorSelf(); + var TileEnd = this.pixelToTileCoords( + rect.pos.x + rect.width + tileset.tilewidth, + rect.pos.y + rect.height + tileset.tileheight + ).ceilSelf(); + + var rectEnd = this.tileToPixelCoords(TileEnd.x, TileEnd.y); + + // Determine the tile and pixel coordinates to start at + var startPos = this.tileToPixelCoords(rowItr.x, rowItr.y); + startPos.x -= this.hTilewidth; + startPos.y += this.tileheight; + + /* Determine in which half of the tile the top-left corner of the area we + * need to draw is. If we're in the upper half, we need to start one row + * up due to those tiles being visible as well. How we go up one row + * depends on whether we're in the left or right half of the tile. + */ + var inUpperHalf = startPos.y - rect.pos.y > this.hTileheight; + var inLeftHalf = rect.pos.x - startPos.x < this.hTilewidth; + + if (inUpperHalf) { + if (inLeftHalf) { + rowItr.x--; + startPos.x -= this.hTilewidth; + } + else { + rowItr.y--; + startPos.x += this.hTilewidth; + } + startPos.y -= this.hTileheight; + } + + + // Determine whether the current row is shifted half a tile to the right + var shifted = inUpperHalf ^ inLeftHalf; + + // initialize the columItr vector + var columnItr = rowItr.clone(); + + // main drawing loop + for (var y = startPos.y; y - this.tileheight < rectEnd.y; y += this.hTileheight) { + columnItr.setV(rowItr); + for (var x = startPos.x; x < rectEnd.x; x += this.tilewidth) { + //check if it's valid tile, if so render + if ((columnItr.x >= 0) && (columnItr.y >= 0) && (columnItr.x < this.cols) && (columnItr.y < this.rows)) { + var tmxTile = layer.layerData[columnItr.x][columnItr.y]; + if (tmxTile) { + tileset = tmxTile.tileset; + // offset could be different per tileset + offset = tileset.tileoffset; + // draw our tile + tileset.drawTile(renderer, offset.x + x, offset.y + y - tileset.tileheight, tmxTile); + } + } + // Advance to the next column + columnItr.x++; + columnItr.y--; + } + + // Advance to the next row + if (!shifted) { + rowItr.x++; + startPos.x += this.hTilewidth; + shifted = true; + } + else { + rowItr.y++; + startPos.x -= this.hTilewidth; + shifted = false; + } + } + } + }); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + * + */ +(function (TMXConstants) { + /** + * a generic Color Layer Object + * @class + * @extends me.Renderable + * @memberOf me + * @constructor + * @param {String} name layer name + * @param {String} color a CSS color value + * @param {Number} z z position + */ + me.ColorLayer = me.Renderable.extend({ + // constructor + init: function (name, color, z) { + // parent constructor + me.Renderable.prototype.init.apply(this, [0, 0, Infinity, Infinity]); + + // apply given parameters + this.name = name; + this.color = color; + this.z = z; + this.floating = true; + }, + + /** + * draw the color layer + * @ignore + */ + draw : function (renderer, rect) { + // set layer opacity + var _alpha = renderer.globalAlpha(); + renderer.setGlobalAlpha(_alpha * this.getOpacity()); + + var vpos = me.game.viewport.pos; + + renderer.fillRect( + rect.left - vpos.x, rect.top - vpos.y, + rect.width, rect.height, + this.color + ); + + // restore context alpha value + renderer.setGlobalAlpha(_alpha); + } + }); + + /** + * a generic Image Layer Object + * @class + * @extends me.Renderable + * @memberOf me + * @constructor + * @param {String} name layer name + * @param {Number} width layer width in pixels + * @param {Number} height layer height in pixels + * @param {String} image image name (as defined in the asset list) + * @param {Number} z z position + * @param {me.Vector2d} [ratio=1.0] scrolling ratio to be applied + */ + + me.ImageLayer = me.Renderable.extend({ + /** + * Define if and how an Image Layer should be repeated.
+ * By default, an Image Layer is repeated both vertically and horizontally.
+ * Property values :
+ * * 'repeat' - The background image will be repeated both vertically and horizontally. (default)
+ * * 'repeat-x' - The background image will be repeated only horizontally.
+ * * 'repeat-y' - The background image will be repeated only vertically.
+ * * 'no-repeat' - The background-image will not be repeated.
+ * @public + * @type String + * @name me.ImageLayer#repeat + */ + //repeat: 'repeat', (define through getter/setter + + /** + * Define the image scrolling ratio
+ * Scrolling speed is defined by multiplying the viewport delta position (e.g. followed entity) by the specified ratio
+ * Default value : (1.0, 1.0)
+ * To specify a value through Tiled, use one of the following format :
+ * - a number, to change the value for both axis
+ * - a json expression like `json:{"x":0.5,"y":0.5}` if you wish to specify a different value for both x and y + * @public + * @type me.Vector2d + * @name me.ImageLayer#ratio + */ + //ratio: new me.Vector2d(1.0, 1.0), + + /** + * constructor + * @ignore + * @function + */ + init: function (name, width, height, imagesrc, z, ratio) { + // layer name + this.name = name; + + // get the corresponding image (throw an exception if not found) + this.image = (imagesrc) ? me.loader.getImage(me.utils.getBasename(imagesrc)) : null; + if (!this.image) { + throw new me.Error("'" + imagesrc + "' file for Image Layer '" + this.name + "' not found!"); + } + + this.imagewidth = this.image.width; + this.imageheight = this.image.height; + + // a cached reference to the viewport + var viewport = me.game.viewport; + + // set layer width & height + width = (width ? Math.min(viewport.width, width) : viewport.width); + height = (height ? Math.min(viewport.height, height) : viewport.height); + me.Renderable.prototype.init.apply(this, [0, 0, width, height]); + + // displaying order + this.z = z; + + // default ratio for parallax + this.ratio = new me.Vector2d(1.0, 1.0); + + if (typeof(ratio) !== "undefined") { + // little hack for backward compatiblity + if (typeof(ratio) === "number") { + this.ratio.set(ratio, ratio); + } else /* vector */ { + this.ratio.setV(ratio); + } + } + + // last position of the viewport + this.lastpos = viewport.pos.clone(); + + // Image Layer is considered as a floating object + this.floating = true; + + // default value for repeat + this._repeat = "repeat"; + + this.repeatX = true; + this.repeatY = true; + + Object.defineProperty(this, "repeat", { + get : function get() { + return this._repeat; + }, + set : function set(val) { + this._repeat = val; + switch (this._repeat) { + case "no-repeat" : + this.repeatX = false; + this.repeatY = false; + break; + case "repeat-x" : + this.repeatX = true; + this.repeatY = false; + break; + case "repeat-y" : + this.repeatX = false; + this.repeatY = true; + break; + default : // "repeat" + this.repeatX = true; + this.repeatY = true; + break; + } + } + }); + + // default origin position + this.anchorPoint.set(0, 0); + + // register to the viewport change notification + this.handle = me.event.subscribe(me.event.VIEWPORT_ONCHANGE, this.updateLayer.bind(this)); + }, + + /** + * updateLayer function + * @ignore + * @function + */ + updateLayer : function (vpos) { + if (0 === this.ratio.x && 0 === this.ratio.y) { + // static image + return; + } + else if (this.repeatX || this.repeatY) { + // parallax / scrolling image + this.pos.x += ((vpos.x - this.lastpos.x) * this.ratio.x) % this.imagewidth; + this.pos.x = (this.imagewidth + this.pos.x) % this.imagewidth; + + this.pos.y += ((vpos.y - this.lastpos.y) * this.ratio.y) % this.imageheight; + this.pos.y = (this.imageheight + this.pos.y) % this.imageheight; + } + else { + this.pos.x += (vpos.x - this.lastpos.x) * this.ratio.x; + this.pos.y += (vpos.y - this.lastpos.y) * this.ratio.y; + } + this.lastpos.setV(vpos); + }, + + /** + * draw the image layer + * @ignore + */ + draw : function (renderer, rect) { + // translate default position using the anchorPoint value + var viewport = me.game.viewport; + var shouldTranslate = this.anchorPoint.y !== 0 || this.anchorPoint.x !== 0; + var translateX = ~~(this.anchorPoint.x * (viewport.width - this.imagewidth)); + var translateY = ~~(this.anchorPoint.y * (viewport.height - this.imageheight)); + + if (shouldTranslate) { + renderer.translate(translateX, translateY); + } + + // set the layer alpha value + renderer.setGlobalAlpha(renderer.globalAlpha() * this.getOpacity()); + + var sw, sh; + + // if not scrolling ratio define, static image + if (0 === this.ratio.x && 0 === this.ratio.y) { + // static image + sw = Math.min(rect.width, this.imagewidth); + sh = Math.min(rect.height, this.imageheight); + + renderer.drawImage( + this.image, + rect.left, rect.top, // sx, sy + sw, sh, // sw, sh + rect.left, rect.top, // dx, dy + sw, sh // dw, dh + ); + } + // parallax / scrolling image + // todo ; broken with dirtyRect enabled + else { + var sx = ~~this.pos.x; + var sy = ~~this.pos.y; + + var dx = 0; + var dy = 0; + + sw = Math.min(this.imagewidth - sx, this.width); + sh = Math.min(this.imageheight - sy, this.height); + + do { + do { + renderer.drawImage( + this.image, + sx, sy, // sx, sy + sw, sh, + dx, dy, // dx, dy + sw, sh + ); + + sy = 0; + dy += sh; + sh = Math.min(this.imageheight, this.height - dy); + + } while (this.repeatY && (dy < this.height)); + dx += sw; + if (!this.repeatX || (dx >= this.width)) { + // done ("end" of the viewport) + break; + } + // else update required var for next iteration + sx = 0; + sw = Math.min(this.imagewidth, this.width - dx); + sy = ~~this.pos.y; + dy = 0; + sh = Math.min(this.imageheight - ~~this.pos.y, this.height); + } while (true); + } + + if (shouldTranslate) { + renderer.translate(-translateX, -translateY); + } + }, + + // called when the layer is destroyed + destroy : function () { + // cancel the event subscription + if (this.handle) { + me.event.unsubscribe(this.handle); + this.handle = null; + } + // clear all allocated objects + this.image = null; + this.lastpos = null; + } + }); + + /** + * a generic collision tile based layer object + * @memberOf me + * @ignore + * @constructor + */ + me.CollisionTiledLayer = me.Renderable.extend({ + // constructor + init: function (width, height) { + me.Renderable.prototype.init.apply(this, [0, 0, width, height]); + + this.isCollisionMap = true; + }, + + /** + * only test for the world limit + * @ignore + */ + checkCollision : function (obj, pv) { + var x = (pv.x < 0) ? obj.left + pv.x : obj.right + pv.x; + var y = (pv.y < 0) ? obj.top + pv.y : obj.bottom + pv.y; + + //to return tile collision detection + var res = { + x : 0, // !=0 if collision on x axis + y : 0, // !=0 if collision on y axis + xprop : {}, + yprop : {} + }; + + // test x limits + if (x <= 0 || x >= this.width) { + res.x = pv.x; + } + + // test y limits + if (y <= 0 || y >= this.height) { + res.y = pv.y; + } + + // return the collide object if collision + return res; + } + }); + + /** + * a TMX Tile Layer Object + * Tiled QT 0.7.x format + * @class + * @extends me.Renderable + * @memberOf me + * @constructor + * @param {Number} tilewidth width of each tile in pixels + * @param {Number} tileheight height of each tile in pixels + * @param {String} orientation "isometric" or "orthogonal" + * @param {me.TMXTilesetGroup} tilesets tileset as defined in Tiled + * @param {Number} zOrder layer z-order + */ + me.TMXLayer = me.Renderable.extend({ + + /** @ignore */ + init: function (tilewidth, tileheight, orientation, tilesets, zOrder) { + // super constructor + me.Renderable.prototype.init.apply(this, [0, 0, 0, 0]); + + // tile width & height + this.tilewidth = tilewidth; + this.tileheight = tileheight; + + // layer orientation + this.orientation = orientation; + + /** + * The Layer corresponding Tilesets + * @public + * @type me.TMXTilesetGroup + * @name me.TMXLayer#tilesets + */ + + this.tilesets = tilesets; + // the default tileset + this.tileset = (this.tilesets ? this.tilesets.getTilesetByIndex(0) : null); + + // for displaying order + this.z = zOrder; + }, + + /** @ignore */ + initFromJSON: function (layer) { + // additional TMX flags + this.name = layer[TMXConstants.TMX_TAG_NAME]; + this.cols = parseInt(layer[TMXConstants.TMX_TAG_WIDTH], 10); + this.rows = parseInt(layer[TMXConstants.TMX_TAG_HEIGHT], 10); + + // layer opacity + var visible = typeof(layer[TMXConstants.TMX_TAG_VISIBLE]) !== "undefined" ? layer[TMXConstants.TMX_TAG_VISIBLE] : true; + this.setOpacity(visible ? parseFloat(layer[TMXConstants.TMX_TAG_OPACITY]) : 0); + + // layer "real" size + if (this.orientation === "isometric") { + this.width = (this.cols + this.rows) * (this.tilewidth / 2); + this.height = (this.cols + this.rows) * (this.tileheight / 2); + } else { + this.width = this.cols * this.tilewidth; + this.height = this.rows * this.tileheight; + } + // check if we have any user-defined properties + me.TMXUtils.applyTMXProperties(this, layer); + + // check for the correct rendering method + if (typeof (this.preRender) === "undefined") { + this.preRender = me.sys.preRender; + } + + // detect if the layer is a collision map + this.isCollisionMap = (this.name.toLowerCase().contains(TMXConstants.COLLISION_LAYER)); + if (this.isCollisionMap === true) { + // force the layer as invisible + this.setOpacity(0); + } + + // if pre-rendering method is use, create the offline canvas + // TODO: this is really tied to the canvas api. need to abstract it. + if (this.preRender === true) { + this.layerCanvas = me.video.createCanvas(this.cols * this.tilewidth, this.rows * this.tileheight); + this.layerSurface = me.CanvasRenderer.getContext2d(this.layerCanvas); + } + }, + + /** + * destroy function + * @ignore + * @function + */ + destroy : function () { + // clear all allocated objects + if (this.preRender) { + this.layerCanvas = null; + this.layerSurface = null; + } + this.renderer = null; + // clear all allocated objects + this.layerData = null; + this.tileset = null; + this.tilesets = null; + }, + + /** + * set the layer renderer + * @ignore + */ + setRenderer : function (renderer) { + this.renderer = renderer; + }, + + /** + * Create all required arrays + * @ignore + */ + initArray : function (w, h) { + // initialize the array + this.layerData = []; + for (var x = 0; x < w; x++) { + this.layerData[x] = []; + for (var y = 0; y < h; y++) { + this.layerData[x][y] = null; + } + } + }, + + /** + * Return the TileId of the Tile at the specified position + * @name getTileId + * @memberOf me.TMXLayer + * @public + * @function + * @param {Number} x x coordinate in pixel + * @param {Number} y y coordinate in pixel + * @return {Number} TileId + */ + getTileId : function (x, y) { + var tile = this.getTile(x, y); + return (tile ? tile.tileId : null); + }, + + /** + * Return the Tile object at the specified position + * @name getTile + * @memberOf me.TMXLayer + * @public + * @function + * @param {Number} x x coordinate in pixel + * @param {Number} y y coordinate in pixel + * @return {me.Tile} Tile Object + */ + getTile : function (x, y) { + return this.layerData[~~this.renderer.pixelToTileX(x, y)][~~this.renderer.pixelToTileY(y, x)]; + }, + + /** + * Create a new Tile at the specified position + * @name setTile + * @memberOf me.TMXLayer + * @public + * @function + * @param {Number} x x coordinate in tile + * @param {Number} y y coordinate in tile + * @param {Number} tileId tileId + * @return {me.Tile} the corresponding newly created tile object + */ + setTile : function (x, y, tileId) { + var tile = new me.Tile(x, y, this.tilewidth, this.tileheight, tileId); + if (!this.tileset.contains(tile.tileId)) { + tile.tileset = this.tileset = this.tilesets.getTilesetByGid(tile.tileId); + } + else { + tile.tileset = this.tileset; + } + this.layerData[x][y] = tile; + return tile; + }, + + /** + * clear the tile at the specified position + * @name clearTile + * @memberOf me.TMXLayer + * @public + * @function + * @param {Number} x x position + * @param {Number} y y position + */ + clearTile : function (x, y) { + // clearing tile + this.layerData[x][y] = null; + // erase the corresponding area in the canvas + if (this.preRender) { + this.layerSurface.clearRect(x * this.tilewidth, y * this.tileheight, this.tilewidth, this.tileheight); + } + }, + /** + * check for collision + * obj - obj + * pv - projection vector + * res : result collision object + * @ignore + */ + checkCollision : function (obj, pv) { + var x = (pv.x < 0) ? ~~(obj.left + pv.x) : Math.ceil(obj.right - 1 + pv.x); + var y = (pv.y < 0) ? ~~(obj.top + pv.y) : Math.ceil(obj.bottom - 1 + pv.y); + //to return tile collision detection + var res = { + x : 0, // !=0 if collision on x axis + xtile : undefined, + xprop : {}, + y : 0, // !=0 if collision on y axis + ytile : undefined, + yprop : {} + }; + + //var tile; + if (x <= 0 || x >= this.width) { + res.x = pv.x; + } + else if (pv.x !== 0) { + // x, bottom corner + res.xtile = this.getTile(x, Math.ceil(obj.bottom - 1)); + if (res.xtile && this.tileset.isTileCollidable(res.xtile.tileId)) { + res.x = pv.x; // reuse pv.x to get a + res.xprop = this.tileset.getTileProperties(res.xtile.tileId); + } + else { + // x, top corner + res.xtile = this.getTile(x, ~~obj.top); + if (res.xtile && this.tileset.isTileCollidable(res.xtile.tileId)) { + res.x = pv.x; + res.xprop = this.tileset.getTileProperties(res.xtile.tileId); + } + } + } + + // check for y movement + // left, y corner + res.ytile = this.getTile((pv.x < 0) ? ~~obj.left : Math.ceil(obj.right - 1), y); + if (res.ytile && this.tileset.isTileCollidable(res.ytile.tileId)) { + res.y = pv.y || 1; + res.yprop = this.tileset.getTileProperties(res.ytile.tileId); + } + else { // right, y corner + res.ytile = this.getTile((pv.x < 0) ? Math.ceil(obj.right - 1) : ~~obj.left, y); + if (res.ytile && this.tileset.isTileCollidable(res.ytile.tileId)) { + res.y = pv.y || 1; + res.yprop = this.tileset.getTileProperties(res.ytile.tileId); + } + } + // return the collide object + return res; + }, + + /** + * draw a tileset layer + * @ignore + */ + draw : function (renderer, rect) { + // use the offscreen canvas + if (this.preRender) { + + var width = Math.min(rect.width, this.width); + var height = Math.min(rect.height, this.height); + + this.layerSurface.globalAlpha = renderer.globalAlpha() * this.getOpacity(); + + if (this.layerSurface.globalAlpha > 0) { + // draw using the cached canvas + renderer.drawImage( + this.layerCanvas, + rect.pos.x, rect.pos.y, // sx,sy + width, height, // sw,sh + rect.pos.x, rect.pos.y, // dx,dy + width, height // dw,dh + ); + } + } + // dynamically render the layer + else { + // set the layer alpha value + var _alpha = renderer.globalAlpha(); + renderer.setGlobalAlpha(renderer.globalAlpha() * this.getOpacity()); + if (renderer.globalAlpha() > 0) { + // draw the layer + this.renderer.drawTileLayer(renderer, this, rect); + } + + // restore context to initial state + renderer.setGlobalAlpha(_alpha); + } + } + }); +})(me.TMXConstants); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + * + * Tile QT 0.7.x format + * http://www.mapeditor.org/ + * + */ +(function (TMXConstants) { + /** + * a TMX Tile Map Object + * Tiled QT 0.7.x format + * @class + * @memberOf me + * @constructor + * @param {String} levelId name of TMX map + */ + me.TMXTileMap = me.Renderable.extend({ + // constructor + init: function (levelId) { + // map id + this.levelId = levelId; + + // map default z order + this.z = 0; + + /** + * name of the tilemap + * @public + * @type String + * @name me.TMXTileMap#name + */ + this.name = null; + + /** + * width of the tilemap in tiles + * @public + * @type Int + * @name me.TMXTileMap#cols + */ + this.cols = 0; + + /** + * height of the tilemap in tiles + * @public + * @type Int + * @name me.TMXTileMap#rows + */ + this.rows = 0; + + /** + * Tile width + * @public + * @type Int + * @name me.TMXTileMap#tilewidth + */ + this.tilewidth = 0; + + /** + * Tile height + * @public + * @type Int + * @name me.TMXTileMap#tileheight + */ + this.tileheight = 0; + + // corresponding tileset for this map + this.tilesets = null; + + // map layers + this.mapLayers = []; + + // map Object + this.objectGroups = []; + + // tilemap version + this.version = ""; + + // map type (only orthogonal format supported) + this.orientation = ""; + + // tileset(s) + this.tilesets = null; + + // loading flag + this.initialized = false; + + me.Renderable.prototype.init.apply(this, [0, 0, 0, 0]); + }, + + /** + * set the default map position based on the given viewport size + * @name me.TMXTileMap#setDefaultPosition + * @public + * @function + * @param {Number} width viewport width + * @param {Number} height viewport height + */ + setDefaultPosition: function (width, height) { + // center the map if smaller than the current viewport + if ((this.width < width) || (this.height < height)) { + var shiftX = ~~((width - this.width) / 2); + var shiftY = ~~((height - this.height) / 2); + // update the map default position + this.pos.set( + shiftX > 0 ? shiftX : 0, + shiftY > 0 ? shiftY : 0 + ); + } + }, + + /** + * return the corresponding object group definition + * @name me.TMXTileMap#getObjectGroupByName + * @public + * @function + * @return {me.TMXObjectGroup} group + */ + getObjectGroupByName : function (name) { + var objectGroup = null; + // normalize name + name = name.trim().toLowerCase(); + for (var i = this.objectGroups.length; i--;) { + if (this.objectGroups[i].name.toLowerCase().contains(name)) { + objectGroup = this.objectGroups[i]; + break; + } + } + return objectGroup; + }, + + /** + * return all the existing object group definition + * @name me.TMXTileMap#getObjectGroups + * @public + * @function + * @return {me.TMXObjectGroup[]} Array of Groups + */ + getObjectGroups : function () { + return this.objectGroups; + }, + + /** + * return all the existing layers + * @name me.TMXTileMap#getLayers + * @public + * @function + * @return {me.TMXLayer[]} Array of Layers + */ + getLayers : function () { + return this.mapLayers; + }, + + /** + * return the specified layer object + * @name me.TMXTileMap#getLayerByName + * @public + * @function + * @param {String} name Layer Name + * @return {me.TMXLayer} Layer Object + */ + getLayerByName : function (name) { + var layer = null; + + // normalize name + name = name.trim().toLowerCase(); + for (var i = this.mapLayers.length; i--;) { + if (this.mapLayers[i].name.toLowerCase().contains(name)) { + layer = this.mapLayers[i]; + break; + } + } + + // return a fake collision layer if not found + if ((name.toLowerCase().contains(TMXConstants.COLLISION_LAYER)) && (layer == null)) { + layer = new me.CollisionTiledLayer( + me.game.currentLevel.width, + me.game.currentLevel.height + ); + } + + return layer; + }, + + /** + * clear the tile at the specified position from all layers + * @name me.TMXTileMap#clearTile + * @public + * @function + * @param {Number} x x position + * @param {Number} y y position + */ + clearTile : function (x, y) { + // add all layers + for (var i = this.mapLayers.length; i--;) { + // that are visible + if (this.mapLayers[i] instanceof me.TMXLayer) { + this.mapLayers[i].clearTile(x, y); + } + } + }, + + /** + * destroy function, clean all allocated objects + * @ignore + */ + destroy : function () { + var i; + + if (this.initialized === true) { + // reset/clear all layers + for (i = this.mapLayers.length; i--;) { + this.mapLayers[i] = null; + } + // reset object groups + for (i = this.objectGroups.length; i--;) { + // objectGroups is not added to the game world + // so we call the destroy function manually + this.objectGroups[i].destroy(); + this.objectGroups[i] = null; + } + // call parent reset function + this.tilesets = null; + this.mapLayers.length = 0; + this.objectGroups.length = 0; + this.pos.set(0, 0); + this.initialized = false; + } + } + }); +})(me.TMXConstants); +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + * + * Tile QT 0.7.x format + * http://www.mapeditor.org/ + * + */ +(function (TMXConstants) { + /** + * a TMX Map Reader + * Tiled QT 0.7.x format + * @class + * @memberOf me + * @constructor + * @ignore + */ + me.TMXMapReader = Object.extend({ + init: function () {}, + + readMap: function (map, data) { + // if already loaded, do nothing + if (map.initialized === true) { + return; + } + + // to automatically increment z index + var zOrder = 0; + + // keep a reference to our scope + var self = this; + + // map information + map.version = data[TMXConstants.TMX_TAG_VERSION]; + map.orientation = data[TMXConstants.TMX_TAG_ORIENTATION]; + map.cols = parseInt(data[TMXConstants.TMX_TAG_WIDTH], 10); + map.rows = parseInt(data[TMXConstants.TMX_TAG_HEIGHT], 10); + map.tilewidth = parseInt(data[TMXConstants.TMX_TAG_TILEWIDTH], 10); + map.tileheight = parseInt(data[TMXConstants.TMX_TAG_TILEHEIGHT], 10); + if (map.orientation === "isometric") { + map.width = (map.cols + map.rows) * (map.tilewidth / 2); + map.height = (map.cols + map.rows) * (map.tileheight / 2); + } else { + map.width = map.cols * map.tilewidth; + map.height = map.rows * map.tileheight; + } + map.backgroundcolor = data[TMXConstants.TMX_BACKGROUND_COLOR]; + map.z = zOrder++; + + // set the map properties (if any) + me.TMXUtils.applyTMXProperties(map, data); + + // check if a user-defined background color is defined + if (map.backgroundcolor) { + map.mapLayers.push( + new me.ColorLayer( + "background_color", + map.backgroundcolor, + zOrder++ + ) + ); + } + + // check if a background image is defined + if (map.background_image) { + // add a new image layer + map.mapLayers.push(new me.ImageLayer( + "background_image", + map.width, map.height, + map.background_image, + zOrder++ + )); + } + + // initialize a default TMX renderer + if ((me.game.tmxRenderer === null) || !me.game.tmxRenderer.canRender(map)) { + me.game.tmxRenderer = this.getNewDefaultRenderer(map); + } + + // Tileset information + if (!map.tilesets) { + // make sure we have a TilesetGroup Object + map.tilesets = new me.TMXTilesetGroup(); + } + + // parse all tileset objects + var tilesets = data.tilesets || data.tileset; + if (Array.isArray(tilesets) === true) { + tilesets.forEach(function (tileset) { + // add the new tileset + map.tilesets.add(self.readTileset(tileset)); + }); + } else { + map.tilesets.add(self.readTileset(tilesets)); + } + + // parse layer information + + // native JSON format + if (typeof (data.layers) !== "undefined") { + data.layers.forEach(function (layer) { + switch (layer.type) { + case TMXConstants.TMX_TAG_IMAGE_LAYER : + map.mapLayers.push(self.readImageLayer(map, layer, zOrder++)); + break; + + case TMXConstants.TMX_TAG_TILE_LAYER : + map.mapLayers.push(self.readLayer(map, layer, zOrder++)); + break; + + // get the object groups information + case TMXConstants.TMX_TAG_OBJECTGROUP: + map.objectGroups.push(self.readObjectGroup(map, layer, zOrder++)); + break; + + default: + break; + } + }); + } else if (typeof (data.layer) !== "undefined") { + // converted XML format + // in converted format, these are not under the generic layers structure + // and each element can be either an array of object of just one object + + var layers = data.layer; + if (Array.isArray(layers) === true) { + layers.forEach(function (layer) { + // get the object information + map.mapLayers.push(self.readLayer(map, layer, layer._draworder)); + }); + } + else { + // get the object information + map.mapLayers.push(self.readLayer(map, layers, layers._draworder)); + } + + // in converted format, these are not under the generic layers structure + if (typeof(data[TMXConstants.TMX_TAG_OBJECTGROUP]) !== "undefined") { + var groups = data[TMXConstants.TMX_TAG_OBJECTGROUP]; + if (Array.isArray(groups) === true) { + groups.forEach(function (group) { + map.objectGroups.push(self.readObjectGroup(map, group, group._draworder)); + }); + } + else { + // get the object information + map.objectGroups.push(self.readObjectGroup(map, groups, groups._draworder)); + } + } + + // in converted format, these are not under the generic layers structure + if (typeof(data[TMXConstants.TMX_TAG_IMAGE_LAYER]) !== "undefined") { + var imageLayers = data[TMXConstants.TMX_TAG_IMAGE_LAYER]; + if (Array.isArray(imageLayers) === true) { + imageLayers.forEach(function (imageLayer) { + map.mapLayers.push(self.readImageLayer(map, imageLayer, imageLayer._draworder)); + }); + } + else { + map.mapLayers.push(self.readImageLayer(map, imageLayers, imageLayers._draworder)); + } + } + } + + // flag as loaded + map.initialized = true; + }, + + /** + * set a compatible renderer object + * for the specified map + * TODO : put this somewhere else + * @ignore + */ + getNewDefaultRenderer: function (obj) { + switch (obj.orientation) { + case "orthogonal": + return new me.TMXOrthogonalRenderer( + obj.cols, + obj.rows, + obj.tilewidth, + obj.tileheight + ); + + case "isometric": + return new me.TMXIsometricRenderer( + obj.cols, + obj.rows, + obj.tilewidth, + obj.tileheight + ); + + // if none found, throw an exception + default: + throw new me.Error(obj.orientation + " type TMX Tile Map not supported!"); + } + }, + + /** + * Set tiled layer Data + * @ignore + */ + setLayerData : function (layer, rawdata, encoding, compression) { + // initialize the layer data array + layer.initArray(layer.cols, layer.rows); + // data + var data = Array.isArray(rawdata) === true ? rawdata : rawdata.value; + + // decode data based on encoding type + switch (encoding) { + case "json": + // do nothing as data can be directly reused + data = rawdata; + break; + // CSV encoding + case TMXConstants.TMX_TAG_CSV: + // Base 64 encoding + case TMXConstants.TMX_TAG_ATTR_BASE64: + // and then decode them + if (encoding === TMXConstants.TMX_TAG_CSV) { + // CSV decode + data = me.utils.decodeCSV(data, layer.cols); + } else { + // Base 64 decode + data = me.utils.decodeBase64AsArray(data, 4); + // check if data is compressed + if (compression !== null) { + data = me.utils.decompress(data, compression); + } + } + break; + + + default: + throw new me.Error("TMX Tile Map " + encoding + " encoding not supported!"); + } + + var idx = 0; + // set everything + for (var y = 0 ; y < layer.rows; y++) { + for (var x = 0; x < layer.cols; x++) { + // get the value of the gid + var gid = (encoding == null) ? this.TMXParser.getIntAttribute(data[idx++], TMXConstants.TMX_TAG_GID) : data[idx++]; + // fill the array + if (gid !== 0) { + // add a new tile to the layer + var tile = layer.setTile(x, y, gid); + // draw the corresponding tile + if (layer.preRender) { + layer.renderer.drawTile(layer.layerSurface, x, y, tile, tile.tileset); + } + } + } + } + }, + + readLayer: function (map, data, z) { + var layer = new me.TMXLayer(map.tilewidth, map.tileheight, map.orientation, map.tilesets, z); + // init the layer properly + layer.initFromJSON(data); + // set a renderer + if (!me.game.tmxRenderer.canRender(layer)) { + layer.setRenderer(me.mapReader.getNewDefaultRenderer(layer)); + } + else { + // use the default one + layer.setRenderer(me.game.tmxRenderer); + } + var encoding = Array.isArray(data[TMXConstants.TMX_TAG_DATA]) ? data[TMXConstants.TMX_TAG_ENCODING] : data[TMXConstants.TMX_TAG_DATA][TMXConstants.TMX_TAG_ENCODING]; + // parse the layer data + this.setLayerData(layer, data[TMXConstants.TMX_TAG_DATA], encoding || "json", null); + return layer; + }, + + readImageLayer: function (map, data, z) { + // extract layer information + var iln = data[TMXConstants.TMX_TAG_NAME]; + var ilw = parseInt(data[TMXConstants.TMX_TAG_WIDTH], 10); + var ilh = parseInt(data[TMXConstants.TMX_TAG_HEIGHT], 10); + var ilsrc = typeof (data[TMXConstants.TMX_TAG_IMAGE]) !== "string" ? data[TMXConstants.TMX_TAG_IMAGE].source : data[TMXConstants.TMX_TAG_IMAGE]; + + // create the layer + var imageLayer = new me.ImageLayer(iln, ilw * map.tilewidth, ilh * map.tileheight, ilsrc, z); + + // set some additional flags + var visible = typeof(data[TMXConstants.TMX_TAG_VISIBLE]) !== "undefined" ? data[TMXConstants.TMX_TAG_VISIBLE] : true; + imageLayer.setOpacity((visible === true) ? parseFloat(data[TMXConstants.TMX_TAG_OPACITY] || 1.0).clamp(0.0, 1.0) : 0); + + // check if we have any additional properties + me.TMXUtils.applyTMXProperties(imageLayer, data); + + // make sure ratio is a vector (backward compatibility) + if (typeof(imageLayer.ratio) === "number") { + imageLayer.ratio = new me.Vector2d(parseFloat(imageLayer.ratio), parseFloat(imageLayer.ratio)); + } + + return imageLayer; + }, + + readTileset : function (data) { + return (new me.TMXTileset(data)); + }, + + readObjectGroup: function (map, data, z) { + return (new me.TMXObjectGroup(data[TMXConstants.TMX_TAG_NAME], data, map.tilesets, z)); + } + }); +})(me.TMXConstants); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + * + */ +(function () { + /** + * a level manager object
+ * once ressources loaded, the level director contains all references of defined levels
+ * There is no constructor function for me.levelDirector, this is a static object + * @namespace me.levelDirector + * @memberOf me + */ + me.levelDirector = (function () { + // hold public stuff in our singletong + var api = {}; + + /* + * PRIVATE STUFF + */ + + // our levels + var levels = {}; + // level index table + var levelIdx = []; + // current level index + var currentLevelIdx = 0; + + /** + * Load a TMX level + * @name loadTMXLevel + * @memberOf me.game + * @private + * @param {String} level to be loaded + * @param {me.Container} target container + * @ignore + * @function + */ + var loadTMXLevel = function (level, container) { + // disable auto-sort for the given container + container.autoSort = false; + + // load our map + me.game.currentLevel = level; + + // get the collision map + me.game.collisionMap = me.game.currentLevel.getLayerByName("collision"); + if (!me.game.collisionMap || !me.game.collisionMap.isCollisionMap) { + console.error("WARNING : no collision map detected"); + } + + // change the viewport bounds + me.game.viewport.setBounds( + 0, 0, + Math.max(level.width, me.game.viewport.width), + Math.max(level.height, me.game.viewport.height) + ); + + // adjust map position based on the viewport size + // (only update the map position if the map is smaller than the viewport) + level.setDefaultPosition(me.game.viewport.width, me.game.viewport.height); + + // add all defined layers + var layers = level.getLayers(); + for (var i = layers.length; i--;) { + container.addChild(layers[i]); + } + + // game world as default container + var targetContainer = container; + + // load all ObjectGroup and Object definition + var objectGroups = level.getObjectGroups(); + + for (var g = 0; g < objectGroups.length; g++) { + var group = objectGroups[g]; + + if (me.game.mergeGroup === false) { + // create a new container with Infinite size (?) + // note: initial position and size seems to be meaningless in Tiled + // https://github.com/bjorn/tiled/wiki/TMX-Map-Format : + // x: Defaults to 0 and can no longer be changed in Tiled Qt. + // y: Defaults to 0 and can no longer be changed in Tiled Qt. + // width: The width of the object group in tiles. Meaningless. + // height: The height of the object group in tiles. Meaningless. + targetContainer = new me.Container(); + + // set additional properties + targetContainer.name = group.name; + targetContainer.z = group.z; + targetContainer.setOpacity(group.opacity); + + // disable auto-sort + targetContainer.autoSort = false; + } + + // iterate through the group and add all object into their + // corresponding target Container + for (var o = 0; o < group.objects.length; o++) { + // TMX object settings + var settings = group.objects[o]; + + var obj = me.pool.pull( + settings.name, + settings.x, settings.y, + // 'TileObject' will instantiate a Sprite Object + settings.name === "TileObject" ? settings.image : settings + ); + + // ignore if the pull function does not return a corresponding object + if (obj) { + // set the obj z order correspondingly to its parent container/group + obj.z = group.z; + + //apply group opacity value to the child objects if group are merged + if (me.game.mergeGroup === true && obj.isRenderable === true) { + obj.setOpacity(obj.getOpacity() * group.opacity); + // and to child renderables if any + if (obj.renderable instanceof me.Renderable) { + obj.renderable.setOpacity(obj.renderable.getOpacity() * group.opacity); + } + } + // add the obj into the target container + targetContainer.addChild(obj); + } + } + + // if we created a new container + if (me.game.mergeGroup === false) { + // add our container to the world + container.addChild(targetContainer); + + // re-enable auto-sort + targetContainer.autoSort = true; + } + } + + // sort everything (recursively) + container.sort(true); + + // re-enable auto-sort + container.autoSort = true; + + // translate the display if required + me.game.world.transform.translateV(me.game.currentLevel.pos); + + // update the game world size to match the level size + me.game.world.resize(me.game.currentLevel.width, me.game.currentLevel.height); + + // fire the callback if defined + if (me.game.onLevelLoaded) { + me.game.onLevelLoaded.call(me.game.onLevelLoaded, level.name); + } + //publish the corresponding message + me.event.publish(me.event.LEVEL_LOADED, [level.name]); + }; + + /* + * PUBLIC STUFF + */ + + /** + * reset the level director + * @ignore + */ + api.reset = function () {}; + + /** + * add a level + * @ignore + */ + api.addLevel = function () { + throw new me.Error("no level loader defined"); + }; + + /** + * + * add a TMX level + * @ignore + */ + api.addTMXLevel = function (levelId, callback) { + // just load the level with the XML stuff + if (levels[levelId] == null) { + //console.log("loading "+ levelId); + levels[levelId] = new me.TMXTileMap(levelId); + // set the name of the level + levels[levelId].name = levelId; + // level index + levelIdx.push(levelId); + } + else { + //console.log("level %s already loaded", levelId); + return false; + } + + // call the callback if defined + if (callback) { + callback(); + } + // true if level loaded + return true; + }; + + /** + * load a level into the game manager
+ * (will also create all level defined entities, etc..) + * @name loadLevel + * @memberOf me.levelDirector + * @public + * @function + * @param {String} level level id + * @example + * // the game defined ressources + * // to be preloaded by the loader + * // TMX maps + * ... + * {name: "a4_level1", type: "tmx", src: "data/level/a4_level1.tmx"}, + * {name: "a4_level2", type: "tmx", src: "data/level/a4_level2.tmx"}, + * {name: "a4_level3", type: "tmx", src: "data/level/a4_level3.tmx"}, + * ... + * ... + * // load a level + * me.levelDirector.loadLevel("a4_level1"); + */ + api.loadLevel = function (levelId) { + // make sure it's a string + levelId = levelId.toString().toLowerCase(); + // throw an exception if not existing + if (typeof(levels[levelId]) === "undefined") { + throw new me.Error("level " + levelId + " not found"); + } + + if (levels[levelId] instanceof me.TMXTileMap) { + + // check the status of the state mngr + var wasRunning = me.state.isRunning(); + + if (wasRunning) { + // stop the game loop to avoid + // some silly side effects + me.state.stop(); + } + + // reset the gameObject Manager (just in case!) + me.game.reset(); + + // reset the GUID generator + // and pass the level id as parameter + me.utils.resetGUID(levelId); + + // clean the current (previous) level + if (levels[api.getCurrentLevelId()]) { + levels[api.getCurrentLevelId()].destroy(); + } + + // parse the give TMX file into the give level + me.mapReader.readMap(levels[levelId], me.loader.getTMX(levelId)); + + // update current level index + currentLevelIdx = levelIdx.indexOf(levelId); + + // add the specified level to the game world + loadTMXLevel(levels[levelId], me.game.world); + + if (wasRunning) { + // resume the game loop if it was + // previously running + me.state.restart.defer(this); + } + } + else { + throw new me.Error("no level loader defined"); + } + return true; + }; + + /** + * return the current level id
+ * @name getCurrentLevelId + * @memberOf me.levelDirector + * @public + * @function + * @return {String} + */ + api.getCurrentLevelId = function () { + return levelIdx[currentLevelIdx]; + }; + + /** + * reload the current level
+ * @name reloadLevel + * @memberOf me.levelDirector + * @public + * @function + */ + api.reloadLevel = function () { + // reset the level to initial state + //levels[currentLevel].reset(); + return api.loadLevel(api.getCurrentLevelId()); + }; + + /** + * load the next level
+ * @name nextLevel + * @memberOf me.levelDirector + * @public + * @function + */ + api.nextLevel = function () { + //go to the next level + if (currentLevelIdx + 1 < levelIdx.length) { + return api.loadLevel(levelIdx[currentLevelIdx + 1]); + } + else { + return false; + } + }; + + /** + * load the previous level
+ * @name previousLevel + * @memberOf me.levelDirector + * @public + * @function + */ + api.previousLevel = function () { + // go to previous level + if (currentLevelIdx - 1 >= 0) { + return api.loadLevel(levelIdx[currentLevelIdx - 1]); + } + else { + return false; + } + }; + + /** + * return the amount of level preloaded
+ * @name levelCount + * @memberOf me.levelDirector + * @public + * @function + */ + api.levelCount = function () { + return levelIdx.length; + }; + + // return our object + return api; + })(); +})(); + +/** + * @preserve Tween JS + * https://github.com/sole/Tween.js + */ + +/* jshint -W011 */ +/* jshint -W013 */ +/* jshint -W089 */ +/* jshint -W093 */ +/* jshint -W098 */ +/* jshint -W108 */ +/* jshint -W116 */ + +(function() { + + /** + * Javascript Tweening Engine

+ * Super simple, fast and easy to use tweening engine which incorporates optimised Robert Penner's equation

+ * https://github.com/sole/Tween.js

+ * author sole / http://soledadpenades.com
+ * author mr.doob / http://mrdoob.com
+ * author Robert Eisele / http://www.xarg.org
+ * author Philippe / http://philippe.elsass.me
+ * author Robert Penner / http://www.robertpenner.com/easing_terms_of_use.html
+ * author Paul Lewis / http://www.aerotwist.com/
+ * author lechecacharro
+ * author Josh Faul / http://jocafa.com/ + * @class + * @memberOf me + * @constructor + * @param {Object} object object on which to apply the tween + * @example + * // add a tween to change the object pos.y variable to 200 in 3 seconds + * tween = new me.Tween(myObject.pos).to({y: 200}, 3000).onComplete(myFunc); + * tween.easing(me.Tween.Easing.Bounce.Out); + * tween.start(); + */ + me.Tween = function ( object ) { + + var _object = object; + var _valuesStart = {}; + var _valuesEnd = {}; + var _valuesStartRepeat = {}; + var _duration = 1000; + var _repeat = 0; + var _yoyo = false; + var _reversed = false; + var _delayTime = 0; + var _startTime = null; + var _easingFunction = me.Tween.Easing.Linear.None; + var _interpolationFunction = me.Tween.Interpolation.Linear; + var _chainedTweens = []; + var _onStartCallback = null; + var _onStartCallbackFired = false; + var _onUpdateCallback = null; + var _onCompleteCallback = null; + + + // Set all starting values present on the target object + for ( var field in object ) { + if(typeof object !== 'object') { + _valuesStart[ field ] = parseFloat(object[field], 10); + } + + } + + /** + * reset the tween object to default value + * @ignore + */ + this.onResetEvent = function ( object ) { + _object = object; + _valuesStart = {}; + _valuesEnd = {}; + _valuesStartRepeat = {}; + _easingFunction = me.Tween.Easing.Linear.None; + _interpolationFunction = me.Tween.Interpolation.Linear; + _yoyo = false; + _reversed = false; + _duration = 1000; + _delayTime = 0; + _onStartCallback = null; + _onStartCallbackFired = false; + _onUpdateCallback = null; + _onCompleteCallback = null; + }; + + /** + * object properties to be updated and duration + * @name me.Tween#to + * @public + * @function + * @param {Object} properties hash of properties + * @param {Number} [duration=1000] tween duration + */ + this.to = function ( properties, duration ) { + + if ( duration !== undefined ) { + + _duration = duration; + + } + + _valuesEnd = properties; + + return this; + + }; + + /** + * start the tween + * @name me.Tween#start + * @public + * @function + */ + this.start = function ( time ) { + + _onStartCallbackFired = false; + + // add the tween to the object pool on start + me.game.world.addChild(this); + + _startTime = (typeof(time) === 'undefined' ? me.timer.getTime() : time) + _delayTime; + + for ( var property in _valuesEnd ) { + + // check if an Array was provided as property value + if ( _valuesEnd[ property ] instanceof Array ) { + + if ( _valuesEnd[ property ].length === 0 ) { + + continue; + + } + + // create a local copy of the Array with the start value at the front + _valuesEnd[ property ] = [ _object[ property ] ].concat( _valuesEnd[ property ] ); + + } + + _valuesStart[ property ] = _object[ property ]; + + if( ( _valuesStart[ property ] instanceof Array ) === false ) { + _valuesStart[ property ] *= 1.0; // Ensures we're using numbers, not strings + } + + _valuesStartRepeat[ property ] = _valuesStart[ property ] || 0; + + } + + return this; + + }; + + /** + * stop the tween + * @name me.Tween#stop + * @public + * @function + */ + this.stop = function () { + // ensure the tween has not been removed previously + if (me.game.world.hasChild(this)) { + me.game.world.removeChildNow(this); + } + return this; + }; + + /** + * delay the tween + * @name me.Tween#delay + * @public + * @function + * @param {Number} amount delay amount expressed in milliseconds + */ + this.delay = function ( amount ) { + + _delayTime = amount; + return this; + + }; + + /** + * Calculate delta to resume the tween + * @ignore + */ + me.event.subscribe(me.event.STATE_RESUME, function onResume(elapsed) { + if (_startTime) { + _startTime += elapsed; + } + }); + + /** + * Repeat the tween + * @name me.Tween#repeat + * @public + * @function + * @param {Number} times amount of times the tween should be repeated + */ + this.repeat = function ( times ) { + + _repeat = times; + return this; + + }; + + /** + * allows the tween to bounce back to their original value when finished + * @name me.Tween#yoyo + * @public + * @function + * @param {Boolean} yoyo + */ + this.yoyo = function( yoyo ) { + + _yoyo = yoyo; + return this; + + }; + + /** + * set the easing function + * @name me.Tween#easing + * @public + * @function + * @param {me.Tween#Easing} easing easing function + */ + this.easing = function ( easing ) { + if (typeof easing !== 'function') { + throw new me.Tween.Error("invalid easing function for me.Tween.easing()"); + } + _easingFunction = easing; + return this; + + }; + + /** + * set the interpolation function + * @name me.Tween#interpolation + * @public + * @function + * @param {me.Tween#Interpolation} easing easing function + */ + this.interpolation = function ( interpolation ) { + + _interpolationFunction = interpolation; + return this; + + }; + + /** + * chain the tween + * @name me.Tween#chain + * @public + * @function + * @param {me.Tween} chainedTween Tween to be chained + */ + this.chain = function () { + + _chainedTweens = arguments; + return this; + + }; + + /** + * onStart callback + * @name me.Tween#onStart + * @public + * @function + * @param {Function} onStartCallback callback + */ + this.onStart = function ( callback ) { + + _onStartCallback = callback; + return this; + + }; + + /** + * onUpdate callback + * @name me.Tween#onUpdate + * @public + * @function + * @param {Function} onUpdateCallback callback + */ + this.onUpdate = function ( callback ) { + + _onUpdateCallback = callback; + return this; + + }; + + /** + * onComplete callback + * @name me.Tween#onComplete + * @public + * @function + * @param {Function} onCompleteCallback callback + */ + this.onComplete = function ( callback ) { + + _onCompleteCallback = callback; + return this; + + }; + + /** @ignore*/ + this.update = function ( dt ) { + + // the original Tween implementation expect + // a timestamp and not a time delta + var time = me.timer.getTime(); + + var property; + + if ( time < _startTime ) { + + return true; + + } + + if ( _onStartCallbackFired === false ) { + + if ( _onStartCallback !== null ) { + + _onStartCallback.call( _object ); + + } + + _onStartCallbackFired = true; + + } + + var elapsed = ( time - _startTime ) / _duration; + elapsed = elapsed > 1 ? 1 : elapsed; + + var value = _easingFunction( elapsed ); + + for ( property in _valuesEnd ) { + + var start = _valuesStart[ property ] || 0; + var end = _valuesEnd[ property ]; + + if ( end instanceof Array ) { + + _object[ property ] = _interpolationFunction( end, value ); + + } else { + + // Parses relative end values with start as base (e.g.: +10, -3) + if ( typeof(end) === "string" ) { + end = start + parseFloat(end, 10); + } + + // protect against non numeric properties. + if ( typeof(end) === "number" ) { + _object[ property ] = start + ( end - start ) * value; + } + + } + + } + + if ( _onUpdateCallback !== null ) { + + _onUpdateCallback.call( _object, value ); + + } + + if ( elapsed === 1 ) { + + if ( _repeat > 0 ) { + + if( isFinite( _repeat ) ) { + _repeat--; + } + + // reassign starting values, restart by making startTime = now + for( property in _valuesStartRepeat ) { + + if ( typeof( _valuesEnd[ property ] ) === "string" ) { + _valuesStartRepeat[ property ] = _valuesStartRepeat[ property ] + parseFloat(_valuesEnd[ property ], 10); + } + + if (_yoyo) { + var tmp = _valuesStartRepeat[ property ]; + _valuesStartRepeat[ property ] = _valuesEnd[ property ]; + _valuesEnd[ property ] = tmp; + } + _valuesStart[ property ] = _valuesStartRepeat[ property ]; + + } + + if (_yoyo) { + _reversed = !_reversed; + } + + _startTime = time + _delayTime; + + return true; + + } else { + // remove the tween from the object pool + me.game.world.removeChildNow(this); + + if ( _onCompleteCallback !== null ) { + + _onCompleteCallback.call( _object ); + + } + + for ( var i = 0, numChainedTweens = _chainedTweens.length; i < numChainedTweens; i ++ ) { + + _chainedTweens[ i ].start( time ); + + } + + return false; + + } + + } + + return true; + + }; + + }; + + /** + * Easing Function :
+ *

+ * me.Tween.Easing.Linear.None
+ * me.Tween.Easing.Quadratic.In
+ * me.Tween.Easing.Quadratic.Out
+ * me.Tween.Easing.Quadratic.InOut
+ * me.Tween.Easing.Cubic.In
+ * me.Tween.Easing.Cubic.Out
+ * me.Tween.Easing.Cubic.InOut
+ * me.Tween.Easing.Quartic.In
+ * me.Tween.Easing.Quartic.Out
+ * me.Tween.Easing.Quartic.InOut
+ * me.Tween.Easing.Quintic.In
+ * me.Tween.Easing.Quintic.Out
+ * me.Tween.Easing.Quintic.InOut
+ * me.Tween.Easing.Sinusoidal.In
+ * me.Tween.Easing.Sinusoidal.Out
+ * me.Tween.Easing.Sinusoidal.InOut
+ * me.Tween.Easing.Exponential.In
+ * me.Tween.Easing.Exponential.Out
+ * me.Tween.Easing.Exponential.InOut
+ * me.Tween.Easing.Circular.In
+ * me.Tween.Easing.Circular.Out
+ * me.Tween.Easing.Circular.InOut
+ * me.Tween.Easing.Elastic.In
+ * me.Tween.Easing.Elastic.Out
+ * me.Tween.Easing.Elastic.InOut
+ * me.Tween.Easing.Back.In
+ * me.Tween.Easing.Back.Out
+ * me.Tween.Easing.Back.InOut
+ * me.Tween.Easing.Bounce.In
+ * me.Tween.Easing.Bounce.Out
+ * me.Tween.Easing.Bounce.InOut + *

+ * @public + * @constant + * @type enum + * @name me.Tween#Easing + */ + me.Tween.Easing = { + + Linear: { + /** @ignore */ + None: function ( k ) { + + return k; + + } + + }, + + Quadratic: { + /** @ignore */ + In: function ( k ) { + + return k * k; + + }, + /** @ignore */ + Out: function ( k ) { + + return k * ( 2 - k ); + + }, + /** @ignore */ + InOut: function ( k ) { + + if ( ( k *= 2 ) < 1 ) return 0.5 * k * k; + return - 0.5 * ( --k * ( k - 2 ) - 1 ); + + } + + }, + + Cubic: { + /** @ignore */ + In: function ( k ) { + + return k * k * k; + + }, + /** @ignore */ + Out: function ( k ) { + + return --k * k * k + 1; + + }, + /** @ignore */ + InOut: function ( k ) { + + if ( ( k *= 2 ) < 1 ) return 0.5 * k * k * k; + return 0.5 * ( ( k -= 2 ) * k * k + 2 ); + + } + + }, + + Quartic: { + /** @ignore */ + In: function ( k ) { + + return k * k * k * k; + + }, + /** @ignore */ + Out: function ( k ) { + + return 1 - ( --k * k * k * k ); + + }, + /** @ignore */ + InOut: function ( k ) { + + if ( ( k *= 2 ) < 1) return 0.5 * k * k * k * k; + return - 0.5 * ( ( k -= 2 ) * k * k * k - 2 ); + + } + + }, + + Quintic: { + /** @ignore */ + In: function ( k ) { + + return k * k * k * k * k; + + }, + /** @ignore */ + Out: function ( k ) { + + return --k * k * k * k * k + 1; + + }, + /** @ignore */ + InOut: function ( k ) { + + if ( ( k *= 2 ) < 1 ) return 0.5 * k * k * k * k * k; + return 0.5 * ( ( k -= 2 ) * k * k * k * k + 2 ); + + } + + }, + + Sinusoidal: { + /** @ignore */ + In: function ( k ) { + + return 1 - Math.cos( k * Math.PI / 2 ); + + }, + /** @ignore */ + Out: function ( k ) { + + return Math.sin( k * Math.PI / 2 ); + + }, + /** @ignore */ + InOut: function ( k ) { + + return 0.5 * ( 1 - Math.cos( Math.PI * k ) ); + + } + + }, + + Exponential: { + /** @ignore */ + In: function ( k ) { + + return k === 0 ? 0 : Math.pow( 1024, k - 1 ); + + }, + /** @ignore */ + Out: function ( k ) { + + return k === 1 ? 1 : 1 - Math.pow( 2, - 10 * k ); + + }, + /** @ignore */ + InOut: function ( k ) { + + if ( k === 0 ) return 0; + if ( k === 1 ) return 1; + if ( ( k *= 2 ) < 1 ) return 0.5 * Math.pow( 1024, k - 1 ); + return 0.5 * ( - Math.pow( 2, - 10 * ( k - 1 ) ) + 2 ); + + } + + }, + + Circular: { + /** @ignore */ + In: function ( k ) { + + return 1 - Math.sqrt( 1 - k * k ); + + }, + /** @ignore */ + Out: function ( k ) { + + return Math.sqrt( 1 - ( --k * k ) ); + + }, + /** @ignore */ + InOut: function ( k ) { + + if ( ( k *= 2 ) < 1) return - 0.5 * ( Math.sqrt( 1 - k * k) - 1); + return 0.5 * ( Math.sqrt( 1 - ( k -= 2) * k) + 1); + + } + + }, + + Elastic: { + /** @ignore */ + In: function ( k ) { + + var s, a = 0.1, p = 0.4; + if ( k === 0 ) return 0; + if ( k === 1 ) return 1; + if ( !a || a < 1 ) { a = 1; s = p / 4; } + else s = p * Math.asin( 1 / a ) / ( 2 * Math.PI ); + return - ( a * Math.pow( 2, 10 * ( k -= 1 ) ) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) ); + + }, + /** @ignore */ + Out: function ( k ) { + + var s, a = 0.1, p = 0.4; + if ( k === 0 ) return 0; + if ( k === 1 ) return 1; + if ( !a || a < 1 ) { a = 1; s = p / 4; } + else s = p * Math.asin( 1 / a ) / ( 2 * Math.PI ); + return ( a * Math.pow( 2, - 10 * k) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) + 1 ); + + }, + /** @ignore */ + InOut: function ( k ) { + + var s, a = 0.1, p = 0.4; + if ( k === 0 ) return 0; + if ( k === 1 ) return 1; + if ( !a || a < 1 ) { a = 1; s = p / 4; } + else s = p * Math.asin( 1 / a ) / ( 2 * Math.PI ); + if ( ( k *= 2 ) < 1 ) return - 0.5 * ( a * Math.pow( 2, 10 * ( k -= 1 ) ) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) ); + return a * Math.pow( 2, -10 * ( k -= 1 ) ) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) * 0.5 + 1; + + } + + }, + + Back: { + /** @ignore */ + In: function ( k ) { + + var s = 1.70158; + return k * k * ( ( s + 1 ) * k - s ); + + }, + /** @ignore */ + Out: function ( k ) { + + var s = 1.70158; + return --k * k * ( ( s + 1 ) * k + s ) + 1; + + }, + /** @ignore */ + InOut: function ( k ) { + + var s = 1.70158 * 1.525; + if ( ( k *= 2 ) < 1 ) return 0.5 * ( k * k * ( ( s + 1 ) * k - s ) ); + return 0.5 * ( ( k -= 2 ) * k * ( ( s + 1 ) * k + s ) + 2 ); + + } + + }, + + Bounce: { + /** @ignore */ + In: function ( k ) { + + return 1 - me.Tween.Easing.Bounce.Out( 1 - k ); + + }, + /** @ignore */ + Out: function ( k ) { + + if ( k < ( 1 / 2.75 ) ) { + + return 7.5625 * k * k; + + } else if ( k < ( 2 / 2.75 ) ) { + + return 7.5625 * ( k -= ( 1.5 / 2.75 ) ) * k + 0.75; + + } else if ( k < ( 2.5 / 2.75 ) ) { + + return 7.5625 * ( k -= ( 2.25 / 2.75 ) ) * k + 0.9375; + + } else { + + return 7.5625 * ( k -= ( 2.625 / 2.75 ) ) * k + 0.984375; + + } + + }, + /** @ignore */ + InOut: function ( k ) { + + if ( k < 0.5 ) return me.Tween.Easing.Bounce.In( k * 2 ) * 0.5; + return me.Tween.Easing.Bounce.Out( k * 2 - 1 ) * 0.5 + 0.5; + + } + + } + + }; + + /* Interpolation Function :
+ *

+ * me.Tween.Interpolation.Linear
+ * me.Tween.Interpolation.Bezier
+ * me.Tween.Interpolation.CatmullRom
+ *

+ * @public + * @constant + * @type enum + * @name me.Tween#Interpolation + */ + me.Tween.Interpolation = { + /** @ignore */ + Linear: function ( v, k ) { + + var m = v.length - 1, f = m * k, i = Math.floor( f ), fn = me.Tween.Interpolation.Utils.Linear; + + if ( k < 0 ) return fn( v[ 0 ], v[ 1 ], f ); + if ( k > 1 ) return fn( v[ m ], v[ m - 1 ], m - f ); + + return fn( v[ i ], v[ i + 1 > m ? m : i + 1 ], f - i ); + + }, + /** @ignore */ + Bezier: function ( v, k ) { + + var b = 0, n = v.length - 1, pw = Math.pow, bn = me.Tween.Interpolation.Utils.Bernstein, i; + + for ( i = 0; i <= n; i++ ) { + b += pw( 1 - k, n - i ) * pw( k, i ) * v[ i ] * bn( n, i ); + } + + return b; + + }, + /** @ignore */ + CatmullRom: function ( v, k ) { + + var m = v.length - 1, f = m * k, i = Math.floor( f ), fn = me.Tween.Interpolation.Utils.CatmullRom; + + if ( v[ 0 ] === v[ m ] ) { + + if ( k < 0 ) i = Math.floor( f = m * ( 1 + k ) ); + + return fn( v[ ( i - 1 + m ) % m ], v[ i ], v[ ( i + 1 ) % m ], v[ ( i + 2 ) % m ], f - i ); + + } else { + + if ( k < 0 ) return v[ 0 ] - ( fn( v[ 0 ], v[ 0 ], v[ 1 ], v[ 1 ], -f ) - v[ 0 ] ); + if ( k > 1 ) return v[ m ] - ( fn( v[ m ], v[ m ], v[ m - 1 ], v[ m - 1 ], f - m ) - v[ m ] ); + + return fn( v[ i ? i - 1 : 0 ], v[ i ], v[ m < i + 1 ? m : i + 1 ], v[ m < i + 2 ? m : i + 2 ], f - i ); + + } + + }, + + Utils: { + /** @ignore */ + Linear: function ( p0, p1, t ) { + + return ( p1 - p0 ) * t + p0; + + }, + /** @ignore */ + Bernstein: function ( n , i ) { + + var fc = me.Tween.Interpolation.Utils.Factorial; + return fc( n ) / fc( i ) / fc( n - i ); + + }, + /** @ignore */ + Factorial: ( function () { + + var a = [ 1 ]; + + return function ( n ) { + + var s = 1, i; + if ( a[ n ] ) return a[ n ]; + for ( i = n; i > 1; i-- ) s *= i; + return a[ n ] = s; + + }; + + } )(), + /** @ignore */ + CatmullRom: function ( p0, p1, p2, p3, t ) { + + var v0 = ( p2 - p0 ) * 0.5, v1 = ( p3 - p1 ) * 0.5, t2 = t * t, t3 = t * t2; + return ( 2 * p1 - 2 * p2 + v0 + v1 ) * t3 + ( - 3 * p1 + 3 * p2 - 2 * v0 - v1 ) * t2 + v0 * t + p1; + + } + + } + + }; + + /** + * Base class for Tween exception handling. + * @name Error + * @class + * @memberOf me.Tween + * @constructor + * @param {String} msg Error message. + */ + me.Tween.Error = me.Error.extend({ + init : function (msg) { + me.Error.prototype.init.apply(this, [ msg ]); + this.name = "me.Tween.Error"; + } + }); +})(); + +/** + * @preserve MinPubSub + * a micro publish/subscribe messaging framework + * @see https://github.com/daniellmb/MinPubSub + * @author Daniel Lamb + * + * Released under the MIT License + */ +(function () { + /** + * There is no constructor function for me.event + * @namespace me.event + * @memberOf me + */ + me.event = (function () { + // hold public stuff inside the singleton + var api = {}; + + /** + * the channel/subscription hash + * @ignore + */ + var cache = {}; + + /* + * PUBLIC + */ + + /** + * Channel Constant when the game is paused
+ * Data passed : none
+ * @public + * @constant + * @type String + * @name me.event#STATE_PAUSE + */ + api.STATE_PAUSE = "me.state.onPause"; + + /** + * Channel Constant for when the game is resumed
+ * Data passed : {Number} time in ms the game was paused + * @public + * @constant + * @type String + * @name me.event#STATE_RESUME + */ + api.STATE_RESUME = "me.state.onResume"; + + /** + * Channel Constant when the game is stopped
+ * Data passed : none
+ * @public + * @constant + * @type String + * @name me.event#STATE_STOP + */ + api.STATE_STOP = "me.state.onStop"; + + /** + * Channel Constant for when the game is restarted
+ * Data passed : {Number} time in ms the game was stopped + * @public + * @constant + * @type String + * @name me.event#STATE_RESTART + */ + api.STATE_RESTART = "me.state.onRestart"; + + /** + * Channel Constant for when the game manager is initialized
+ * Data passed : none
+ * @public + * @constant + * @type String + * @name me.event#GAME_INIT + */ + api.GAME_INIT = "me.game.onInit"; + + /** + * Channel Constant for when a level is loaded
+ * Data passed : {String} Level Name + * @public + * @constant + * @type String + * @name me.event#LEVEL_LOADED + */ + api.LEVEL_LOADED = "me.game.onLevelLoaded"; + + /** + * Channel Constant for when everything has loaded
+ * Data passed : none
+ * @public + * @constant + * @type String + * @name me.event#LOADER_COMPLETE + */ + api.LOADER_COMPLETE = "me.loader.onload"; + + /** + * Channel Constant for displaying a load progress indicator
+ * Data passed : {Number} [0 .. 1], {Resource} resource object
+ * @public + * @constant + * @type String + * @name me.event#LOADER_PROGRESS + */ + api.LOADER_PROGRESS = "me.loader.onProgress"; + + /** + * Channel Constant for pressing a binded key
+ * Data passed : {String} user-defined action, {Number} keyCode, + * {Boolean} edge state
+ * Edge-state is for detecting "locked" key bindings. When a locked key + * is pressed and held, the first event will have have the third + * argument set true. subsequent events will continue firing with the + * third argument set false. + * @public + * @constant + * @type String + * @name me.event#KEYDOWN + * @example + * me.input.bindKey(me.input.KEY.X, "jump", true); // Edge-triggered + * me.input.bindKey(me.input.KEY.Z, "shoot"); // Level-triggered + * me.event.subscribe(me.event.KEYDOWN, function (action, keyCode, edge) { + * // Checking bound keys + * if (action === "jump") { + * if (edge) { + * this.doJump(); + * } + * + * // Make character fall slower when holding the jump key + * this.vel.y = this.gravity; + * } + * }); + */ + api.KEYDOWN = "me.input.keydown"; + + /** + * Channel Constant for releasing a binded key
+ * Data passed : {String} user-defined action, {Number} keyCode
+ * @public + * @constant + * @type String + * @name me.event#KEYUP + * @example + * me.event.subscribe(me.event.KEYUP, function (action, keyCode) { + * // Checking unbound keys + * if (keyCode == me.input.KEY.ESC) { + * if (me.state.isPaused()) { + * me.state.resume(); + * } + * else { + * me.state.pause(); + * } + * } + * }); + */ + api.KEYUP = "me.input.keyup"; + + /** + * Channel Constant for mousemove or dragmove events on the game viewport
+ * Data passed : {Object} the mousemove or dragmove event
+ * @public + * @constant + * @type String + * @name me.event#MOUSEMOVE + */ + api.MOUSEMOVE = "me.game.pointermove"; + + /** + * Channel Constant for dragstart events on a Draggable entity
+ * Data passed: + * {Object} the drag event
+ * {Object} the Draggable entity
+ * @public + * @constant + * @type String + * @name me.event#DRAGSTART + */ + api.DRAGSTART = "me.game.dragstart"; + + /** + * Channel Constant for dragend events on a Draggable entity
+ * Data passed: + * {Object} the drag event
+ * {Object} the Draggable entity
+ * @public + * @constant + * @type String + * @name me.event#DRAGEND + */ + api.DRAGEND = "me.game.dragend"; + + /** + * Channel Constant for when the (browser) window is resized
+ * Data passed : {Event} Event object
+ * @public + * @constant + * @type String + * @name me.event#WINDOW_ONRESIZE + */ + api.WINDOW_ONRESIZE = "window.onresize"; + + /** + * Channel Constant for when the device is rotated
+ * Data passed : {Event} Event object
+ * @public + * @constant + * @type String + * @name me.event#WINDOW_ONORIENTATION_CHANGE + */ + api.WINDOW_ONORIENTATION_CHANGE = "window.orientationchange"; + + /** + * Channel Constant for when the (browser) window is scrolled
+ * Data passed : {Event} Event object
+ * @public + * @constant + * @type String + * @name me.event#WINDOW_ONSCROLL + */ + api.WINDOW_ONSCROLL = "window.onscroll"; + + /** + * Channel Constant for when the viewport position is updated
+ * Data passed : {me.Vector2d} viewport position vector
+ * @public + * @constant + * @type String + * @name me.event#VIEWPORT_ONCHANGE + */ + api.VIEWPORT_ONCHANGE = "viewport.onchange"; + + /** + * Publish some data on a channel + * @name me.event#publish + * @public + * @function + * @param {String} channel The channel to publish on + * @param {Array} arguments The data to publish + * + * @example Publish stuff on '/some/channel'. + * Anything subscribed will be called with a function + * signature like: function (a,b,c){ ... } + * + * me.event.publish("/some/channel", ["a","b","c"]); + * + */ + api.publish = function (channel, args) { + var subs = cache[channel], + len = subs ? subs.length : 0; + + //can change loop or reverse array if the order matters + while (len--) { + subs[len].apply(window, args || []); // is window correct here? + } + }; + + /** + * Register a callback on a named channel. + * @name me.event#subscribe + * @public + * @function + * @param {String} channel The channel to subscribe to + * @param {Function} callback The event handler, any time something is + * published on a subscribed channel, the callback will be called + * with the published array as ordered arguments + * @return {handle} A handle which can be used to unsubscribe this + * particular subscription + * @example + * me.event.subscribe("/some/channel", function (a, b, c){ doSomething(); }); + */ + + api.subscribe = function (channel, callback) { + if (!cache[channel]) { + cache[channel] = []; + } + cache[channel].push(callback); + return [ channel, callback ]; // Array + }; + + /** + * Disconnect a subscribed function for a channel. + * @name me.event#unsubscribe + * @public + * @function + * @param {Array|String} handle The return value from a subscribe call or the + * name of a channel as a String + * @param {Function} [callback] The callback to be unsubscribed. + * @example + * var handle = me.event.subscribe("/some/channel", function (){}); + * me.event.unsubscribe(handle); + * + * // Or alternatively ... + * + * var callback = function (){}; + * me.event.subscribe("/some/channel", callback); + * me.event.unsubscribe("/some/channel", callback); + */ + api.unsubscribe = function (handle, callback) { + var subs = cache[callback ? handle : handle[0]], + len = subs ? subs.length : 0; + + callback = callback || handle[1]; + + while (len--) { + if (subs[len] === callback) { + subs.splice(len, 1); + } + } + }; + + // return our object + return api; + })(); +})(); + +/*! + * howler.js v1.1.25 + * howlerjs.com + * + * (c) 2013-2014, James Simpson of GoldFire Studios + * goldfirestudios.com + * + * MIT License + */ + +/* jshint -W013 */ +/* jshint -W015 */ +/* jshint -W031 */ +/* jshint -W083 */ +/* jshint -W098 */ +/* jshint -W108 */ +/* jshint -W116 */ + +(function() { + // setup + var cache = {}; + + // setup the audio context + var ctx = null, + usingWebAudio = true, + noAudio = false; + try { + if (typeof AudioContext !== 'undefined') { + ctx = new AudioContext(); + } else if (typeof webkitAudioContext !== 'undefined') { + ctx = new webkitAudioContext(); + } else { + usingWebAudio = false; + } + } catch(e) { + usingWebAudio = false; + } + + if (!usingWebAudio) { + if (typeof Audio !== 'undefined') { + try { + new Audio(); + } catch(e) { + noAudio = true; + } + } else { + noAudio = true; + } + } + + // create a master gain node + if (usingWebAudio) { + var masterGain = (typeof ctx.createGain === 'undefined') ? ctx.createGainNode() : ctx.createGain(); + masterGain.gain.value = 1; + masterGain.connect(ctx.destination); + } + + // create global controller + var HowlerGlobal = function(codecs) { + this._volume = 1; + this._muted = false; + this.usingWebAudio = usingWebAudio; + this.ctx = ctx; + this.noAudio = noAudio; + this._howls = []; + this._codecs = codecs; + this.iOSAutoEnable = true; + }; + HowlerGlobal.prototype = { + /** + * Get/set the global volume for all sounds. + * @param {Float} vol Volume from 0.0 to 1.0. + * @return {Howler/Float} Returns self or current volume. + */ + volume: function(vol) { + var self = this; + + // make sure volume is a number + vol = parseFloat(vol); + + if (vol >= 0 && vol <= 1) { + self._volume = vol; + + if (usingWebAudio) { + masterGain.gain.value = vol; + } + + // loop through cache and change volume of all nodes that are using HTML5 Audio + for (var key in self._howls) { + if (self._howls.hasOwnProperty(key) && self._howls[key]._webAudio === false) { + // loop through the audio nodes + for (var i=0; i 0) ? node._pos : self._sprite[sprite][0] / 1000; + + // determine how long to play for + var duration = 0; + if (self._webAudio) { + duration = self._sprite[sprite][1] / 1000 - node._pos; + if (node._pos > 0) { + pos = self._sprite[sprite][0] / 1000 + pos; + } + } else { + duration = self._sprite[sprite][1] / 1000 - (pos - self._sprite[sprite][0] / 1000); + } + + // determine if this sound should be looped + var loop = !!(self._loop || self._sprite[sprite][2]); + + // set timer to fire the 'onend' event + var soundId = (typeof callback === 'string') ? callback : Math.round(Date.now() * Math.random()) + '', + timerId; + (function() { + var data = { + id: soundId, + sprite: sprite, + loop: loop + }; + timerId = setTimeout(function() { + // if looping, restart the track + if (!self._webAudio && loop) { + self.stop(data.id).play(sprite, data.id); + } + + // set web audio node to paused at end + if (self._webAudio && !loop) { + self._nodeById(data.id).paused = true; + self._nodeById(data.id)._pos = 0; + + // clear the end timer + self._clearEndTimer(data.id); + } + + // end the track if it is HTML audio and a sprite + if (!self._webAudio && !loop) { + self.stop(data.id); + } + + // fire ended event + self.on('end', soundId); + }, duration * 1000); + + // store the reference to the timer + self._onendTimer.push({timer: timerId, id: data.id}); + })(); + + if (self._webAudio) { + var loopStart = self._sprite[sprite][0] / 1000, + loopEnd = self._sprite[sprite][1] / 1000; + + // set the play id to this node and load into context + node.id = soundId; + node.paused = false; + refreshBuffer(self, [loop, loopStart, loopEnd], soundId); + self._playStart = ctx.currentTime; + node.gain.value = self._volume; + + if (typeof node.bufferSource.start === 'undefined') { + node.bufferSource.noteGrainOn(0, pos, duration); + } else { + node.bufferSource.start(0, pos, duration); + } + } else { + if (node.readyState === 4 || !node.readyState && navigator.isCocoonJS) { + node.readyState = 4; + node.id = soundId; + node.currentTime = pos; + node.muted = Howler._muted || node.muted; + node.volume = self._volume * Howler.volume(); + setTimeout(function() { node.play(); }, 0); + } else { + self._clearEndTimer(soundId); + + (function(){ + var sound = self, + playSprite = sprite, + fn = callback, + newNode = node; + var listener = function() { + sound.play(playSprite, fn); + + // clear the event listener + newNode.removeEventListener('canplaythrough', listener, false); + }; + newNode.addEventListener('canplaythrough', listener, false); + })(); + + return self; + } + } + + // fire the play event and send the soundId back in the callback + self.on('play'); + if (typeof callback === 'function') callback(soundId); + + return self; + }); + + return self; + }, + + /** + * Pause playback and save the current position. + * @param {String} id (optional) The play instance ID. + * @return {Howl} + */ + pause: function(id) { + var self = this; + + // if the sound hasn't been loaded, add it to the event queue + if (!self._loaded) { + self.on('play', function() { + self.pause(id); + }); + + return self; + } + + // clear 'onend' timer + self._clearEndTimer(id); + + var activeNode = (id) ? self._nodeById(id) : self._activeNode(); + if (activeNode) { + activeNode._pos = self.pos(null, id); + + if (self._webAudio) { + // make sure the sound has been created + if (!activeNode.bufferSource || activeNode.paused) { + return self; + } + + activeNode.paused = true; + if (typeof activeNode.bufferSource.stop === 'undefined') { + activeNode.bufferSource.noteOff(0); + } else { + activeNode.bufferSource.stop(0); + } + } else { + activeNode.pause(); + } + } + + self.on('pause'); + + return self; + }, + + /** + * Stop playback and reset to start. + * @param {String} id (optional) The play instance ID. + * @return {Howl} + */ + stop: function(id) { + var self = this; + + // if the sound hasn't been loaded, add it to the event queue + if (!self._loaded) { + self.on('play', function() { + self.stop(id); + }); + + return self; + } + + // clear 'onend' timer + self._clearEndTimer(id); + + var activeNode = (id) ? self._nodeById(id) : self._activeNode(); + if (activeNode) { + activeNode._pos = 0; + + if (self._webAudio) { + // make sure the sound has been created + if (!activeNode.bufferSource || activeNode.paused) { + return self; + } + + activeNode.paused = true; + + if (typeof activeNode.bufferSource.stop === 'undefined') { + activeNode.bufferSource.noteOff(0); + } else { + activeNode.bufferSource.stop(0); + } + } else if (!isNaN(activeNode.duration)) { + activeNode.pause(); + activeNode.currentTime = 0; + } + } + + return self; + }, + + /** + * Mute this sound. + * @param {String} id (optional) The play instance ID. + * @return {Howl} + */ + mute: function(id) { + var self = this; + + // if the sound hasn't been loaded, add it to the event queue + if (!self._loaded) { + self.on('play', function() { + self.mute(id); + }); + + return self; + } + + var activeNode = (id) ? self._nodeById(id) : self._activeNode(); + if (activeNode) { + if (self._webAudio) { + activeNode.gain.value = 0; + } else { + activeNode.muted = true; + } + } + + return self; + }, + + /** + * Unmute this sound. + * @param {String} id (optional) The play instance ID. + * @return {Howl} + */ + unmute: function(id) { + var self = this; + + // if the sound hasn't been loaded, add it to the event queue + if (!self._loaded) { + self.on('play', function() { + self.unmute(id); + }); + + return self; + } + + var activeNode = (id) ? self._nodeById(id) : self._activeNode(); + if (activeNode) { + if (self._webAudio) { + activeNode.gain.value = self._volume; + } else { + activeNode.muted = false; + } + } + + return self; + }, + + /** + * Get/set volume of this sound. + * @param {Float} vol Volume from 0.0 to 1.0. + * @param {String} id (optional) The play instance ID. + * @return {Howl/Float} Returns self or current volume. + */ + volume: function(vol, id) { + var self = this; + + // make sure volume is a number + vol = parseFloat(vol); + + if (vol >= 0 && vol <= 1) { + self._volume = vol; + + // if the sound hasn't been loaded, add it to the event queue + if (!self._loaded) { + self.on('play', function() { + self.volume(vol, id); + }); + + return self; + } + + var activeNode = (id) ? self._nodeById(id) : self._activeNode(); + if (activeNode) { + if (self._webAudio) { + activeNode.gain.value = vol; + } else { + activeNode.volume = vol * Howler.volume(); + } + } + + return self; + } else { + return self._volume; + } + }, + + /** + * Get/set whether to loop the sound. + * @param {Boolean} loop To loop or not to loop, that is the question. + * @return {Howl/Boolean} Returns self or current looping value. + */ + loop: function(loop) { + var self = this; + + if (typeof loop === 'boolean') { + self._loop = loop; + + return self; + } else { + return self._loop; + } + }, + + /** + * Get/set sound sprite definition. + * @param {Object} sprite Example: {spriteName: [offset, duration, loop]} + * @param {Integer} offset Where to begin playback in milliseconds + * @param {Integer} duration How long to play in milliseconds + * @param {Boolean} loop (optional) Set true to loop this sprite + * @return {Howl} Returns current sprite sheet or self. + */ + sprite: function(sprite) { + var self = this; + + if (typeof sprite === 'object') { + self._sprite = sprite; + + return self; + } else { + return self._sprite; + } + }, + + /** + * Get/set the position of playback. + * @param {Float} pos The position to move current playback to. + * @param {String} id (optional) The play instance ID. + * @return {Howl/Float} Returns self or current playback position. + */ + pos: function(pos, id) { + var self = this; + + // if the sound hasn't been loaded, add it to the event queue + if (!self._loaded) { + self.on('load', function() { + self.pos(pos); + }); + + return typeof pos === 'number' ? self : self._pos || 0; + } + + // make sure we are dealing with a number for pos + pos = parseFloat(pos); + + var activeNode = (id) ? self._nodeById(id) : self._activeNode(); + if (activeNode) { + if (pos >= 0) { + self.pause(id); + activeNode._pos = pos; + self.play(activeNode._sprite, id); + + return self; + } else { + return self._webAudio ? activeNode._pos + (ctx.currentTime - self._playStart) : activeNode.currentTime; + } + } else if (pos >= 0) { + return self; + } else { + // find the first inactive node to return the pos for + for (var i=0; i= 0 || x < 0) { + if (self._webAudio) { + var activeNode = (id) ? self._nodeById(id) : self._activeNode(); + if (activeNode) { + self._pos3d = [x, y, z]; + activeNode.panner.setPosition(x, y, z); + activeNode.panner.panningModel = self._model || 'HRTF'; + } + } + } else { + return self._pos3d; + } + + return self; + }, + + /** + * Fade a currently playing sound between two volumes. + * @param {Number} from The volume to fade from (0.0 to 1.0). + * @param {Number} to The volume to fade to (0.0 to 1.0). + * @param {Number} len Time in milliseconds to fade. + * @param {Function} callback (optional) Fired when the fade is complete. + * @param {String} id (optional) The play instance ID. + * @return {Howl} + */ + fade: function(from, to, len, callback, id) { + var self = this, + diff = Math.abs(from - to), + dir = from > to ? 'down' : 'up', + steps = diff / 0.01, + stepTime = len / steps; + + // if the sound hasn't been loaded, add it to the event queue + if (!self._loaded) { + self.on('load', function() { + self.fade(from, to, len, callback, id); + }); + + return self; + } + + // set the volume to the start position + self.volume(from, id); + + for (var i=1; i<=steps; i++) { + (function() { + var change = self._volume + (dir === 'up' ? 0.01 : -0.01) * i, + vol = Math.round(1000 * change) / 1000, + toVol = to; + + setTimeout(function() { + self.volume(vol, id); + + if (vol === toVol) { + if (callback) callback(); + } + }, stepTime * i); + })(); + } + }, + + /** + * [DEPRECATED] Fade in the current sound. + * @param {Float} to Volume to fade to (0.0 to 1.0). + * @param {Number} len Time in milliseconds to fade. + * @param {Function} callback + * @return {Howl} + */ + fadeIn: function(to, len, callback) { + return this.volume(0).play().fade(0, to, len, callback); + }, + + /** + * [DEPRECATED] Fade out the current sound and pause when finished. + * @param {Float} to Volume to fade to (0.0 to 1.0). + * @param {Number} len Time in milliseconds to fade. + * @param {Function} callback + * @param {String} id (optional) The play instance ID. + * @return {Howl} + */ + fadeOut: function(to, len, callback, id) { + var self = this; + + return self.fade(self._volume, to, len, function() { + if (callback) callback(); + self.pause(id); + + // fire ended event + self.on('end'); + }, id); + }, + + /** + * Get an audio node by ID. + * @return {Howl} Audio node. + */ + _nodeById: function(id) { + var self = this, + node = self._audioNode[0]; + + // find the node with this ID + for (var i=0; i=0; i--) { + if (inactive <= 5) { + break; + } + + if (self._audioNode[i].paused) { + // disconnect the audio source if using Web Audio + if (self._webAudio) { + self._audioNode[i].disconnect(0); + } + + inactive--; + self._audioNode.splice(i, 1); + } + } + }, + + /** + * Clear 'onend' timeout before it ends. + * @param {String} soundId The play instance ID. + */ + _clearEndTimer: function(soundId) { + var self = this, + index = 0; + + // loop through the timers to find the one associated with this sound + for (var i=0; i= 0) { + Howler._howls.splice(index, 1); + } + + // delete this sound from the cache + delete cache[self._src]; + self = null; + } + + }; + + // only define these functions when using WebAudio + if (usingWebAudio) { + + /** + * Buffer a sound from URL (or from cache) and decode to audio source (Web Audio API). + * @param {Object} obj The Howl object for the sound to load. + * @param {String} url The path to the sound file. + */ + var loadBuffer = function(obj, url) { + // check if the buffer has already been cached + if (url in cache) { + // set the duration from the cache + obj._duration = cache[url].duration; + + // load the sound into this object + loadSound(obj); + return; + } + + if (/^data:[^;]+;base64,/.test(url)) { + // Decode base64 data-URIs because some browsers cannot load data-URIs with XMLHttpRequest. + var data = atob(url.split(',')[1]); + var dataView = new Uint8Array(data.length); + for (var i=0; i10922)throw"Can't have more than 10922 sprites per batch: "+this.size;this._blendSrc=this.context.gl.ONE,this._blendDst=this.context.gl.ONE_MINUS_SRC_ALPHA,this._blendingEnabled=!0,this._shader=this._createShader(),this.defaultShader=this._shader,this.ownsShader=!0,this.idx=0,this.drawing=!1,this.mesh=this._createMesh(this.size),this.color=e(255,255,255,255),this.premultiplied=!0},blendingEnabled:{set:function(a){var b=this._blendingEnabled;if(this.drawing&&this.flush(),this._blendingEnabled=a,this.drawing&&b!=a){var c=this.context.gl;a?c.enable(c.BLEND):c.disable(c.BLEND)}},get:function(){return this._blendingEnabled}},blendSrc:{set:function(a){this.drawing&&this.flush(),this._blendSrc=a},get:function(){return this._blendSrc}},blendDst:{set:function(a){this.drawing&&this.flush(),this._blendDst=a},get:function(){return this._blendDst}},setBlendFunction:function(a,b){this.blendSrc=a,this.blendDst=b},shader:{set:function(a){var b=this.drawing;b&&this.end(),this._shader=a?a:this.defaultShader,b&&this.begin()},get:function(){return this._shader}},setColor:function(a,b,c,d){var f="number"==typeof a;f&&"number"==typeof b&&"number"==typeof c?d=d||0===d?d:1:a=b=c=d=f?a:1,this.premultiplied&&(a*=d,b*=d,c*=d),this.color=e(~~(255*a),~~(255*b),~~(255*c),~~(255*d))},_createMesh:function(a){var b=4*a*this.getVertexSize(),c=6*a,e=this.context.gl;this.vertices=new Float32Array(b),this.indices=new Uint16Array(c);for(var f=0,g=0;c>f;f+=6,g+=4)this.indices[f+0]=g+0,this.indices[f+1]=g+1,this.indices[f+2]=g+2,this.indices[f+3]=g+0,this.indices[f+4]=g+2,this.indices[f+5]=g+3;var h=new d(this.context,!1,b,c,this._createVertexAttributes());return h.vertices=this.vertices,h.indices=this.indices,h.vertexUsage=e.DYNAMIC_DRAW,h.indexUsage=e.STATIC_DRAW,h.dirty=!0,h},_createShader:function(){throw"_createShader not implemented"},_createVertexAttributes:function(){throw"_createVertexAttributes not implemented"},getVertexSize:function(){throw"getVertexSize not implemented"},begin:function(){if(this.drawing)throw"batch.end() must be called before begin";if(this.drawing=!0,this.shader.bind(),this.mesh.bind(this.shader),this._blendingEnabled){var a=this.context.gl;a.enable(a.BLEND)}},end:function(){if(!this.drawing)throw"batch.begin() must be called before end";if(this.idx>0&&this.flush(),this.drawing=!1,this.mesh.unbind(this.shader),this._blendingEnabled){var a=this.context.gl;a.disable(a.BLEND)}},_preRender:function(){},flush:function(){if(0!==this.idx){var a=this.context.gl;this._blendingEnabled&&this._blendSrc&&this._blendDst&&a.blendFunc(this._blendSrc,this._blendDst),this._preRender();var b=this.getVertexSize(),c=this.idx/(4*b);this.mesh.verticesDirty=!0,this.mesh.draw(a.TRIANGLES,6*c,0,this.idx),this.idx=0}},draw:function(){},drawVertices:function(){},drawRegion:function(a,b,c,d,e){this.draw(a.texture,b,c,d,e,a.u,a.v,a.u2,a.v2)},destroy:function(){this.vertices=null,this.indices=null,this.size=this.maxVertices=0,this.ownsShader&&this.defaultShader&&this.defaultShader.destroy(),this.defaultShader=null,this._shader=null,this.mesh&&this.mesh.destroy(),this.mesh=null}});b.exports=f},{"./glutils/Mesh":7,klasse:10,"number-util":11}],2:[function(a,b){var c=a("klasse"),d=a("./BaseBatch"),e=a("./glutils/Mesh"),f=a("./glutils/ShaderProgram"),g=new c({Mixins:d,initialize:function(a,b){d.call(this,a,b),this.projection=new Float32Array(2),this.projection[0]=this.context.width/2,this.projection[1]=this.context.height/2,this.texture=null},resize:function(a,b){this.setProjection(a/2,b/2)},getVertexSize:function(){return g.VERTEX_SIZE},_createVertexAttributes:function(){var a=this.context.gl;return[new e.Attrib(f.POSITION_ATTRIBUTE,2),new e.Attrib(f.COLOR_ATTRIBUTE,4,null,a.UNSIGNED_BYTE,!0,1),new e.Attrib(f.TEXCOORD_ATTRIBUTE+"0",2)]},setProjection:function(a,b){var c=this.projection[0],d=this.projection[1];this.projection[0]=a,this.projection[1]=b,!this.drawing||a==c&&b==d||(this.flush(),this._updateMatrices())},_createShader:function(){var a=new f(this.context,g.DEFAULT_VERT_SHADER,g.DEFAULT_FRAG_SHADER);return a.log&&console.warn("Shader Log:\n"+a.log),a},updateMatrices:function(){this.shader.setUniformfv("u_projection",this.projection)},_preRender:function(){this.texture&&this.texture.bind()},begin:function(){var a=this.context.gl;d.prototype.begin.call(this),this.updateMatrices(),this.shader.setUniformi("u_texture0",0),a.depthMask(!1)},end:function(){var a=this.context.gl;d.prototype.end.call(this),a.depthMask(!0)},flush:function(){this.texture&&0!==this.idx&&(d.prototype.flush.call(this),g.totalRenderCalls++)},draw:function(a,b,c,d,e,f,g,h,i){if(!this.drawing)throw"Illegal State: trying to draw a batch before begin()";if(a){null===this.texture||this.texture.id!==a.id?(this.flush(),this.texture=a):this.idx==this.vertices.length&&this.flush(),d=0===d?d:d||a.width,e=0===e?e:e||a.height,b=b||0,c=c||0;var j=b,k=b+d,l=c,m=c+e;f=f||0,h=0===h?h:h||1,g=g||0,i=0===i?i:i||1;var n=this.color;this.vertices[this.idx++]=j,this.vertices[this.idx++]=l,this.vertices[this.idx++]=n,this.vertices[this.idx++]=f,this.vertices[this.idx++]=g,this.vertices[this.idx++]=k,this.vertices[this.idx++]=l,this.vertices[this.idx++]=n,this.vertices[this.idx++]=h,this.vertices[this.idx++]=g,this.vertices[this.idx++]=k,this.vertices[this.idx++]=m,this.vertices[this.idx++]=n,this.vertices[this.idx++]=h,this.vertices[this.idx++]=i,this.vertices[this.idx++]=j,this.vertices[this.idx++]=m,this.vertices[this.idx++]=n,this.vertices[this.idx++]=f,this.vertices[this.idx++]=i}},drawVertices:function(a,b,c){if(!this.drawing)throw"Illegal State: trying to draw a batch before begin()";a&&(this.texture!=a?(this.flush(),this.texture=a):this.idx==this.vertices.length&&this.flush(),c=c||0,this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++],this.vertices[this.idx++]=b[c++])}});g.VERTEX_SIZE=5,g.totalRenderCalls=0,g.DEFAULT_FRAG_SHADER=["precision mediump float;","varying vec2 vTexCoord0;","varying vec4 vColor;","uniform sampler2D u_texture0;","void main(void) {"," gl_FragColor = texture2D(u_texture0, vTexCoord0) * vColor;","}"].join("\n"),g.DEFAULT_VERT_SHADER=["attribute vec2 "+f.POSITION_ATTRIBUTE+";","attribute vec4 "+f.COLOR_ATTRIBUTE+";","attribute vec2 "+f.TEXCOORD_ATTRIBUTE+"0;","uniform vec2 u_projection;","varying vec2 vTexCoord0;","varying vec4 vColor;","void main(void) {"," gl_Position = vec4( "+f.POSITION_ATTRIBUTE+".x / u_projection.x - 1.0, "+f.POSITION_ATTRIBUTE+".y / -u_projection.y + 1.0 , 0.0, 1.0);"," vTexCoord0 = "+f.TEXCOORD_ATTRIBUTE+"0;"," vColor = "+f.COLOR_ATTRIBUTE+";","}"].join("\n"),b.exports=g},{"./BaseBatch":1,"./glutils/Mesh":7,"./glutils/ShaderProgram":8,klasse:10}],3:[function(a,b){var c=a("klasse"),d=(a("signals"),a("number-util").nextPowerOfTwo,a("number-util").isPowerOfTwo),e=new c({initialize:function f(a){if("object"!=typeof a)throw"GL context not specified to Texture";this.context=a,this.id=null,this.target=a.gl.TEXTURE_2D,this.width=0,this.height=0,this.wrapS=f.DEFAULT_WRAP,this.wrapT=f.DEFAULT_WRAP,this.minFilter=f.DEFAULT_FILTER,this.magFilter=f.DEFAULT_FILTER,this.managedArgs=Array.prototype.slice.call(arguments,1),this.context.addManagedObject(this),this.create()},setup:function(a,b,c,d,f,g){var h=this.gl;if("string"==typeof a){var i=new Image,j=arguments[0],k="function"==typeof arguments[1]?arguments[1]:null,l="function"==typeof arguments[2]?arguments[2]:null;g=!!arguments[3];var m=this;e.USE_DUMMY_1x1_DATA&&(m.uploadData(1,1),this.width=this.height=0),i.onload=function(){m.uploadImage(i,void 0,void 0,g),k&&k()},i.onerror=function(){g&&h.generateMipmap(h.TEXTURE_2D),l&&l()},i.onabort=function(){g&&h.generateMipmap(h.TEXTURE_2D),l&&l()},i.src=j}else this.uploadData(a,b,c,d,f,g)},create:function(){this.gl=this.context.gl;var a=this.gl;this.id=a.createTexture(),this.width=this.height=0,this.target=a.TEXTURE_2D,this.bind(),a.pixelStorei(a.UNPACK_PREMULTIPLY_ALPHA_WEBGL,e.UNPACK_PREMULTIPLY_ALPHA),a.pixelStorei(a.UNPACK_ALIGNMENT,e.UNPACK_ALIGNMENT),a.pixelStorei(a.UNPACK_FLIP_Y_WEBGL,e.UNPACK_FLIP_Y);var b=e.UNPACK_COLORSPACE_CONVERSION||a.BROWSER_DEFAULT_WEBGL;a.pixelStorei(a.UNPACK_COLORSPACE_CONVERSION_WEBGL,b),this.setWrap(this.wrapS,this.wrapT,!1),this.setFilter(this.minFilter,this.magFilter,!1),0!==this.managedArgs.length&&this.setup.apply(this,this.managedArgs)},destroy:function(){this.id&&this.gl&&this.gl.deleteTexture(this.id),this.context&&this.context.removeManagedObject(this),this.width=this.height=0,this.id=null,this.managedArgs=null,this.context=null,this.gl=null},setWrap:function(a,b,c){a&&b?(this.wrapS=a,this.wrapT=b):this.wrapS=this.wrapT=a,this._checkPOT(),c||this.bind();var d=this.gl;d.texParameteri(this.target,d.TEXTURE_WRAP_S,this.wrapS),d.texParameteri(this.target,d.TEXTURE_WRAP_T,this.wrapT)},setFilter:function(a,b,c){a&&b?(this.minFilter=a,this.magFilter=b):this.minFilter=this.magFilter=a,this._checkPOT(),c||this.bind();var d=this.gl;d.texParameteri(this.target,d.TEXTURE_MIN_FILTER,this.minFilter),d.texParameteri(this.target,d.TEXTURE_MAG_FILTER,this.magFilter)},uploadData:function(a,b,c,d,e,f){var g=this.gl;c=c||g.RGBA,d=d||g.UNSIGNED_BYTE,e=e||null,this.width=a||0==a?a:this.width,this.height=b||0==b?b:this.height,this._checkPOT(),this.bind(),g.texImage2D(this.target,0,c,this.width,this.height,0,c,d,e),f&&g.generateMipmap(this.target)},uploadImage:function(a,b,c,d){var e=this.gl;b=b||e.RGBA,c=c||e.UNSIGNED_BYTE,this.width=a.width,this.height=a.height,this._checkPOT(),this.bind(),e.texImage2D(this.target,0,b,b,c,a),d&&e.generateMipmap(this.target)},_checkPOT:function(){if(!e.FORCE_POT){var a=this.minFilter!==e.Filter.LINEAR&&this.minFilter!==e.Filter.NEAREST,b=this.wrapS!==e.Wrap.CLAMP_TO_EDGE||this.wrapT!==e.Wrap.CLAMP_TO_EDGE;if(!(!a&&!b||d(this.width)&&d(this.height)))throw new Error(a?"Non-power-of-two textures cannot use mipmapping as filter":"Non-power-of-two textures must use CLAMP_TO_EDGE as wrap")}},bind:function(a){var b=this.gl;(a||0===a)&&b.activeTexture(b.TEXTURE0+a),b.bindTexture(this.target,this.id)},toString:function(){return this.id+":"+this.width+"x"+this.height}});e.Filter={NEAREST:9728,NEAREST_MIPMAP_LINEAR:9986,NEAREST_MIPMAP_NEAREST:9984,LINEAR:9729,LINEAR_MIPMAP_LINEAR:9987,LINEAR_MIPMAP_NEAREST:9985},e.Wrap={CLAMP_TO_EDGE:33071,MIRRORED_REPEAT:33648,REPEAT:10497},e.Format={DEPTH_COMPONENT:6402,ALPHA:6406,RGBA:6408,RGB:6407,LUMINANCE:6409,LUMINANCE_ALPHA:6410},e.DataType={BYTE:5120,SHORT:5122,INT:5124,FLOAT:5126,UNSIGNED_BYTE:5121,UNSIGNED_INT:5125,UNSIGNED_SHORT:5123,UNSIGNED_SHORT_4_4_4_4:32819,UNSIGNED_SHORT_5_5_5_1:32820,UNSIGNED_SHORT_5_6_5:33635},e.DEFAULT_WRAP=e.Wrap.CLAMP_TO_EDGE,e.DEFAULT_FILTER=e.Filter.NEAREST,e.FORCE_POT=!1,e.UNPACK_FLIP_Y=!1,e.UNPACK_ALIGNMENT=1,e.UNPACK_PREMULTIPLY_ALPHA=!0,e.UNPACK_COLORSPACE_CONVERSION=void 0,e.USE_DUMMY_1x1_DATA=!0,e.getNumComponents=function(a){switch(a){case e.Format.DEPTH_COMPONENT:case e.Format.ALPHA:case e.Format.LUMINANCE:return 1;case e.Format.LUMINANCE_ALPHA:return 2;case e.Format.RGB:return 3;case e.Format.RGBA:return 4}return null},b.exports=e},{klasse:10,"number-util":11,signals:12}],4:[function(a,b){var c=a("klasse"),d=new c({initialize:function(a,b,c,d,e){this.texture=a,this.setRegion(b,c,d,e)},setUVs:function(a,b,c,d){if(this.regionWidth=Math.round(Math.abs(c-a)*this.texture.width),this.regionHeight=Math.round(Math.abs(d-b)*this.texture.height),1==this.regionWidth&&1==this.regionHeight){var e=.25/this.texture.width;a+=e,c-=e;var f=.25/this.texture.height;b+=f,d-=f}this.u=a,this.v=b,this.u2=c,this.v2=d},setRegion:function(a,b,c,d){a=a||0,b=b||0,c=0===c||c?c:this.texture.width,d=0===d||d?d:this.texture.height;var e=1/this.texture.width,f=1/this.texture.height;this.setUVs(a*e,b*f,(a+c)*e,(b+d)*f),this.regionWidth=Math.abs(c),this.regionHeight=Math.abs(d)},setFromRegion:function(a,b,c,d,e){this.texture=a.texture,this.set(a.getRegionX()+b,a.getRegionY()+c,d,e)},regionX:{get:function(){return Math.round(this.u*this.texture.width)}},regionY:{get:function(){return Math.round(this.v*this.texture.height)}},flip:function(a,b){var c;a&&(c=this.u,this.u=this.u2,this.u2=c),b&&(c=this.v,this.v=this.v2,this.v2=c)}});b.exports=d},{klasse:10}],5:[function(a,b){var c=a("klasse"),d=a("signals"),e=new c({initialize:function(a,b,c,e){this.managedObjects=[],this.gl=null,c&&"undefined"!=typeof window.WebGLRenderingContext&&c instanceof window.WebGLRenderingContext&&(c=c.canvas,this.gl=c,this.valid=!0,e=void 0),this.view=c||document.createElement("canvas"),this.width=this.view.width=a||300,this.height=this.view.height=b||150,this.contextAttributes=e,this.valid=!1,this.lost=new d,this.restored=new d,this.view.addEventListener("webglcontextlost",function(a){a.preventDefault(),this._contextLost(a)}.bind(this)),this.view.addEventListener("webglcontextrestored",function(a){a.preventDefault(),this._contextRestored(a)}.bind(this)),this.valid||this._initContext(),this.resize(this.width,this.height)},_initContext:function(){this.valid=!1;try{this.gl=this.view.getContext("webgl",this.contextAttributes)||this.view.getContext("experimental-webgl",this.contextAttributes)}catch(a){this.gl=null}if(!this.gl)throw"WebGL Context Not Supported -- try enabling it or using a different browser";this.valid=!0},resize:function(a,b){this.width=a,this.height=b,this.view.width=a,this.view.height=b;var c=this.gl;c.viewport(0,0,this.width,this.height)},addManagedObject:function(a){this.managedObjects.push(a)},removeManagedObject:function(a){var b=this.managedObjects.indexOf(a);return b>-1?(this.managedObjects.splice(b,1),a):null},destroy:function(){for(var a=0;a 0";this.context=a,this.gl=a.gl,this.numVerts=null,this.numIndices=null,this.vertices=null,this.indices=null,this.vertexBuffer=null,this.indexBuffer=null,this.verticesDirty=!0,this.indicesDirty=!0,this.indexUsage=null,this.vertexUsage=null,this._vertexAttribs=null,this.vertexStride=null,this.numVerts=c,this.numIndices=d||0,this.vertexUsage=b?this.gl.STATIC_DRAW:this.gl.DYNAMIC_DRAW,this.indexUsage=b?this.gl.STATIC_DRAW:this.gl.DYNAMIC_DRAW,this._vertexAttribs=e||[],this.indicesDirty=!0,this.verticesDirty=!0;for(var f=0,g=0;g0?a.createBuffer():null,this.dirty=!0},destroy:function(){this.vertices=null,this.indices=null,this.vertexBuffer&&this.gl&&this.gl.deleteBuffer(this.vertexBuffer),this.indexBuffer&&this.gl&&this.gl.deleteBuffer(this.indexBuffer),this.vertexBuffer=null,this.indexBuffer=null,this.context&&this.context.removeManagedObject(this),this.gl=null,this.context=null},_updateBuffers:function(a,b){var c=this.gl;if(this.numIndices>0&&(a||c.bindBuffer(c.ELEMENT_ARRAY_BUFFER,this.indexBuffer),this.indicesDirty&&(c.bufferData(c.ELEMENT_ARRAY_BUFFER,this.indices,this.indexUsage),this.indicesDirty=!1)),a||c.bindBuffer(c.ARRAY_BUFFER,this.vertexBuffer),this.verticesDirty){if(b){var d=this.vertices.subarray(0,b);c.bufferSubData(c.ARRAY_BUFFER,0,d)}else c.bufferData(c.ARRAY_BUFFER,this.vertices,this.vertexUsage);this.verticesDirty=!1}},draw:function(a,b,c,d){if(0!==b){var e=this.gl;c=c||0,this._updateBuffers(!0,d),this.numIndices>0?e.drawElements(a,b,e.UNSIGNED_SHORT,2*c):e.drawArrays(a,c,b)}},bind:function(a){var b=this.gl,c=0,d=this.vertexStride;this._updateBuffers();for(var e=0;ec;c++){var d=a.getActiveUniform(this.program,c);if(null!==d){var e=d.name,f=a.getUniformLocation(this.program,e);this.uniformCache[e]={size:d.size,type:d.type,location:f}}}},_fetchAttributes:function(){var a=this.gl;this.attributeCache={};var b=a.getProgramParameter(this.program,a.ACTIVE_ATTRIBUTES);if(b)for(var c=0;b>c;c++){var d=a.getActiveAttrib(this.program,c);if(null!==d){var e=d.name,f=a.getAttribLocation(this.program,e);this.attributeCache[e]={size:d.size,type:d.type,location:f}}}},_loadShader:function(a,b){var c=this.gl,d=c.createShader(a);if(!d)return-1;c.shaderSource(d,b),c.compileShader(d);var e=c.getShaderInfoLog(d)||"";if(e){var f=a===c.VERTEX_SHADER?"vertex":"fragment";e="Error compiling "+f+" shader:\n"+e}if(this.log+=e,!c.getShaderParameter(d,c.COMPILE_STATUS))throw this.log;return d},bind:function(){this.gl.useProgram(this.program)},destroy:function(){if(this.context&&this.context.removeManagedObject(this),this.gl&&this.program){var a=this.gl;a.detachShader(this.program,this.vertShader),a.detachShader(this.program,this.fragShader),a.deleteShader(this.vertShader),a.deleteShader(this.fragShader),a.deleteProgram(this.program)}this.attributeCache=null,this.uniformCache=null,this.vertShader=null,this.fragShader=null,this.program=null,this.gl=null,this.context=null},getUniformInfo:function(a){return this.uniformCache[a]||null},getAttributeInfo:function(a){return this.attributeCache[a]||null},getAttributeLocation:function(a){var b=this.getAttributeInfo(a);return b?b.location:null},getUniformLocation:function(a){var b=this.getUniformInfo(a);return b?b.location:null},hasUniform:function(a){return null!==this.getUniformInfo(a)},hasAttribute:function(a){return null!==this.getAttributeInfo(a)},getUniform:function(a){return this.gl.getUniform(this.program,this.getUniformLocation(a))},getUniformAt:function(a){return this.gl.getUniform(this.program,a)},setUniformi:function(a,b,c,d,e){"use strict";var f=this.gl,g=this.getUniformLocation(a);if(null===g)return!1;switch(arguments.length){case 2:return f.uniform1i(g,b),!0;case 3:return f.uniform2i(g,b,c),!0;case 4:return f.uniform3i(g,b,c,d),!0;case 5:return f.uniform4i(g,b,c,d,e),!0;default:throw"invalid arguments to setUniformi"}},setUniformf:function(a,b,c,d,e){"use strict";var f=this.gl,g=this.getUniformLocation(a);if(null===g)return!1;switch(arguments.length){case 2:return f.uniform1f(g,b),!0;case 3:return f.uniform2f(g,b,c),!0;case 4:return f.uniform3f(g,b,c,d),!0;case 5:return f.uniform4f(g,b,c,d,e),!0;default:throw"invalid arguments to setUniformf"}},setUniformfv:function(a,b,c){"use strict";c=c||b.length;var d=this.gl,e=this.getUniformLocation(a);if(null===e)return!1;switch(c){case 1:return d.uniform1fv(e,b),!0;case 2:return d.uniform2fv(e,b),!0;case 3:return d.uniform3fv(e,b),!0;case 4:return d.uniform4fv(e,b),!0;default:throw"invalid arguments to setUniformf"}},setUniformiv:function(a,b,c){"use strict";c=c||b.length;var d=this.gl,e=this.getUniformLocation(a);if(null===e)return!1;switch(c){case 1:return d.uniform1iv(e,b),!0;case 2:return d.uniform2iv(e,b),!0;case 3:return d.uniform3iv(e,b),!0;case 4:return d.uniform4iv(e,b),!0;default:throw"invalid arguments to setUniformf"}},setUniformMatrix3:function(a,b,c){"use strict";var d="object"==typeof b&&b.val?b.val:b;c=!!c;var e=this.gl,f=this.getUniformLocation(a);return null===f?!1:void e.uniformMatrix3fv(f,c,d)},setUniformMatrix4:function(a,b,c){"use strict";var d="object"==typeof b&&b.val?b.val:b;c=!!c;var e=this.gl,f=this.getUniformLocation(a);return null===f?!1:void e.uniformMatrix4fv(f,c,d)}});d.POSITION_ATTRIBUTE="Position",d.NORMAL_ATTRIBUTE="Normal",d.COLOR_ATTRIBUTE="Color",d.TEXCOORD_ATTRIBUTE="TexCoord",b.exports=d},{klasse:10}],9:[function(a,b){b.exports={BaseBatch:a("./BaseBatch.js"),SpriteBatch:a("./SpriteBatch.js"),Texture:a("./Texture.js"),TextureRegion:a("./TextureRegion.js"),WebGLContext:a("./WebGLContext.js"),FrameBuffer:a("./glutils/FrameBuffer.js"),Mesh:a("./glutils/Mesh.js"),ShaderProgram:a("./glutils/ShaderProgram.js"),Signal:a("signals").Signal,Class:a("klasse"),NumberUtil:a("number-util")}},{"./BaseBatch.js":1,"./SpriteBatch.js":2,"./Texture.js":3,"./TextureRegion.js":4,"./WebGLContext.js":5,"./glutils/FrameBuffer.js":6,"./glutils/Mesh.js":7,"./glutils/ShaderProgram.js":8,klasse:10,"number-util":11,signals:12}],10:[function(a,b){function c(a){return!!a.get&&"function"==typeof a.get||!!a.set&&"function"==typeof a.set}function d(a,b,d){var e=d?a[b]:Object.getOwnPropertyDescriptor(a,b);return!d&&e.value&&"object"==typeof e.value&&(e=e.value),e&&c(e)?("undefined"==typeof e.enumerable&&(e.enumerable=!0),"undefined"==typeof e.configurable&&(e.configurable=!0),e):!1}function e(a,b){var c=Object.getOwnPropertyDescriptor(a,b);return c?(c.value&&"object"==typeof c.value&&(c=c.value),c.configurable===!1?!0:!1):!1}function f(a,b,c,f){for(var g in b)if(b.hasOwnProperty(g)){var i=d(b,g,c);if(i!==!1){var j=f||a;if(e(j.prototype,g)){if(h.ignoreFinals)continue;throw new Error("cannot override final property '"+g+"', set Class.ignoreFinals = true to skip")}Object.defineProperty(a.prototype,g,i)}else a.prototype[g]=b[g]}}function g(a,b){if(b){Array.isArray(b)||(b=[b]);for(var c=0;c>1,a|=a>>2,a|=a>>4,a|=a>>8,a|=a>>16,a+1},b.exports=f},{}],12:[function(b,c){!function(b){function d(a,b,c,d,e){this._listener=b,this._isOnce=c,this.context=d,this._signal=a,this._priority=e||0}function e(a,b){if("function"!=typeof a)throw new Error("listener is a required param of {fn}() and should be a Function.".replace("{fn}",b))}function f(){this._bindings=[],this._prevParams=null;var a=this;this.dispatch=function(){f.prototype.dispatch.apply(a,arguments)}}d.prototype={active:!0,params:null,execute:function(a){var b,c;return this.active&&this._listener&&(c=this.params?this.params.concat(a):a,b=this._listener.apply(this.context,c),this._isOnce&&this.detach()),b},detach:function(){return this.isBound()?this._signal.remove(this._listener,this.context):null},isBound:function(){return!!this._signal&&!!this._listener},isOnce:function(){return this._isOnce},getListener:function(){return this._listener},getSignal:function(){return this._signal},_destroy:function(){delete this._signal,delete this._listener,delete this.context},toString:function(){return"[SignalBinding isOnce:"+this._isOnce+", isBound:"+this.isBound()+", active:"+this.active+"]"}},f.prototype={VERSION:"1.0.0",memorize:!1,_shouldPropagate:!0,active:!0,_registerListener:function(a,b,c,e){var f,g=this._indexOfListener(a,c);if(-1!==g){if(f=this._bindings[g],f.isOnce()!==b)throw new Error("You cannot add"+(b?"":"Once")+"() then add"+(b?"Once":"")+"() the same listener without removing the relationship first.")}else f=new d(this,a,b,c,e),this._addBinding(f);return this.memorize&&this._prevParams&&f.execute(this._prevParams),f},_addBinding:function(a){var b=this._bindings.length;do--b;while(this._bindings[b]&&a._priority<=this._bindings[b]._priority);this._bindings.splice(b+1,0,a)},_indexOfListener:function(a,b){for(var c,d=this._bindings.length;d--;)if(c=this._bindings[d],c._listener===a&&c.context===b)return d;return-1},has:function(a,b){return-1!==this._indexOfListener(a,b)},add:function(a,b,c){return e(a,"add"),this._registerListener(a,!1,b,c)},addOnce:function(a,b,c){return e(a,"addOnce"),this._registerListener(a,!0,b,c)},remove:function(a,b){e(a,"remove");var c=this._indexOfListener(a,b);return-1!==c&&(this._bindings[c]._destroy(),this._bindings.splice(c,1)),a},removeAll:function(){for(var a=this._bindings.length;a--;)this._bindings[a]._destroy();this._bindings.length=0},getNumListeners:function(){return this._bindings.length},halt:function(){this._shouldPropagate=!1},dispatch:function(){if(this.active){var a,b=Array.prototype.slice.call(arguments),c=this._bindings.length;if(this.memorize&&(this._prevParams=b),c){a=this._bindings.slice(),this._shouldPropagate=!0;do c--;while(a[c]&&this._shouldPropagate&&a[c].execute(b)!==!1)}}},forget:function(){this._prevParams=null},dispose:function(){this.removeAll(),delete this._bindings,delete this._prevParams},toString:function(){return"[Signal active:"+this.active+" numListeners:"+this.getNumListeners()+"]"}};var g=f;g.Signal=f,"function"==typeof a&&a.amd?a(function(){return g}):"undefined"!=typeof c&&c.exports?c.exports=g:b.signals=g}(this)},{}]},{},[9])(9)}); +/* jshint ignore:end */ +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + */ +(function () { + /** + * There is no constructor function for me.plugin + * @namespace me.plugin + * @memberOf me + */ + me.plugin = (function () { + + // hold public stuff inside the singleton + var singleton = {}; + + /*-------------- + PUBLIC + --------------*/ + + /** + * a base Object for plugin
+ * plugin must be installed using the register function + * @see me.plugin + * @class + * @extends Object + * @name plugin.Base + * @memberOf me + * @constructor + */ + singleton.Base = Object.extend( + /** @scope me.plugin.Base.prototype */ + { + /** @ignore */ + init : function () { + /** + * define the minimum required version of melonJS
+ * this can be overridden by the plugin + * @public + * @type String + * @default "1.1.0" + * @name me.plugin.Base#version + */ + this.version = "1.1.0"; + } + }); + + /** + * patch a melonJS function + * @name patch + * @memberOf me.plugin + * @public + * @function + * @param {Object} proto target object + * @param {String} name target function + * @param {Function} fn replacement function + * @example + * // redefine the me.game.update function with a new one + * me.plugin.patch(me.game, "update", function () { + * // display something in the console + * console.log("duh"); + * // call the original me.game.update function + * this._patched(); + * }); + */ + singleton.patch = function (proto, name, fn) { + // use the object prototype if possible + if (typeof proto.prototype !== "undefined") { + proto = proto.prototype; + } + // reuse the logic behind Object.extend + if (typeof(proto[name]) === "function") { + // save the original function + var _parent = proto[name]; + // override the function with the new one + Object.defineProperty(proto, name, { + "configurable" : true, + "value" : (function (name, fn) { + return function () { + this._patched = _parent; + var ret = fn.apply(this, arguments); + this._patched = null; + return ret; + }; + })(name, fn) + }); + } + else { + console.error(name + " is not an existing function"); + } + }; + + /** + * Register a plugin. + * @name register + * @memberOf me.plugin + * @see me.plugin.Base + * @public + * @function + * @param {me.plugin.Base} plugin Plugin to instiantiate and register + * @param {String} name + * @param {} [arguments...] all extra parameters will be passed to the plugin constructor + * @example + * // register a new plugin + * me.plugin.register(TestPlugin, "testPlugin"); + * // the plugin then also become available + * // under then me.plugin namespace + * me.plugin.testPlugin.myfunction (); + */ + singleton.register = function (plugin, name) { + // ensure me.plugin[name] is not already "used" + if (me.plugin[name]) { + console.error("plugin " + name + " already registered"); + } + + // get extra arguments + var _args = []; + if (arguments.length > 2) { + // store extra arguments if any + _args = Array.prototype.slice.call(arguments, 1); + } + + // try to instantiate the plugin + _args[0] = plugin; + me.plugin[name] = new (plugin.bind.apply(plugin, _args))(); + + // inheritance check + if (!me.plugin[name] || !(me.plugin[name] instanceof me.plugin.Base)) { + throw new me.Error("Plugin should extend the me.plugin.Base Class !"); + } + + // compatibility testing + if (me.sys.checkVersion(me.plugin[name].version) > 0) { + throw new me.Error("Plugin version mismatch, expected: " + me.plugin[name].version + ", got: " + me.version); + } + }; + + // return our singleton + return singleton; + })(); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + * @desc Used to make a game entity draggable + */ +me.DraggableEntity = (function (Entity, Input, Event, Vector) { + "use strict"; + + return Entity.extend({ + /** + * Constructor + * @name init + * @memberOf me.DraggableEntity + * @function + * @param {Number} x the x postion of the entity + * @param {Number} y the y postion of the entity + * @param {Object} settings the additional entity settings + */ + init: function (x, y, settings) { + Entity.prototype.init.apply(this, [x, y, settings]); + this.dragging = false; + this.dragId = null; + this.grabOffset = new Vector(0, 0); + this.onPointerEvent = Input.registerPointerEvent; + this.removePointerEvent = Input.releasePointerEvent; + this.initEvents(); + }, + + /** + * Initializes the events the modules needs to listen to + * It translates the pointer events to me.events + * in order to make them pass through the system and to make + * this module testable. Then we subscribe this module to the + * transformed events. + * @name init + * @memberOf me.DraggableEntity + * @function + */ + initEvents: function () { + var self = this; + this.mouseDown = function (e) { + this.translatePointerEvent(e, Event.DRAGSTART); + }; + this.mouseUp = function (e) { + this.translatePointerEvent(e, Event.DRAGEND); + }; + this.onPointerEvent("pointerdown", this, this.mouseDown.bind(this)); + this.onPointerEvent("pointerup", this, this.mouseUp.bind(this)); + Event.subscribe(Event.MOUSEMOVE, this.dragMove.bind(this)); + Event.subscribe(Event.DRAGSTART, function (e, draggable) { + if (draggable === self) { + self.dragStart(e); + } + }); + Event.subscribe(Event.DRAGEND, function (e, draggable) { + if (draggable === self) { + self.dragEnd(e); + } + }); + }, + + /** + * Translates a pointer event to a me.event + * @name init + * @memberOf me.DraggableEntity + * @function + * @param {Object} e the pointer event you want to translate + * @param {String} translation the me.event you want to translate + * the event to + */ + translatePointerEvent: function (e, translation) { + Event.publish(translation, [e, this]); + }, + + /** + * Gets called when the user starts dragging the entity + * @name dragStart + * @memberOf me.DraggableEntity + * @function + * @param {Object} x the pointer event + */ + dragStart: function (e) { + if (this.dragging === false) { + this.dragging = true; + this.dragId = e.pointerId; + this.grabOffset.set(e.gameX, e.gameY); + this.grabOffset.sub(this.pos); + return false; + } + }, + + /** + * Gets called when the user drags this entity around + * @name dragMove + * @memberOf me.DraggableEntity + * @function + * @param {Object} x the pointer event + */ + dragMove: function (e) { + if (this.dragging === true) { + if (this.dragId === e.pointerId) { + this.pos.set(e.gameX, e.gameY); + this.pos.sub(this.grabOffset); + } + } + }, + + /** + * Gets called when the user stops dragging the entity + * @name dragEnd + * @memberOf me.DraggableEntity + * @function + * @param {Object} x the pointer event + */ + dragEnd: function () { + if (this.dragging === true) { + this.pointerId = undefined; + this.dragging = false; + return false; + } + }, + + /** + * Destructor + * @name destroy + * @memberOf me.DraggableEntity + * @function + */ + destroy: function () { + Event.unsubscribe(Event.MOUSEMOVE, this.dragMove); + Event.unsubscribe(Event.DRAGSTART, this.dragStart); + Event.unsubscribe(Event.DRAGEND, this.dragEnd); + this.removePointerEvent("pointerdown", this); + this.removePointerEvent("pointerup", this); + } + }); +}(me.Entity, me.input, me.event, me.Vector2d)); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2013, Olivier BIOT + * http://www.melonjs.org + * @desc Used to make a game entity a droptarget + */ +me.DroptargetEntity = (function (Entity, Event) { + "use strict"; + + return Entity.extend({ + /** + * Constructor + * @name init + * @memberOf me.DroptargetEntity + * @function + * @param {Number} x the x postion of the entity + * @param {Number} y the y postion of the entity + * @param {Object} settings the additional entity settings + */ + init: function (x, y, settings) { + /** + * constant for the overlaps method + * @public + * @constant + * @type String + * @name CHECKMETHOD_OVERLAP + * @memberOf me.DroptargetEntity + */ + this.CHECKMETHOD_OVERLAP = "overlaps"; + /** + * constant for the contains method + * @public + * @constant + * @type String + * @name CHECKMETHOD_CONTAINS + * @memberOf me.DroptargetEntity + */ + this.CHECKMETHOD_CONTAINS = "contains"; + /** + * the checkmethod we want to use + * @public + * @constant + * @type String + * @name checkMethod + * @memberOf me.DroptargetEntity + */ + this.checkMethod = null; + Entity.prototype.init.apply(this, [x, y, settings]); + Event.subscribe(Event.DRAGEND, this.checkOnMe.bind(this)); + this.checkMethod = this[this.CHECKMETHOD_OVERLAP]; + }, + + /** + * Sets the collision method which is going to be used to check a valid drop + * @name setCheckMethod + * @memberOf me.DroptargetEntity + * @function + * @param {Constant} checkMethod the checkmethod (defaults to CHECKMETHOD_OVERLAP) + */ + setCheckMethod: function (checkMethod) { + // We can improve this check, + // because now you can use every method in theory + if (typeof(this[checkMethod]) !== "undefined") { + this.checkMethod = this[checkMethod]; + } + }, + + /** + * Checks if a dropped entity is dropped on the current entity + * @name checkOnMe + * @memberOf me.DroptargetEntity + * @function + * @param {Object} draggableEntity the draggable entity that is dropped + */ + checkOnMe: function (e, draggableEntity) { + if (draggableEntity && this.checkMethod(draggableEntity.getBounds().translateV(draggableEntity.pos))) { + // call the drop method on the current entity + this.drop(draggableEntity); + } + }, + + /** + * Gets called when a draggable entity is dropped on the current entity + * @name drop + * @memberOf me.DroptargetEntity + * @function + * @param {Object} draggableEntity the draggable entity that is dropped + */ + drop: function () {}, + + /** + * Destructor + * @name destroy + * @memberOf me.DroptargetEntity + * @function + */ + destroy: function () { + Event.unsubscribe(Event.DRAGEND, this.checkOnMe); + } + }); +}(me.Entity, me.event)); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2014, Olivier BIOT + * http://www.melonjs.org + * + */ +(function () { + // generate a default image for the particles + var pixel = (function () { + var canvas = me.video.createCanvas(1, 1); + var context = me.CanvasRenderer.getContext2d(canvas); + context.fillStyle = "#fff"; + context.fillRect(0, 0, 1, 1); + return canvas; + })(); + + /** + * me.ParticleEmitterSettings contains the default settings for me.ParticleEmitter.
+ * + * @protected + * @class + * @memberOf me + * @see me.ParticleEmitter + */ + me.ParticleEmitterSettings = { + /** + * Width of the particle spawn area.
+ * @public + * @type Number + * @name width + * @memberOf me.ParticleEmitterSettings + * @default 0 + */ + width : 0, + + /** + * Height of the particle spawn area.
+ * @public + * @type Number + * @name height + * @memberOf me.ParticleEmitterSettings + * @default 0 + */ + height : 0, + + /** + * Image used for particles.
+ * @public + * @type CanvasImageSource + * @name image + * @memberOf me.ParticleEmitterSettings + * @default 1x1 white pixel + * @see http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#canvasimagesource + */ + image : pixel, + + /** + * Total number of particles in the emitter.
+ * @public + * @type Number + * @name totalParticles + * @default 50 + * @memberOf me.ParticleEmitterSettings + */ + totalParticles : 50, + + /** + * Start angle for particle launch in Radians.
+ * @public + * @type Number + * @name angle + * @default Math.PI / 2 + * @memberOf me.ParticleEmitterSettings + */ + angle : Math.PI / 2, + + /** + * Variation in the start angle for particle launch in Radians.
+ * @public + * @type Number + * @name angleVariation + * @default 0 + * @memberOf me.ParticleEmitterSettings + */ + angleVariation : 0, + + /** + * Minimum time each particle lives once it is emitted in ms.
+ * @public + * @type Number + * @name minLife + * @default 1000 + * @memberOf me.ParticleEmitterSettings + */ + minLife : 1000, + + /** + * Maximum time each particle lives once it is emitted in ms.
+ * @public + * @type Number + * @name maxLife + * @default 3000 + * @memberOf me.ParticleEmitterSettings + */ + maxLife : 3000, + + /** + * Start speed of particles.
+ * @public + * @type Number + * @name speed + * @default 2 + * @memberOf me.ParticleEmitterSettings + */ + speed : 2, + + /** + * Variation in the start speed of particles.
+ * @public + * @type Number + * @name speedVariation + * @default 1 + * @memberOf me.ParticleEmitterSettings + */ + speedVariation : 1, + + /** + * Minimum start rotation for particles sprites in Radians.
+ * @public + * @type Number + * @name minRotation + * @default 0 + * @memberOf me.ParticleEmitterSettings + */ + minRotation : 0, + + /** + * Maximum start rotation for particles sprites in Radians.
+ * @public + * @type Number + * @name maxRotation + * @default 0 + * @memberOf me.ParticleEmitterSettings + */ + maxRotation : 0, + + /** + * Minimum start scale ratio for particles (1 = no scaling).
+ * @public + * @type Number + * @name minStartScale + * @default 1 + * @memberOf me.ParticleEmitterSettings + */ + minStartScale : 1, + + /** + * Maximum start scale ratio for particles (1 = no scaling).
+ * @public + * @type Number + * @name maxStartScale + * @default 1 + * @memberOf me.ParticleEmitterSettings + */ + maxStartScale : 1, + + /** + * Minimum end scale ratio for particles.
+ * @public + * @type Number + * @name minEndScale + * @default 0 + * @memberOf me.ParticleEmitterSettings + */ + minEndScale : 0, + + /** + * Maximum end scale ratio for particles.
+ * @public + * @type Number + * @name maxEndScale + * @default 0 + * @memberOf me.ParticleEmitterSettings + */ + maxEndScale : 0, + + /** + * Vertical force (Gravity) for each particle.
+ * @public + * @type Number + * @name gravity + * @default 0 + * @memberOf me.ParticleEmitterSettings + * @see me.sys.gravity + */ + gravity : 0, + + /** + * Horizontal force (like a Wind) for each particle.
+ * @public + * @type Number + * @name wind + * @default 0 + * @memberOf me.ParticleEmitterSettings + */ + wind : 0, + + /** + * Update the rotation of particle in accordance the particle trajectory.
+ * The particle sprite should aim at zero angle (draw from left to right).
+ * Override the particle minRotation and maxRotation.
+ * @public + * @type Boolean + * @name followTrajectory + * @default false + * @memberOf me.ParticleEmitterSettings + */ + followTrajectory : false, + + /** + * Enable the Texture Additive by canvas composite operation (lighter).
+ * WARNING: Composite Operation may decreases performance!.
+ * @public + * @type Boolean + * @name textureAdditive + * @default false + * @memberOf me.ParticleEmitterSettings + */ + textureAdditive : false, + + /** + * Update particles only in the viewport, remove it when out of viewport.
+ * @public + * @type Boolean + * @name onlyInViewport + * @default true + * @memberOf me.ParticleEmitterSettings + */ + onlyInViewport : true, + + /** + * Render particles in screen space.
+ * @public + * @type Boolean + * @name floating + * @default false + * @memberOf me.ParticleEmitterSettings + */ + floating : false, + + /** + * Maximum number of particles launched each time in this emitter (used only if emitter is Stream).
+ * @public + * @type Number + * @name maxParticles + * @default 10 + * @memberOf me.ParticleEmitterSettings + */ + maxParticles : 10, + + /** + * How often a particle is emitted in ms (used only if emitter is Stream).
+ * Necessary that value is greater than zero.
+ * @public + * @type Number + * @name frequency + * @default 100 + * @memberOf me.ParticleEmitterSettings + */ + frequency : 100, + + /** + * Duration that the emitter releases particles in ms (used only if emitter is Stream).
+ * After this period, the emitter stop the launch of particles.
+ * @public + * @type Number + * @name duration + * @default Infinity + * @memberOf me.ParticleEmitterSettings + */ + duration : Infinity, + + /** + * Skip n frames after updating the particle system once.
+ * This can be used to reduce the performance impact of emitters with many particles.
+ * @public + * @type Number + * @name framesToSkip + * @default 0 + * @memberOf me.ParticleEmitterSettings + */ + framesToSkip : 0 + }; + + /** + * Particle Emitter Object. + * @class + * @extends Rect + * @memberOf me + * @constructor + * @param {Number} x x-position of the particle emitter + * @param {Number} y y-position of the particle emitter + * @param {object} settings An object containing the settings for the particle emitter. See {@link me.ParticleEmitterSettings} + * @example + * + * // Create a basic emitter at position 100, 100 + * var emitter = new me.ParticleEmitter(100, 100); + * + * // Adjust the emitter properties + * emitter.totalParticles = 200; + * emitter.minLife = 1000; + * emitter.maxLife = 3000; + * emitter.z = 10; + * + * // Add the emitter to the game world + * me.game.world.addChild(emitter); + * me.game.world.addChild(emitter.container); + * + * // Launch all particles one time and stop, like a explosion + * emitter.burstParticles(); + * + * // Launch constantly the particles, like a fountain + * emitter.streamParticles(); + * + * // At the end, remove emitter from the game world + * // call this in onDestroyEvent function + * me.game.world.removeChild(emitter); + * me.game.world.removeChild(emitter.container); + * + */ + me.ParticleEmitter = me.Rect.extend( + /** @scope me.ParticleEmitter.prototype */ + { + /** + * @ignore + */ + init: function (x, y, settings) { + // Emitter is Stream, launch particles constantly + /** @ignore */ + this._stream = false; + + // Frequency timer (in ms) for emitter launch new particles + // used only in stream emitter + /** @ignore */ + this._frequencyTimer = 0; + + // Time of live (in ms) for emitter launch new particles + // used only in stream emitter + /** @ignore */ + this._durationTimer = 0; + + // Emitter is emitting particles + /** @ignore */ + this._enabled = false; + // Emitter will always update + this.isRenderable = false; + // call the super constructor + me.Rect.prototype.init.apply(this, + [x, y, + Infinity, + Infinity] + ); + + // don't sort the particles by z-index + this.autoSort = false; + + this.container = new me.ParticleContainer(this); + + /** + * Z-order for particles, value is forwarded to the particle container
+ * @type Number + * @name z + * @memberOf me.ParticleEmitter + */ + Object.defineProperty(this, "z", { + get : function () { return this.container.z; }, + set : function (value) { this.container.z = value; }, + enumerable : true, + configurable : true + }); + + /** + * Floating property for particles, value is forwarded to the particle container
+ * @type Boolean + * @name floating + * @memberOf me.ParticleEmitter + */ + Object.defineProperty(this, "floating", { + get : function () { return this.container.floating; }, + set : function (value) { this.container.floating = value; }, + enumerable : true, + configurable : true + }); + + // Reset the emitter to defaults + this.reset(settings); + }, + + destroy: function () { + this.reset(); + }, + + /** + * returns a random point inside the bounds for this emitter + * @name getRandomPoint + * @memberOf me.ParticleEmitter + * @function + * @return {me.Vector2d} new vector + */ + getRandomPoint: function () { + var vector = this.pos.clone(); + vector.x += Number.prototype.random(0, this.width); + vector.y += Number.prototype.random(0, this.height); + return vector; + }, + + /** + * Reset the emitter with default values.
+ * @function + * @param {Object} settings [optional] object with emitter settings. See {@link me.ParticleEmitterSettings} + * @name reset + * @memberOf me.ParticleEmitter + */ + reset: function (settings) { + // check if settings exists and create a dummy object if necessary + settings = settings || {}; + var defaults = me.ParticleEmitterSettings; + + var width = (typeof settings.width === "number") ? settings.width : defaults.width; + var height = (typeof settings.height === "number") ? settings.height : defaults.height; + this.resize(width, height); + + this.image = settings.image || defaults.image; + this.totalParticles = (typeof settings.totalParticles === "number") ? settings.totalParticles : defaults.totalParticles; + this.angle = (typeof settings.angle === "number") ? settings.angle : defaults.angle; + this.angleVariation = (typeof settings.angleVariation === "number") ? settings.angleVariation : defaults.angleVariation; + this.minLife = (typeof settings.minLife === "number") ? settings.minLife : defaults.minLife; + this.maxLife = (typeof settings.maxLife === "number") ? settings.maxLife : defaults.maxLife; + this.speed = (typeof settings.speed === "number") ? settings.speed : defaults.speed; + this.speedVariation = (typeof settings.speedVariation === "number") ? settings.speedVariation : defaults.speedVariation; + this.minRotation = (typeof settings.minRotation === "number") ? settings.minRotation : defaults.minRotation; + this.maxRotation = (typeof settings.maxRotation === "number") ? settings.maxRotation : defaults.maxRotation; + this.minStartScale = (typeof settings.minStartScale === "number") ? settings.minStartScale : defaults.minStartScale; + this.maxStartScale = (typeof settings.maxStartScale === "number") ? settings.maxStartScale : defaults.maxStartScale; + this.minEndScale = (typeof settings.minEndScale === "number") ? settings.minEndScale : defaults.minEndScale; + this.maxEndScale = (typeof settings.maxEndScale === "number") ? settings.maxEndScale : defaults.maxEndScale; + this.gravity = (typeof settings.gravity === "number") ? settings.gravity : defaults.gravity; + this.wind = (typeof settings.wind === "number") ? settings.wind : defaults.wind; + this.followTrajectory = (typeof settings.followTrajectory === "boolean") ? settings.followTrajectory : defaults.followTrajectory; + this.textureAdditive = (typeof settings.textureAdditive === "boolean") ? settings.textureAdditive : defaults.textureAdditive; + this.onlyInViewport = (typeof settings.onlyInViewport === "boolean") ? settings.onlyInViewport : defaults.onlyInViewport; + this.floating = (typeof settings.floating === "boolean") ? settings.floating : defaults.floating; + this.maxParticles = (typeof settings.maxParticles === "number") ? settings.maxParticles : defaults.maxParticles; + this.frequency = (typeof settings.frequency === "number") ? settings.frequency : defaults.frequency; + this.duration = (typeof settings.duration === "number") ? settings.duration : defaults.duration; + this.framesToSkip = (typeof settings.framesToSkip === "number") ? settings.framesToSkip : defaults.framesToSkip; + + // reset particle container values + this.container.destroy(); + }, + + // Add count particles in the game world + /** @ignore */ + addParticles: function (count) { + for (var i = 0; i < ~~count; i++) { + // Add particle to the container + var particle = me.pool.pull("me.Particle", this); + particle.isRenderable = false; + this.container.addChild(particle); + } + }, + + /** + * Emitter is of type stream and is launching particles
+ * @function + * @returns {Boolean} Emitter is Stream and is launching particles + * @name isRunning + * @memberOf me.ParticleEmitter + */ + isRunning: function () { + return this._enabled && this._stream; + }, + + /** + * Launch particles from emitter constantly
+ * Particles example: Fountains + * @param {Number} duration [optional] time that the emitter releases particles in ms + * @function + * @name streamParticles + * @memberOf me.ParticleEmitter + */ + streamParticles: function (duration) { + this._enabled = true; + this._stream = true; + this.frequency = Math.max(this.frequency, 1); + this._durationTimer = (typeof duration === "number") ? duration : this.duration; + }, + + /** + * Stop the emitter from generating new particles (used only if emitter is Stream)
+ * @function + * @name stopStream + * @memberOf me.ParticleEmitter + */ + stopStream: function () { + this._enabled = false; + }, + + /** + * Launch all particles from emitter and stop
+ * Particles example: Explosions
+ * @param {Number} total [optional] number of particles to launch + * @function + * @name burstParticles + * @memberOf me.ParticleEmitter + */ + burstParticles: function (total) { + this._enabled = true; + this._stream = false; + this.addParticles((typeof total === "number") ? total : this.totalParticles); + this._enabled = false; + }, + + /** + * @ignore + */ + update: function (dt) { + // Launch new particles, if emitter is Stream + if ((this._enabled) && (this._stream)) { + // Check if the emitter has duration set + if (this._durationTimer !== Infinity) { + this._durationTimer -= dt; + + if (this._durationTimer <= 0) { + this.stopStream(); + return false; + } + } + + // Increase the emitter launcher timer + this._frequencyTimer += dt; + + // Check for new particles launch + var particlesCount = this.container.children.length; + if ((particlesCount < this.totalParticles) && (this._frequencyTimer >= this.frequency)) { + if ((particlesCount + this.maxParticles) <= this.totalParticles) { + this.addParticles(this.maxParticles); + } + else { + this.addParticles(this.totalParticles - particlesCount); + } + + this._frequencyTimer = 0; + } + } + return true; + } + }); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2014, Olivier BIOT + * http://www.melonjs.org + * + */ +(function () { + /** + * Particle Container Object. + * @class + * @extends me.Container + * @memberOf me + * @constructor + * @param {me.ParticleEmitter} emitter the emitter which owns this container + */ + me.ParticleContainer = me.Container.extend( + /** @scope ParticleContainer */ + { + /** + * @ignore + */ + init: function (emitter) { + // call the super constructor + me.Container.prototype.init.apply(this); + + // don't sort the particles by z-index + this.autoSort = false; + + // count the updates + this._updateCount = 0; + + // internally store how much time was skipped when frames are skipped + this._dt = 0; + + // cache the emitter for later use + this._emitter = emitter; + }, + + /** + * @ignore + */ + update: function (dt) { + // skip frames if necessary + if (++this._updateCount > this._emitter.framesToSkip) { + this._updateCount = 0; + } + if (this._updateCount > 0) { + this._dt += dt; + return false; + } + + // apply skipped delta time + dt += this._dt; + this._dt = 0; + + // Update particles and remove them if they are dead + var viewport = me.game.viewport; + for (var i = this.children.length - 1; i >= 0; --i) { + var particle = this.children[i]; + particle.isRenderable = true; + // particle.inViewport = viewport.isVisible(particle); + particle.inViewport = this.floating || ( + particle.pos.x < viewport.pos.x + viewport.width && + viewport.pos.x < particle.pos.x + particle.width && + particle.pos.y < viewport.pos.y + viewport.height && + viewport.pos.y < particle.pos.y + particle.height + ); + if (!particle.update(dt)) { + this.removeChildNow(particle); + } + } + return true; + }, + + /** + * @ignore + */ + draw : function (context, rect) { + if (this.children.length > 0) { + var gco; + // Check for additive draw + if (this._emitter.textureAdditive) { + gco = context.globalCompositeOperation; + context.globalCompositeOperation = "lighter"; + } + + me.Container.prototype.draw.apply(this, [context, rect]); + + // Restore globalCompositeOperation + if (this._emitter.textureAdditive) { + context.globalCompositeOperation = gco; + } + } + } + }); +})(); + +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2014, Olivier BIOT + * http://www.melonjs.org + * + */ +(function () { + /** + * Single Particle Object. + * @class + * @extends me.Renderable + * @memberOf me + * @constructor + * @param {me.ParticleEmitter} particle emitter + */ + me.Particle = me.Renderable.extend( + /** @scope me.Particle.prototype */ + { + /** + * @ignore + */ + init : function (emitter) { + // Call the super constructor + var point = emitter.getRandomPoint(); + me.Renderable.prototype.init.apply(this, [point.x, point.y, emitter.image.width, emitter.image.height]); + + // Particle will always update + this.alwaysUpdate = true; + + // Cache the image reference + this.image = emitter.image; + + // Set the start particle Angle and Speed as defined in emitter + var angle = emitter.angle + ((emitter.angleVariation > 0) ? (Math.random() * 2 - 1) * emitter.angleVariation : 0); + var speed = emitter.speed + ((emitter.speedVariation > 0) ? (Math.random() * 2 - 1) * emitter.speedVariation : 0); + + // Set the start particle Velocity + this.vel = new me.Vector2d(speed * Math.cos(angle), -speed * Math.sin(angle)); + + // Set the start particle Time of Life as defined in emitter + this.life = Number.prototype.random(emitter.minLife, emitter.maxLife); + this.startLife = this.life; + + // Set the start and end particle Scale as defined in emitter + // clamp the values as minimum and maximum scales range + this.startScale = Number.prototype.random( + emitter.minStartScale, + emitter.maxStartScale + ).clamp(emitter.minStartScale, emitter.maxStartScale); + this.endScale = Number.prototype.random( + emitter.minEndScale, + emitter.maxEndScale + ).clamp(emitter.minEndScale, emitter.maxEndScale); + + // Set the particle Gravity and Wind (horizontal gravity) as defined in emitter + this.gravity = emitter.gravity; + this.wind = emitter.wind; + + // Set if the particle update the rotation in accordance the trajectory + this.followTrajectory = emitter.followTrajectory; + + // Set if the particle update only in Viewport + this.onlyInViewport = emitter.onlyInViewport; + + // Set the particle Z Order + this.z = emitter.z; + + // cache inverse of the expected delta time + this._deltaInv = me.sys.fps / 1000; + + this.transform = new me.Matrix2d(); + + // Set the start particle rotation as defined in emitter + // if the particle not follow trajectory + if (!emitter.followTrajectory) { + this.angle = Number.prototype.random(emitter.minRotation, emitter.maxRotation); + } + }, + + /** + * Update the Particle
+ * This is automatically called by the game manager {@link me.game} + * @name update + * @memberOf me.Particle + * @function + * @ignore + * @param {Number} dt time since the last update in milliseconds + */ + update : function (dt) { + // move things forward independent of the current frame rate + var skew = dt * this._deltaInv; + + // Decrease particle life + this.life = this.life > dt ? this.life - dt : 0; + + // Calculate the particle Age Ratio + var ageRatio = this.life / this.startLife; + + // Resize the particle as particle Age Ratio + var scale = this.startScale; + if (this.startScale > this.endScale) { + scale *= ageRatio; + scale = (scale < this.endScale) ? this.endScale : scale; + } + else if (this.startScale < this.endScale) { + scale /= ageRatio; + scale = (scale > this.endScale) ? this.endScale : scale; + } + + // Set the particle opacity as Age Ratio + this.alpha = ageRatio; + + // Adjust the particle velocity + this.vel.x += this.wind * skew; + this.vel.y += this.gravity * skew; + + // If necessary update the rotation of particle in accordance the particle trajectory + var angle = this.followTrajectory ? Math.atan2(this.vel.y, this.vel.x) : this.angle; + + // Update particle transform + this.transform.set(scale, 0, 0, scale, 0, 0).rotate(angle); + this.pos.x += this.vel.x * skew; + this.pos.y += this.vel.y * skew; + + // Return true if the particle is not dead yet + return (this.inViewport || !this.onlyInViewport) && (this.life > 0); + }, + + draw : function (renderer) { + renderer.save(); + + // particle alpha value + renderer.setGlobalAlpha(renderer.globalAlpha() * this.alpha); + + // translate to the defined anchor point and scale it + var transform = this.transform; + renderer.transform( + transform.a, transform.b, + transform.c, transform.d, + ~~this.pos.x, ~~this.pos.y + ); + + var w = this.width, h = this.height; + renderer.drawImage( + this.image, + 0, 0, + w, h, + -w / 2, -h / 2, + w, h + ); + + renderer.restore(); + } + }); + + + /*---------------------------------------------------------*/ + // END END END + /*---------------------------------------------------------*/ +})(window); diff --git a/melonjs-tutorial/boilerplate-master/lib/plugins/debugPanel.js b/melonjs-tutorial/boilerplate-master/lib/plugins/debugPanel.js new file mode 100755 index 0000000..c447cc2 --- /dev/null +++ b/melonjs-tutorial/boilerplate-master/lib/plugins/debugPanel.js @@ -0,0 +1,436 @@ +/* + * MelonJS Game Engine + * Copyright (C) 2011 - 2014 Olivier Biot, Jason Oster, Aaron McLeod + * http://www.melonjs.org + * + * a simple debug panel plugin + * usage : me.plugin.register(debugPanel, "debug"); + * + * you can then use me.plugin.debug.show() or me.plugin.debug.hide() + * to show or hide the panel, or press respectively the "S" and "H" keys. + * + * note : + * Heap Memory information is available under Chrome when using + * the "--enable-memory-info" parameter to launch Chrome + */ + +(function($) { + + // ensure that me.debug is defined + me.debug = me.debug || {}; + + /** + * @class + * @public + * @extends me.plugin.Base + * @memberOf me + * @constructor + */ + debugPanel = me.plugin.Base.extend( + /** @scope me.debug.Panel.prototype */ + { + + /** @private */ + init : function(showKey, hideKey) { + // call the super constructor + this._super(me.plugin.Base, 'init'); + + // minimum melonJS version expected + this.version = "1.1.0"; + + // to hold the debug options + // clickable rect area + this.area = {}; + + // panel position and size + this.rect = null; + + // for z ordering + // make it ridiculously high + this.z = Infinity; + + // visibility flag + this.visible = false; + + // frame update time in ms + this.frameUpdateTime = 0; + + // frame draw time in ms + this.frameDrawTime = 0; + + this.rect = new me.Rect(0, 0, me.video.renderer.getWidth(), 35); + + // set the object GUID value + this.GUID = "debug-" + me.utils.createGUID(); + + // set the object entity name + this.name = "me.debugPanel"; + + // persistent + this.isPersistent = true; + + // a floating object + this.floating = true; + + // renderable + this.isRenderable = true; + + // always update, even when not visible + this.alwaysUpdate = true; + + // create a default font, with fixed char width + var s = 10; + this.mod = 1; + if(me.game.viewport.width < 500) { + s = 7; + this.mod = 0.7; + } + this.font = new me.Font('courier', s, 'white'); + + // clickable areas + this.area.renderHitBox = new me.Rect(160,5,15,15); + this.area.renderVelocity = new me.Rect(165,18,15,15); + + this.area.renderQuadTree = new me.Rect(270,5,15,15); + this.area.renderCollisionMap = new me.Rect(270,18,15,15); + + // some internal string/length + this.help_str = "(s)how/(h)ide"; + this.help_str_len = this.font.measureText(me.video.renderer.getContext(), this.help_str).width; + this.fps_str_len = this.font.measureText(me.video.renderer.getContext(), "00/00 fps").width; + this.memoryPositionX = this.font.measureText(me.video.renderer.getContext(), "Draw : ").width * 2.2 + 310 * this.mod; + + // enable the FPS counter + me.debug.displayFPS = true; + + // bind the "S" and "H" keys + me.input.bindKey(showKey || me.input.KEY.S, "show", false, false); + me.input.bindKey(hideKey || me.input.KEY.H, "hide", false, false); + + // add some keyboard shortcuts + var self = this; + this.keyHandler = me.event.subscribe(me.event.KEYDOWN, function (action, keyCode, edge) { + if (action === "show") { + self.show(); + } else if (action === "hide") { + self.hide(); + } + }); + + // re-apply panel settings on level changes + this.levelHandler = me.event.subscribe(me.event.LEVEL_LOADED, function () { + var layer = me.game.currentLevel.getLayerByName("collision"); + if (layer) { + layer.setOpacity((me.debug.renderCollisionMap===true)?1:0); + } + }); + + // memory heap sample points + this.samples = []; + + //patch patch patch ! + this.patchSystemFn(); + + // make it visible + this.show(); + }, + + + /** + * patch system fn to draw debug information + */ + patchSystemFn : function() { + + // add a few new debug flag (if not yet defined) + me.debug.renderHitBox = me.debug.renderHitBox || false; + me.debug.renderVelocity = me.debug.renderVelocity || false; + me.debug.renderCollisionMap = me.debug.renderCollisionMap || false; + me.debug.renderQuadTree = me.debug.renderQuadTree || false; + + var _this = this; + + // patch timer.js + me.plugin.patch(me.timer, "update", function (time) { + // call the original me.timer.update function + this._patched(time); + + // call the FPS counter + me.timer.countFPS(); + }); + + // patch me.game.update + me.plugin.patch(me.game, 'update', function(time) { + var frameUpdateStartTime = window.performance.now(); + + this._patched(time); + + // calculate the update time + _this.frameUpdateTime = window.performance.now() - frameUpdateStartTime; + }); + + // patch me.game.draw + me.plugin.patch(me.game, 'draw', function() { + var frameDrawStartTime = window.performance.now(); + + this._patched(); + + // calculate the drawing time + _this.frameDrawTime = window.performance.now() - frameDrawStartTime; + }); + + // patch sprite.js + me.plugin.patch(me.Sprite, "draw", function (renderer) { + // call the original me.Sprite function + this._patched(renderer); + + // draw the sprite rectangle + if (me.debug.renderHitBox) { + renderer.strokeRect(this.left, this.top, this.width, this.height, "green"); + } + }); + + // patch entities.js + me.plugin.patch(me.Entity, "draw", function (renderer) { + // call the original me.game.draw function + this._patched(renderer); + + // check if debug mode is enabled + + if (me.debug.renderHitBox) { + renderer.save(); + // draw the bounding rect shape + this.getBounds().draw(renderer, "orange"); + renderer.translate(this.pos.x, this.pos.y); + if (this.body.shapes.length) { + // TODO : support multiple shapes + this.body.getShape().draw(renderer, "red"); + } + renderer.restore(); + } + + if (me.debug.renderVelocity) { + // draw entity current velocity + var x = ~~(this.pos.x + this.hWidth); + var y = ~~(this.pos.y + this.hHeight); + // TODO: This will also be tricky for WebGL. + var context = renderer.getContext(); + context.strokeStyle = "blue"; + context.lineWidth = 1; + context.beginPath(); + context.moveTo(x, y); + context.lineTo( + x + ~~(this.body.vel.x * this.hWidth), + y + ~~(this.body.vel.y * this.hHeight) + ); + context.stroke(); + } + }); + }, + + /** + * show the debug panel + */ + show : function() { + if (!this.visible) { + // register a mouse event for the checkboxes + me.input.registerPointerEvent('pointerdown', this.rect, this.onClick.bind(this), true); + // add the debug panel to the game world + me.game.world.addChild(this, Infinity); + // mark it as visible + this.visible = true; + } + }, + + /** + * hide the debug panel + */ + hide : function() { + if (this.visible) { + // release the mouse event for the checkboxes + me.input.releasePointerEvent('pointerdown', this.rect); + // remove the debug panel from the game world + me.game.world.removeChild(this); + // mark it as invisible + this.visible = false; + } + }, + + + /** @private */ + update : function() { + if (me.input.isKeyPressed('show')) { + this.show(); + } + else if (me.input.isKeyPressed('hide')) { + this.hide(); + } + return true; + }, + + /** + * @private + */ + getBounds : function() { + return this.rect; + }, + + /** @private */ + onClick : function(e) { + // check the clickable areas + if (this.area.renderHitBox.containsPoint(e.gameX, e.gameY)) { + me.debug.renderHitBox = !me.debug.renderHitBox; + } + else if (this.area.renderCollisionMap.containsPoint(e.gameX, e.gameY)) { + var layer = me.game.currentLevel.getLayerByName("collision"); + if (layer) { + if (layer.getOpacity() === 0) { + layer.setOpacity(1); + me.debug.renderCollisionMap = true; + } else { + layer.setOpacity(0); + me.debug.renderCollisionMap = false; + } + } + } + else if (this.area.renderVelocity.containsPoint(e.gameX, e.gameY)) { + // does nothing for now, since velocity is + // rendered together with hitboxes (is a global debug flag required?) + me.debug.renderVelocity = !me.debug.renderVelocity; + } + else if (this.area.renderQuadTree.containsPoint(e.gameX, e.gameY)) { + me.debug.renderQuadTree = !me.debug.renderQuadTree; + } + // force repaint + me.game.repaint(); + }, + + /** @private */ + drawQuadTreeNode : function (renderer, node) { + var bounds = node.bounds; + + // draw the current bounds + if( node.nodes.length === 0) { + // cap the alpha value to 0.4 maximum + var _alpha = (node.objects.length * 0.4) / me.collision.maxChildren; + if (_alpha > 0.0) { + renderer.setGlobalAlpha(_alpha); + renderer.fillRect(bounds.pos.x, bounds.pos.y, bounds.width, bounds.height, "red"); + } + } else { + //has subnodes? drawQuadtree them! + for( var i=0;i= 0; x--) { + var where = endX - (len - x); + context.beginPath(); + context.strokeStyle = "lightblue"; + context.moveTo(where, 30 * this.mod); + context.lineTo(where, (30 - (this.samples[x] || 0)) * this.mod); + context.stroke(); + } + // display the current value + this.font.draw(context, "Heap : " + usedHeap + '/' + totalHeap + ' MB', this.memoryPositionX, 5 * this.mod); + } else { + // Heap Memory information not available + this.font.draw(renderer.getContext(), "Heap : ??/?? MB", this.memoryPositionX, 5 * this.mod); + } + }, + + /** @private */ + draw : function(renderer) { + renderer.save(); + + // draw the QuadTree (before the panel) + if (me.debug.renderQuadTree === true) { + this.drawQuadTree(renderer); + } + + // draw the panel + renderer.setGlobalAlpha(0.5); + renderer.fillRect(this.rect.left, this.rect.top, + this.rect.width, this.rect.height, "black"); + renderer.setGlobalAlpha(1.0); + + var context = renderer.getContext(); + + // # entities / draw + this.font.draw(context, "#objects : " + me.game.world.children.length, 5 * this.mod, 5 * this.mod); + this.font.draw(context, "#draws : " + me.game.world.drawCount, 5 * this.mod, 18 * this.mod); + + // debug checkboxes + this.font.draw(context, "?hitbox ["+ (me.debug.renderHitBox?"x":" ") +"]", 100 * this.mod, 5 * this.mod); + this.font.draw(context, "?velocity ["+ (me.debug.renderVelocity?"x":" ") +"]", 100 * this.mod, 18 * this.mod); + + this.font.draw(context, "?QuadTree ["+ (me.debug.renderQuadTree?"x":" ") +"]", 200 * this.mod, 5 * this.mod); + this.font.draw(context, "?col. layer ["+ (me.debug.renderCollisionMap?"x":" ") +"]", 200 * this.mod, 18 * this.mod); + + // draw the update duration + this.font.draw(context, "Update : " + this.frameUpdateTime.toFixed(2) + " ms", 310 * this.mod, 5 * this.mod); + // draw the draw duration + this.font.draw(context, "Draw : " + (this.frameDrawTime).toFixed(2) + " ms", 310 * this.mod, 18 * this.mod); + + // draw the memory heap usage + var endX = this.rect.width - 25; + this.drawMemoryGraph(renderer, endX - this.help_str_len); + + // some help string + this.font.draw(context, this.help_str, endX - this.help_str_len, 18 * this.mod); + + //fps counter + var fps_str = "" + me.timer.fps + "/" + me.sys.fps + " fps"; + this.font.draw(context, fps_str, this.rect.width - this.fps_str_len - 5, 5 * this.mod); + + renderer.restore(); + + }, + + /** @private */ + onDestroyEvent : function() { + // hide the panel + this.hide(); + // unbind keys event + me.input.unbindKey(me.input.KEY.S); + me.input.unbindKey(me.input.KEY.H); + me.event.unsubscribe(this.keyHandler); + me.event.unsubscribe(this.levelHandler); + } + + + }); + + /*---------------------------------------------------------*/ + // END END END + /*---------------------------------------------------------*/ +})(window); diff --git a/melonjs-tutorial/boilerplate-master/manifest.webapp b/melonjs-tutorial/boilerplate-master/manifest.webapp new file mode 100755 index 0000000..106f6d0 --- /dev/null +++ b/melonjs-tutorial/boilerplate-master/manifest.webapp @@ -0,0 +1,17 @@ +{ + "name": "boilerplate", + "launch_path" : "./index.html", + "version": "1", + "icons": { + "60": "/icons/touch-icon-iphone-60x60.png", + "76": "/icons/touch-icon-ipad-76x76.png", + "120": "/icons/touch-icon-iphone-retina-120x120", + "128": "/icons/touch-icon-marketplace-128x128", + "152": "/icons/touch-icon-ipad-retina-152x152" + }, + "developer": { + "name": "melonjs", + "url": "http://www.melonjs.org" + }, + "fullscreen": true +} \ No newline at end of file diff --git a/melonjs-tutorial/boilerplate-master/package.json b/melonjs-tutorial/boilerplate-master/package.json new file mode 100755 index 0000000..6c1c87b --- /dev/null +++ b/melonjs-tutorial/boilerplate-master/package.json @@ -0,0 +1,14 @@ +{ + "name": "boilerplate", + "version": "1.1.0", + "devDependencies": { + "grunt": "~0.4.2", + "connect": "~2.13.0", + "grunt-processhtml": "~0.3.0", + "grunt-contrib-concat": "~0.2.0", + "grunt-contrib-clean": "~0.4.0", + "grunt-contrib-uglify": "~0.2.7", + "grunt-contrib-connect": "~0.7.1", + "grunt-contrib-copy": "~0.5.0" + } +}