Skip to content

Commit cab3b53

Browse files
photonstormphotonstorm
committed
SideView example viewer finished.
1 parent e5c3ca2 commit cab3b53

12 files changed

Lines changed: 443 additions & 13 deletions

‎build/build.php‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
$buildLog = "Building version $version \n\n";
99
$header = "";
1010

11-
$js = file(dirname(__FILE__) . '/../examples/phaser-debug-js.php');
11+
$js = file(dirname(__FILE__) . 'config.php');
1212
$output = "";
1313

1414
for ($i = 0; $i < count($js); $i++)

‎build/config.php‎

Lines changed: 123 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,123 @@
1+
<?php
2+
// All JS files in build order.
3+
// Much easier for debugging re: line numbers
4+
?>
5+
<script src="../src/Intro.js"></script>
6+
<script src="../src/pixi/Pixi.js"></script>
7+
<script src="../src/Phaser.js"></script>
8+
<script src="../src/utils/Utils.js"></script>
9+
10+
<script src="../src/pixi/core/Matrix.js"></script>
11+
<script src="../src/pixi/core/Point.js"></script>
12+
<script src="../src/pixi/core/Rectangle.js"></script>
13+
<script src="../src/pixi/display/DisplayObject.js"></script>
14+
<script src="../src/pixi/display/DisplayObjectContainer.js"></script>
15+
<script src="../src/pixi/display/Sprite.js"></script>
16+
17+
<script src="../src/pixi/display/Stage.js"></script>
18+
<script src="../src/pixi/extras/CustomRenderable.js"></script>
19+
<script src="../src/pixi/extras/Strip.js"></script>
20+
<script src="../src/pixi/extras/Rope.js"></script>
21+
22+
<script src="../src/pixi/extras/TilingSprite.js"></script>
23+
<script src="../src/pixi/filters/FilterBlock.js"></script>
24+
<script src="../src/pixi/filters/MaskFilter.js"></script>
25+
<script src="../src/pixi/primitives/Graphics.js"></script>
26+
<script src="../src/pixi/renderers/canvas/CanvasGraphics.js"></script>
27+
<script src="../src/pixi/renderers/canvas/CanvasRenderer.js"></script>
28+
<script src="../src/pixi/renderers/webgl/WebGLBatch.js"></script>
29+
<script src="../src/pixi/renderers/webgl/WebGLGraphics.js"></script>
30+
<script src="../src/pixi/renderers/webgl/WebGLRenderer.js"></script>
31+
<script src="../src/pixi/renderers/webgl/WebGLRenderGroup.js"></script>
32+
<script src="../src/pixi/renderers/webgl/WebGLShaders.js"></script>
33+
<script src="../src/pixi/text/BitmapText.js"></script>
34+
<script src="../src/pixi/text/Text.js"></script>
35+
<script src="../src/pixi/textures/BaseTexture.js"></script>
36+
<script src="../src/pixi/textures/Texture.js"></script>
37+
<script src="../src/pixi/textures/RenderTexture.js"></script>
38+
<script src="../src/pixi/utils/EventTarget.js"></script>
39+
<script src="../src/pixi/utils/Polyk.js"></script>
40+
41+
<script src="../src/core/Camera.js"></script>
42+
<script src="../src/core/State.js"></script>
43+
<script src="../src/core/StateManager.js"></script>
44+
<script src="../src/core/LinkedList.js"></script>
45+
<script src="../src/core/Signal.js"></script>
46+
<script src="../src/core/SignalBinding.js"></script>
47+
<script src="../src/core/Plugin.js"></script>
48+
<script src="../src/core/PluginManager.js"></script>
49+
<script src="../src/core/Stage.js"></script>
50+
<script src="../src/core/Group.js"></script>
51+
<script src="../src/core/World.js"></script>
52+
<script src="../src/core/Game.js"></script>
53+
54+
<script src="../src/input/Input.js"></script>
55+
<script src="../src/input/Key.js"></script>
56+
<script src="../src/input/Keyboard.js"></script>
57+
<script src="../src/input/Mouse.js"></script>
58+
<script src="../src/input/MSPointer.js"></script>
59+
<script src="../src/input/Pointer.js"></script>
60+
<script src="../src/input/Touch.js"></script>
61+
<script src="../src/input/InputHandler.js"></script>
62+
63+
<script src="../src/gameobjects/Events.js"></script>
64+
<script src="../src/gameobjects/GameObjectFactory.js"></script>
65+
<script src="../src/gameobjects/Sprite.js"></script>
66+
<script src="../src/gameobjects/TileSprite.js"></script>
67+
<script src="../src/gameobjects/Text.js"></script>
68+
<script src="../src/gameobjects/BitmapText.js"></script>
69+
<script src="../src/gameobjects/Button.js"></script>
70+
<script src="../src/gameobjects/Graphics.js"></script>
71+
<script src="../src/gameobjects/RenderTexture.js"></script>
72+
73+
<script src="../src/system/Canvas.js"></script>
74+
<script src="../src/system/StageScaleMode.js"></script>
75+
<script src="../src/system/Device.js"></script>
76+
<script src="../src/system/RequestAnimationFrame.js"></script>
77+
78+
<script src="../src/math/RandomDataGenerator.js"></script>
79+
<script src="../src/math/Math.js"></script>
80+
<script src="../src/math/QuadTree.js"></script>
81+
82+
<script src="../src/geom/Circle.js"></script>
83+
<script src="../src/geom/Point.js"></script>
84+
<script src="../src/geom/Rectangle.js"></script>
85+
86+
<script src="../src/net/Net.js"></script>
87+
88+
<script src="../src/tween/TweenManager.js"></script>
89+
<script src="../src/tween/Tween.js"></script>
90+
<script src="../src/tween/Easing.js"></script>
91+
92+
<script src="../src/time/Time.js"></script>
93+
94+
<script src="../src/animation/AnimationManager.js"></script>
95+
<script src="../src/animation/Animation.js"></script>
96+
<script src="../src/animation/Frame.js"></script>
97+
<script src="../src/animation/FrameData.js"></script>
98+
<script src="../src/animation/AnimationParser.js"></script>
99+
100+
<script src="../src/loader/Cache.js"></script>
101+
<script src="../src/loader/Loader.js"></script>
102+
<script src="../src/loader/LoaderParser.js"></script>
103+
104+
<script src="../src/sound/Sound.js"></script>
105+
<script src="../src/sound/SoundManager.js"></script>
106+
107+
<script src="../src/utils/Debug.js"></script>
108+
<script src="../src/utils/Color.js"></script>
109+
110+
<script src="../src/physics/arcade/ArcadePhysics.js"></script>
111+
<script src="../src/physics/arcade/Body.js"></script>
112+
113+
<script src="../src/particles/Particles.js"></script>
114+
<script src="../src/particles/arcade/ArcadeParticles.js"></script>
115+
<script src="../src/particles/arcade/Emitter.js"></script>
116+
117+
<script src="../src/tilemap/Tile.js"></script>
118+
<script src="../src/tilemap/Tilemap.js"></script>
119+
<script src="../src/tilemap/TilemapLayer.js"></script>
120+
<script src="../src/tilemap/TilemapParser.js"></script>
121+
<script src="../src/tilemap/Tileset.js"></script>
122+
123+
<script src="../src/PixiPatch.js"></script>

‎examples/_site/css/phaser-lite.css‎

Lines changed: 84 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
1+
@font-face {
2+
3+
font-family: 'inconsolata';
4+
src: url('../../_site/fonts/inconsolata.woff') format('woff');
5+
font-weight: normal;
6+
font-style: normal;
7+
8+
}
9+
10+
body {
11+
12+
background: #e0e4f1;
13+
margin: 0px;
14+
font-family: 'inconsolata';
15+
font-size: 15px;
16+
overflow: hidden;
17+
18+
}
19+
20+
a {
21+
text-decoration: none;
22+
color: #1c99bb;
23+
}
24+
25+
a:hover {
26+
background-color: #e69b0b;
27+
color: #fff;
28+
}
29+
30+
h1 {
31+
32+
font-size: 25px;
33+
font-weight: normal;
34+
35+
}
36+
37+
h2 {
38+
39+
font-size: 20px;
40+
font-weight: normal;
41+
42+
}
43+
44+
#header {
45+
background: url(../../_site/images/lite_header.jpg) no-repeat left top;
46+
width: 300px;
47+
height: 100px;
48+
}
49+
50+
#panel {
51+
52+
background: url(../../_site/images/lite_header_2.jpg) no-repeat left top;
53+
width: 300px;
54+
overflow-x: hidden;
55+
overflow-y: scroll;
56+
57+
}
58+
59+
#panel #examples-list {
60+
61+
padding: 10px 20px;
62+
line-height: 18px;
63+
64+
}
65+
66+
#footer {
67+
background: url(../../_site/images/lite_footer.jpg) no-repeat left top;
68+
width: 300px;
69+
height: 170px;
70+
color: #000;
71+
text-align: center;
72+
}
73+
74+
#viewer {
75+
76+
position: absolute;
77+
top: 0px;
78+
left: 300px;
79+
width: -webkit-calc(100% - 300px); /* Safari */
80+
width: calc(100% - 300px);
81+
height: 100%;
82+
border: 0px;
83+
84+
}

‎examples/_site/funcs.php‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
<?php
2-
32
// Global
43
$files = dirToArray(dirname(__FILE__));
54
$total = 0;
@@ -33,7 +32,7 @@ function getFile() {
3332

3433
function dirToArray($dir) {
3534

36-
$ignore = array('.', '..', 'html', 'assets', 'states');
35+
$ignore = array('.', '..', '_site', 'assets', 'states');
3736
$result = array();
3837
$root = scandir($dir);
3938
$dirs = array_diff($root, $ignore);

‎examples/_site/js/phaser-sideview.js‎

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
$(document).ready(function(){
2+
3+
$.getJSON("_site/examples.json")
4+
5+
.done(function(data) {
6+
7+
var i = 0;
8+
var node = '';
9+
10+
$.each(data, function(dir, files)
11+
{
12+
node = '<h2>' + dir + '</h2>';
13+
14+
for (var e = 0; e < files.length; e++)
15+
{
16+
node += '<a href="_site/view_lite.html?d=' + dir + '&amp;f=' + files[e].file + '&amp;t=' + files[e].title + '" target="viewer">' + files[e].title + '</a><br />';
17+
}
18+
19+
$("#examples-list").append(node);
20+
21+
i += files.length;
22+
23+
});
24+
25+
$("#total").append(i);
26+
27+
// Re-calc the viewer height
28+
var height = $(window).height() - 270;
29+
$("#panel").css('height', height + 'px');
30+
31+
})
32+
33+
.fail(function() {
34+
35+
var node = '<h1>Error!</h1>';
36+
37+
node += '<p>Unable to load <u>examples.json</u> data file</p>';
38+
node += '<p>Did you open this html file locally?</p>';
39+
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>';
40+
node += '<p>Please see our <a href="#">Getting Started guide</a> for details.</p>';
41+
42+
$("#viewer").contents().find('body').append(node);
43+
44+
});
45+
46+
});

‎examples/_site/js/phaser-viewer.js‎

Lines changed: 31 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -10,13 +10,37 @@ $(document).ready(function(){
1010

1111
$.getScript(dir + "/" + file)
1212

13-
.done(function(script, textStatus){
14-
15-
// $.get(dir + "/" + file, function(data) {
16-
// console.log(typeof data);
17-
// console.log(data);
18-
// $("#sourcecode").text(data);
19-
// });
13+
.done(function(script, textStatus) {
14+
15+
$.ajax({ url: dir + "/" + file, dataType: "text" }).done(function(data) { $("#sourcecode").text(data); });
16+
17+
// Hook up the control panel
18+
19+
$(".pause-button").click(function() {
20+
if (game.paused)
21+
{
22+
game.paused = false;
23+
}
24+
else
25+
{
26+
game.paused = true;
27+
}
28+
});
29+
30+
$(".mute-button").click(function() {
31+
if (game.sound.mute)
32+
{
33+
game.sound.mute = false;
34+
}
35+
else
36+
{
37+
game.sound.mute = true;
38+
}
39+
});
40+
41+
$(".reset-button").click(function() {
42+
document.location.reload(true);
43+
});
2044

2145
})
2246

‎examples/_site/view_full.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -121,7 +121,7 @@
121121
<div class="box100 no-padding">
122122
<div class="phaser-version">
123123
<span>Phaser Version: 1.1</span>
124-
<a href="" class="version-button">1.2 dev branch</a>
124+
<a href="https://github.com/photonstorm/phaser/tree/dev" class="version-button">1.2 dev branch</a>
125125
</div>
126126
</div>
127127
<div class="clear"></div>
@@ -161,7 +161,6 @@
161161
<div class="clear filler"></div>
162162
<p class="centered px800">Source code:</p>
163163
<pre id="sourcecode" class="code-block centered prettyprint"></pre>
164-
</div>
165164

166165
<div class="clear"></div>
167166
<div id="footer" class="footer">

0 commit comments

Comments
 (0)