Preparing new static examples viewer.
photonstorm
@@ -12,9 +12,11 @@ By Richard Davey, [Photon Storm](http://www.photonstorm.com)
|
||||
View the [Official Website](http://phaser.io)<br />
|
||||
Follow on [Twitter](https://twitter.com/photonstorm)<br />
|
||||
Read the [Development Blog](http://www.photonstorm.com)<br />
|
||||
Join the [Forum](http://www.html5gamedevs.com/forum/14-phaser/)
|
||||
Join the [Forum](http://www.html5gamedevs.com/forum/14-phaser/)<br />
|
||||
Try out the [Phaser Test Suite](http://gametest.mobi/phaser/)
|
||||
|
||||
[Un-official Getting Started with Phaser](http://www.antonoffplus.com/coding-an-html5-game-for-30-minutes-or-an-introduction-to-the-phaser-framework)
|
||||
|
||||
"Being negative is not how we make progress" - Larry Page, Google
|
||||
|
||||
Welcome to Phaser
|
||||
@@ -35,7 +37,7 @@ Phaser is everything we ever wanted from an HTML5 game framework. It will power
|
||||
Change Log
|
||||
----------
|
||||
|
||||
Version 1.0.7 (in progress in the dev branch)
|
||||
Version 1.1 (in progress in the dev branch)
|
||||
|
||||
* JSDoc is go! We've added jsdoc3 blocks to every property and function, in every file.
|
||||
* Added World.postUpdate - all sprite position changes, as a result of physics, happen here before the render.
|
||||
@@ -303,7 +305,6 @@ Known Issues
|
||||
------------
|
||||
|
||||
* The TypeScript definition file isn't yet complete.
|
||||
* The JSDOCS are not yet complete.
|
||||
|
||||
Future Plans
|
||||
------------
|
||||
@@ -322,8 +323,6 @@ The following list is not exhaustive and is subject to change:
|
||||
* Flash CC html output support.
|
||||
* Game parameters read from Google Docs.
|
||||
|
||||
Right now however our main focus is on documentation and examples, we won't be touching any of the above features until the docs are finished.
|
||||
|
||||
Test Suite
|
||||
----------
|
||||
|
||||
|
||||
@@ -8,7 +8,7 @@ blockquote, q {quotes: none;}
|
||||
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
|
||||
table {border-collapse: collapse; border-spacing: 0;}
|
||||
/* reset css ends */
|
||||
@font-face{font-family: 'HelveticaBd'; src: url('assets/html/HelveticaNeueLTStd-Bd.otf');}
|
||||
@font-face{font-family: 'HelveticaBd'; src: url('../../_site/fonts/HelveticaNeueLTStd-Bd.otf');}
|
||||
|
||||
body { margin:0; padding:0; overflow-x: hidden; font-family: Arial, Tahoma, Verdana !important; background: #e0e4f1;}
|
||||
|
||||
@@ -16,30 +16,35 @@ a{color:#fff; text-decoration: none;}
|
||||
a:hover{text-decoration: underline;}
|
||||
|
||||
.helvetica{font-family: Arial, Tahoma, Verdana !important;}
|
||||
.header{background: #e0e4f1 url('assets/html/header-bg2.jpg') no-repeat; width:100%; margin:0; padding:0; background-size: cover; height: 530px; display: block; clear:both; margin-bottom: -400px}
|
||||
.header{background: #e0e4f1 url('../../_site/images/header-bg2.jpg') no-repeat; width:100%; margin:0; padding:0; background-size: cover; height: 530px; display: block; clear:both; margin-bottom: -400px}
|
||||
.main-container{display: block; clear:both; width: 1125px; height: auto; margin:0 auto;}
|
||||
|
||||
ul.nav-links{ margin:0; padding:0; display: inline-block; float: right; list-style-type: none; color: #fff; font-size: 15px; line-height: 2em; margin-top: 50px; min-width: 180px;}
|
||||
ul.nav-links > li{margin:0; padding:0; list-style-type: none; padding-left: 55px;}
|
||||
ul.nav-links > li > a{color: #fff; text-decoration: none;}
|
||||
ul.nav-links > li > a:hover{text-decoration: underline;}
|
||||
.link-home, .link-latest, .link-forum, .link-docs, .link-twitter{background-image: url('assets/html/nav-icons.png'); background-repeat: no-repeat;}
|
||||
.link-home, .link-latest, .link-forum, .link-docs, .link-twitter{background-image: url('../../_site/images/nav-icons.png'); background-repeat: no-repeat;}
|
||||
|
||||
.main-title{font-family: 'HelveticaBd', Helvetica, Arial;font-size:55px;color:#fff;text-shadow:0 0 15px #b643e6; text-align: center; display: block; text-transform: xuppercase; margin: 40px auto 0 auto;}
|
||||
.main-title{font-family: 'HelveticaBd', Helvetica, Arial;font-size:55px;color:#fff;text-shadow:0 0 15px #b643e6; text-align: center; display: block; margin: 40px auto 0 auto;}
|
||||
.link-home{background-position: 0 -9px;}
|
||||
.link-latest{background-position: 0 -37px;}
|
||||
.link-forum{background-position: 0 -67px;}
|
||||
.link-docs{background-position: 0 -97px;}
|
||||
.link-twitter{background-position: 0 -127px;}
|
||||
.phaser-examples{background: url('assets/html/phaser-examples.png') no-repeat; display: block; width: 485px; height: 205px; margin: 20px auto;}
|
||||
.phaser-version{float: right; background: url('assets/html/phaser-version.png') no-repeat; display: block; width: 345px; height: 30px; color: #fff; font-size: 11px; text-shadow: 1px 1px #000; right:0; top:0; }
|
||||
.phaser-examples{background: url('../../_site/images/phaser-examples.png') no-repeat; display: block; width: 485px; height: 205px; margin: 20px auto;}
|
||||
.phaser-version{float: right; background: url('../../_site/images/phaser-version.png') no-repeat; display: block; width: 345px; height: 30px; color: #fff; font-size: 11px; text-shadow: 1px 1px #000; right:0; top:0; }
|
||||
.phaser-version > span{margin-top: 10px; display: inline-block; margin-left: 60px; margin-right: 25px;}
|
||||
.phaser-version > a{color: #fff; text-decoration: none; background: url('assets/html/version-button.png') no-repeat; background-size: cover; display: inline-block; width: 123px; height: 10px; vertical-align: middle; text-align: center;padding-top:11px; padding-bottom: 11px}
|
||||
.phaser-version > a{color: #fff; text-decoration: none; background: url('../../_site/images/version-button.png') no-repeat; background-size: cover; display: inline-block; width: 123px; height: 10px; vertical-align: middle; text-align: center;padding-top:11px; padding-bottom: 11px}
|
||||
.phaser-version > a:hover{text-decoration: underline;}
|
||||
.phaser-logo{display: block; float: right; width: 168px;height: 144px; background: url('assets/html/phaser-logo.png') no-repeat; margin-top: 40px; margin-right: 40px;}
|
||||
.phaser-logo{display: block; float: right; width: 168px;height: 144px; background: url('../../_site/images/phaser-logo.png') no-repeat; margin-top: 40px; margin-right: 40px;}
|
||||
|
||||
.error { margin-left: 48px; width: 700px; background-color: rgb(150,25,25); color:#fff; text-shadow: 1px 1px 0 #000; line-height: 24px }
|
||||
|
||||
.error p {
|
||||
padding: 16px 24px;
|
||||
}
|
||||
|
||||
.line{display:block;clear:both; width:100%; margin:0;padding:0; float:left; background-color: transparent;}
|
||||
.xxgo-top{margin-top: -200px;}
|
||||
.box5, .box10, .box15 .box20, .box25, .box30, .box35, .box40, .box45, .box50, .box55, .box60, .box65, .box70, .box75, .box80, .box85, .box90, .box95, .box100{position: relative;display: inline-block; box-sizing: border-box; padding: 5px 10px; -moz-box-sizing: border-box; vertical-align: top; margin:0;}
|
||||
.float-right{float:right !important;}
|
||||
|
||||
@@ -78,36 +83,36 @@ ul.nav-links > li > a:hover{text-decoration: underline;}
|
||||
p.title{font-family: 'HelveticaBd', Helvetica, Arial; font-size: 30px; color: #fff; text-shadow: 0 1px 3px #9e6ce8; text-align: right;}
|
||||
p.count-examples{font-size: 12px; color: #676773; text-align: right;}
|
||||
|
||||
ul.group-items{background-image: url('assets/html/laser1.png'); background-repeat: no-repeat; background-position: left top 5px; padding-left: 125px; width: 875px !important;}
|
||||
ul.group-items > li{width: 213px; padding-top: 15px; height: 35px; background: url('assets/html/group-item.png') no-repeat; text-align: center; display: inline-block; margin-bottom: 15px}
|
||||
ul.group-items{background-image: url('../../_site/images/laser1.png'); background-repeat: no-repeat; background-position: left top 5px; padding-left: 125px; width: 875px !important;}
|
||||
ul.group-items > li{width: 213px; padding-top: 15px; height: 35px; background: url('../../_site/images/group-item.png') no-repeat; text-align: center; display: inline-block; margin-bottom: 15px}
|
||||
ul.group-items > li a{display:block; width:100%; height: 100%; padding: 20px 0; margin-top: -20px; color:#333;}
|
||||
ul.group-items > li a:hover{cursor: pointer; text-decoration: underline;}
|
||||
ul.group-items > li a span.mark{display:inline-block;width: 1px; height: 25px; vertical-align: middle;}
|
||||
ul.group-items > li a:visited span.mark{background: url('assets/html/group-item-hover.png') no-repeat; background-position: center center;width:25px; padding-left:4px;}
|
||||
ul.group-items > li a:visited span.mark{background: url('../../_site/images/group-item-hover.png') no-repeat; background-position: center center;width:25px; padding-left:4px;}
|
||||
|
||||
.laser2{background-image: url('assets/html/laser2.png') !important; background-repeat: no-repeat; background-position: center 20px;}
|
||||
.laser3{background-image: url('assets/html/laser3.png') !important; background-repeat: no-repeat; background-position: center 20px;}
|
||||
.laser4{background-image: url('assets/html/laser4.png') !important; background-repeat: no-repeat; background-position: center 20px;}
|
||||
.laser5{background-image: url('assets/html/laser5.png') !important; background-repeat: no-repeat; background-position: center 20px;}
|
||||
.laser6{background-image: url('assets/html/laser6.png') !important; background-repeat: no-repeat; background-position: center 20px;}
|
||||
.laser7{background-image: url('assets/html/laser7.png') !important; background-repeat: no-repeat; background-position: center 20px;}
|
||||
.laser8{background-image: url('assets/html/laser8.png') !important; background-repeat: no-repeat; background-position: center 20px;}
|
||||
.laser9{background-image: url('assets/html/laser9.png') !important; background-repeat: no-repeat; background-position: center 20px;}
|
||||
.laser10{background-image: url('assets/html/laser10.png') !important; background-repeat: no-repeat; background-position: center 20px;}
|
||||
.laser2{background-image: url('../../_site/images/laser2.png') !important; background-repeat: no-repeat; background-position: center 20px;}
|
||||
.laser3{background-image: url('../../_site/images/laser3.png') !important; background-repeat: no-repeat; background-position: center 20px;}
|
||||
.laser4{background-image: url('../../_site/images/laser4.png') !important; background-repeat: no-repeat; background-position: center 20px;}
|
||||
.laser5{background-image: url('../../_site/images/laser5.png') !important; background-repeat: no-repeat; background-position: center 20px;}
|
||||
.laser6{background-image: url('../../_site/images/laser6.png') !important; background-repeat: no-repeat; background-position: center 20px;}
|
||||
.laser7{background-image: url('../../_site/images/laser7.png') !important; background-repeat: no-repeat; background-position: center 20px;}
|
||||
.laser8{background-image: url('../../_site/images/laser8.png') !important; background-repeat: no-repeat; background-position: center 20px;}
|
||||
.laser9{background-image: url('../../_site/images/laser9.png') !important; background-repeat: no-repeat; background-position: center 20px;}
|
||||
.laser10{background-image: url('../../_site/images/laser10.png') !important; background-repeat: no-repeat; background-position: center 20px;}
|
||||
|
||||
.bright-bg, .dark-bg{border-bottom: 1px solid #d1d1d1; padding:25px 0;}
|
||||
|
||||
.border-bottom{border-bottom: 1px solid #d1d1d1;}
|
||||
|
||||
.prize-bg{background: url('assets/html/prize-bg.png') no-repeat; background-size: cover; background-position: center center; height: 326px; width: 100%;}
|
||||
.prize-button{text-transform: uppercase; color: #000; text-shadow: 1px 0 #fff; float:right; background: url('assets/html/prize-button.png') no-repeat; width: 300px; height: 70px; padding-top:135px; font-size: 16px; padding-left: 75px; margin-top: 25px; margin-right: 145px;}
|
||||
.prize-bg{background: url('../../_site/images/prize-bg.png') no-repeat; background-size: cover; background-position: center center; height: 326px; width: 100%;}
|
||||
.prize-button{text-transform: uppercase; color: #000; text-shadow: 1px 0 #fff; float:right; background: url('../../_site/images/prize-button.png') no-repeat; width: 300px; height: 70px; padding-top:135px; font-size: 16px; padding-left: 75px; margin-top: 25px; margin-right: 145px;}
|
||||
|
||||
.footer{ background: #e0e4f1 url('assets/html/footer-bg2.jpg') no-repeat; background-size: cover; width:100%; height: 592px; bottom:0; }
|
||||
.photonstorm-logo{background: url('assets/html/photonstorm-logo.png') no-repeat; background-size: cover; display: block;clear:both; width:113px;height:15px; margin-bottom: 6px;}
|
||||
.flixel-logo{display:block; clear:both; width:26px; height:50px; background: url('assets/html/flixel-logo.png') no-repeat;}
|
||||
.forums-icon, .twitter-icon, .github-icon{background: url('assets/html/forums-icon.png') no-repeat; vertical-align: middle; padding-left: 68px; height: 35px; display: inline-block; padding-top: 25px;}
|
||||
.twitter-icon{background: url('assets/html/twitter-icon.png') no-repeat;}
|
||||
.github-icon{background: url('assets/html/github-icon.png') no-repeat;}
|
||||
.footer{ background: #e0e4f1 url('../../_site/images/footer-bg2.jpg') no-repeat; background-size: cover; width:100%; height: 592px; bottom:0; }
|
||||
.photonstorm-logo{background: url('../../_site/images/photonstorm-logo.png') no-repeat; background-size: cover; display: block;clear:both; width:113px;height:15px; margin-bottom: 6px;}
|
||||
.flixel-logo{display:block; clear:both; width:26px; height:50px; background: url('../../_site/images/flixel-logo.png') no-repeat;}
|
||||
.forums-icon, .twitter-icon, .github-icon{background: url('../../_site/images/forums-icon.png') no-repeat; vertical-align: middle; padding-left: 68px; height: 35px; display: inline-block; padding-top: 25px;}
|
||||
.twitter-icon{background: url('../../_site/images/twitter-icon.png') no-repeat;}
|
||||
.github-icon{background: url('../../_site/images/github-icon.png') no-repeat;}
|
||||
|
||||
#footer .main-container .line {
|
||||
margin-top: 130px;
|
||||
@@ -119,21 +124,21 @@ ul.footer-links > li{display: inline-block; padding:0; margin:0; float:right;}
|
||||
|
||||
.game-panel{width:800px; height: 680px; overflow: hidden; display:block; clear:both;box-shadow: 0 0 15px #6ac8f8; margin:-150px auto 0 auto; border-radius: 10px; position: relative; z-index: 10;}
|
||||
.game-screen{display:block; clear:both; width:800px;height:600px;margin:0;}
|
||||
.game-controls{display:block; width:100%; height:80px; margin:0; padding:0;background: url('assets/html/game-controls-bg.jpg') repeat-x;}
|
||||
.game-controls{display:block; width:100%; height:80px; margin:0; padding:0;background: url('../../_site/images/game-controls-bg.jpg') repeat-x;}
|
||||
ul.left-controls{float:left; list-style-type: none; margin:30px 0 0 25px;padding:0; display: inline-block;}
|
||||
ul.left-controls > li{margin:0;padding:0; display: inline-block; vertical-align: middle;}
|
||||
.controls-label{display:inline-block; width:80px; height:9px; background: url('assets/html/controls-label.png') no-repeat;}
|
||||
.up-label{display: inline-block; width:11px; height: 11px; background: url('assets/html/up-label.png') no-repeat;}
|
||||
.down-label{display: inline-block; width:11px; height: 11px; background: url('assets/html/down-label.png') no-repeat;}
|
||||
.left-label{display: inline-block; width:13px; height: 11px; background: url('assets/html/left-label.png') no-repeat;}
|
||||
.right-label{display: inline-block; width:12px; height: 11px; background: url('assets/html/right-label.png') no-repeat;}
|
||||
.space-label{display: inline-block; width:64px; height: 18px; background: url('assets/html/space-label.png') no-repeat;}
|
||||
.controls-label{display:inline-block; width:80px; height:9px; background: url('../../_site/images/controls-label.png') no-repeat;}
|
||||
.up-label{display: inline-block; width:11px; height: 11px; background: url('../../_site/images/up-label.png') no-repeat;}
|
||||
.down-label{display: inline-block; width:11px; height: 11px; background: url('../../_site/images/down-label.png') no-repeat;}
|
||||
.left-label{display: inline-block; width:13px; height: 11px; background: url('../../_site/images/left-label.png') no-repeat;}
|
||||
.right-label{display: inline-block; width:12px; height: 11px; background: url('../../_site/images/right-label.png') no-repeat;}
|
||||
.space-label{display: inline-block; width:64px; height: 18px; background: url('../../_site/images/space-label.png') no-repeat;}
|
||||
|
||||
ul.right-controls{float:right;list-style-type: none; padding:0; display: inline-block; margin: 15px 25px 0 0;}
|
||||
ul.right-controls > li{margin:0;padding:0; display: inline-block; vertical-align: middle;}
|
||||
.pause-button{width: 121px; height:52px; display:inline-block; background: url('assets/html/pause-button.png') no-repeat;}
|
||||
.mute-button{width: 121px; height:52px; display:inline-block; background: url('assets/html/mute-button.png') no-repeat;}
|
||||
.reset-button{width: 121px; height:52px; display:inline-block; background: url('assets/html/reset-button.png') no-repeat;}
|
||||
.pause-button{width: 121px; height:52px; display:inline-block; background: url('../../_site/images/pause-button.png') no-repeat;}
|
||||
.mute-button{width: 121px; height:52px; display:inline-block; background: url('../../_site/images/mute-button.png') no-repeat;}
|
||||
.reset-button{width: 121px; height:52px; display:inline-block; background: url('../../_site/images/reset-button.png') no-repeat;}
|
||||
.pause-button:hover, .mute-button:hover, .reset-button:hover{cursor: pointer;}
|
||||
.filler{height: 720px;}
|
||||
.code-block{font-family: Courier; font-size: 14px; width:750px; height:auto; overflow: hidden; margin:0 auto; border-radius: 10px; background:#fdfdfd; border:0 !important; box-shadow: inset 0 5px 15px rgba(0,0,0,0.15), 0 0 10px rgba(106,200,248,0.5); padding: 25px !important;display: block; margin-bottom: 20px; margin-top: 30px;}
|
||||
|
Before Width: | Height: | Size: 212 KiB After Width: | Height: | Size: 212 KiB |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 192 KiB After Width: | Height: | Size: 192 KiB |
|
Before Width: | Height: | Size: 49 KiB After Width: | Height: | Size: 49 KiB |
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 228 KiB After Width: | Height: | Size: 228 KiB |
|
Before Width: | Height: | Size: 105 KiB After Width: | Height: | Size: 105 KiB |
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 111 KiB After Width: | Height: | Size: 111 KiB |
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 33 KiB |
|
Before Width: | Height: | Size: 43 KiB After Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 53 KiB After Width: | Height: | Size: 53 KiB |
|
Before Width: | Height: | Size: 64 KiB After Width: | Height: | Size: 64 KiB |
|
Before Width: | Height: | Size: 76 KiB After Width: | Height: | Size: 76 KiB |
|
Before Width: | Height: | Size: 86 KiB After Width: | Height: | Size: 86 KiB |
|
Before Width: | Height: | Size: 99 KiB After Width: | Height: | Size: 99 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 106 KiB After Width: | Height: | Size: 106 KiB |
|
Before Width: | Height: | Size: 61 KiB After Width: | Height: | Size: 61 KiB |
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 124 KiB After Width: | Height: | Size: 124 KiB |
|
Before Width: | Height: | Size: 41 KiB After Width: | Height: | Size: 41 KiB |
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
@@ -0,0 +1,77 @@
|
||||
$(document).ready(function(){
|
||||
|
||||
$.getJSON("_site/examples.json")
|
||||
|
||||
.done(function(data) {
|
||||
|
||||
var i = 0;
|
||||
var len = 0;
|
||||
var node = '';
|
||||
var laser = '';
|
||||
|
||||
$.each(data, function(dir, files)
|
||||
{
|
||||
len = files.length / 4;
|
||||
|
||||
if (len > 9)
|
||||
{
|
||||
laser = 'laser10';
|
||||
}
|
||||
else
|
||||
{
|
||||
laser = 'laser' + (len + 1);
|
||||
}
|
||||
|
||||
if (i == 1)
|
||||
{
|
||||
node = '<div class="clear5"></div><div class="line dark-bg">';
|
||||
}
|
||||
else if (i == 2)
|
||||
{
|
||||
node = '<div class="clear5"></div><div class="line bright-bg">';
|
||||
}
|
||||
|
||||
node += '<div class="box20"><p class="title strong">' + dir + '</p>';
|
||||
node += '<p class="count-examples strong">' + files.length + ' examples</p></div><div class="box80">';
|
||||
node += '<ul class="group-items ' + laser + '">';
|
||||
|
||||
for (var e = 0; e < files.length; e++)
|
||||
{
|
||||
node += '<li><a href="view.html?d=' + dir + '&f=' + files[e].file + '&t=' + files[e].title + '">' + files[e].title + '</a></li>';
|
||||
}
|
||||
|
||||
node += '</ul></div>';
|
||||
|
||||
$("#examples-list").append(node);
|
||||
|
||||
i++;
|
||||
|
||||
if (i == 3)
|
||||
{
|
||||
i = 1;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
})
|
||||
|
||||
.fail(function() {
|
||||
|
||||
var node = '<div class="clear5"></div><div class="line dark-bg">';
|
||||
|
||||
node += '<div class="box20"><p class="title strong">Error!</p>';
|
||||
node += '<p class="count-examples strong">:(</p></div><div class="box80"><div class="error">';
|
||||
|
||||
node += '<p>Unable to load <u>examples.json</u> data file</p>';
|
||||
node += '<p>Did you open this html file locally?</p>';
|
||||
node += '<p>It needs to be opened via a web server, or due to browser security permissions<br />it will be unable to load local resources such as images and json data.</p>';
|
||||
node += '<p>Please see our <a href="#">Getting Started guide</a> for details.</p>';
|
||||
|
||||
node += '</div>';
|
||||
node += '</div>';
|
||||
|
||||
$("#examples-list").append(node);
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
@@ -0,0 +1,103 @@
|
||||
<?php
|
||||
require('funcs.php');
|
||||
|
||||
getFile();
|
||||
?>
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>phaser - <?php echo $title?></title>
|
||||
<script src='http://code.jquery.com/jquery-latest.min.js' type='text/javascript'></script>
|
||||
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
|
||||
<script src='assets/html/application.js' type='text/javascript'></script>
|
||||
<link href='stylesheet.css' media='screen' rel='stylesheet' type='text/css'>
|
||||
<?php
|
||||
require('phaser-debug-js.php');
|
||||
?>
|
||||
<script src="<?php echo $filename?>"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="header">
|
||||
<div class="box100 no-padding">
|
||||
<div class="phaser-version">
|
||||
<span>Phaser Version: 1.1</span>
|
||||
<!--<a href="#" class="version-button">Update to 1.2</a>-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
<div class="line">
|
||||
<div class="box20">
|
||||
<ul class="nav-links">
|
||||
<li class="link-home"><a href="index.php">Back to examples</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="box60 txt-center">
|
||||
<span class="main-title"><?php echo ucwords($title)?></span>
|
||||
</div>
|
||||
<div class="box20">
|
||||
<div class="phaser-logo"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="game-panel centered">
|
||||
<div id="phaser-example"></div>
|
||||
<div class="game-controls">
|
||||
<ul class="left-controls">
|
||||
<li class="controls-label"></li>
|
||||
<li class="up-label"></li>
|
||||
<li class="down-label"></li>
|
||||
<li class="left-label"></li>
|
||||
<li class="right-label"></li>
|
||||
<li class="space-label"></li>
|
||||
</ul>
|
||||
<ul class="right-controls">
|
||||
<li class="pause-button"></li>
|
||||
<li class="mute-button"></li>
|
||||
<li class="reset-button"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear filler"></div>
|
||||
<p class="centered px800">Source code:</p>
|
||||
<pre class="code-block prettyprint centered">
|
||||
<?php
|
||||
echo $code;
|
||||
?>
|
||||
</pre>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
<div id="footer" class="footer">
|
||||
|
||||
<div class="main-container centered">
|
||||
<div class="prize-bg">
|
||||
<a href="#" class="prize-button">View details & submit</a>
|
||||
</div>
|
||||
<div class="line">
|
||||
<div class="box20">
|
||||
<a href="http://www.photonstorm.com" class="photonstorm-logo"></a>
|
||||
© 2013 Photon Storm Ltd.<br/>
|
||||
All rights reserved.
|
||||
</div>
|
||||
<div class="box5">
|
||||
<div class="flixel-logo"></div>
|
||||
</div>
|
||||
<div class="box15">
|
||||
Looking for a flash game framework?<br/>
|
||||
<a href="http://flixel.org">Try Flixel</a>
|
||||
</div>
|
||||
<div class="box55 float-right">
|
||||
<ul class="footer-links">
|
||||
<li><a class="github-icon" href="https://github.com/photonstorm/phaser">Phaser on Github</a></li>
|
||||
<li><a class="twitter-icon" href="https://twitter.com/photonstorm">@photonstorm</a></li>
|
||||
<li><a class="forums-icon" href="http://www.html5gamedevs.com/forum/14-phaser/">Phaser Forums</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
Before Width: | Height: | Size: 248 B |
|
Before Width: | Height: | Size: 399 B |
|
Before Width: | Height: | Size: 675 B |
|
Before Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 9.6 KiB |
|
Before Width: | Height: | Size: 3.2 KiB |
@@ -0,0 +1,73 @@
|
||||
<!doctype html>
|
||||
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
|
||||
<link href="_site/css/phaser-examples.css" media="screen" rel="stylesheet" type="text/css">
|
||||
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
|
||||
<script src="_site/js/phaser-examples.js" type="text/javascript"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="header">
|
||||
<div class="box100 no-padding">
|
||||
<div class="phaser-version">
|
||||
<span>Phaser Version: 1.1</span>
|
||||
<a href="" class="version-button">1.2 dev branch</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
<div class="line">
|
||||
<div class="box20">
|
||||
<ul class="nav-links">
|
||||
<li class="link-home"><a href="http://phaser.io">Phaser Home</a></li>
|
||||
<li class="link-latest"><a href="https://github.com/photonstorm/phaser">Download Latest</a></li>
|
||||
<li class="link-forum"><a href="http://www.html5gamedevs.com/forum/14-phaser/">Support Forum</a></li>
|
||||
<li class="link-docs"><a href="#">Documentation</a></li>
|
||||
<li class="link-twitter"><a href="https://twitter.com/photonstorm">Twitter</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="box60 txt-center">
|
||||
<div class="phaser-examples"></div>
|
||||
</div>
|
||||
<div class="box20">
|
||||
<div class="phaser-logo"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear clear25"></div>
|
||||
<div id="examples-list" class="line go-top border-bottom">
|
||||
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
<div id="footer" class="footer">
|
||||
<div class="main-container centered">
|
||||
<div class="prize-bg">
|
||||
<a href="#" class="prize-button">View details & submit</a>
|
||||
</div>
|
||||
<div class="line">
|
||||
<div class="box20">
|
||||
<a href="http://www.photonstorm.com" class="photonstorm-logo"></a>
|
||||
© 2013 Photon Storm Ltd.<br/>
|
||||
All rights reserved.
|
||||
</div>
|
||||
<div class="box5">
|
||||
<div class="flixel-logo"></div>
|
||||
</div>
|
||||
<div class="box15">
|
||||
Looking for a flash game framework?<br/>
|
||||
<a href="http://flixel.org">Try Flixel</a>
|
||||
</div>
|
||||
<div class="box55 float-right">
|
||||
<ul class="footer-links">
|
||||
<li><a class="github-icon" href="https://github.com/photonstorm/phaser">Phaser on Github</a></li>
|
||||
<li><a class="twitter-icon" href="https://twitter.com/photonstorm">@photonstorm</a></li>
|
||||
<li><a class="forums-icon" href="http://www.html5gamedevs.com/forum/14-phaser/">Phaser Forums</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||