Added two soundtracks, fixed the paddle collision field, working on the tinyscreen css

This commit is contained in:
Ruben Müller 2013-05-02 22:42:58 +02:00
parent 3dbf266154
commit 5b366995d1
6 changed files with 35 additions and 9 deletions

View file

@ -7,7 +7,7 @@
<link rel="shortcut icon" href="media/favicon.ico" type="image/x-icon" > <link rel="shortcut icon" href="media/favicon.ico" type="image/x-icon" >
<style type="text/css"> <style type="text/css">
html { body {
background: #070707 url(media/layout-background.jpg) no-repeat; background: #070707 url(media/layout-background.jpg) no-repeat;
font-family: Arial; font-family: Arial;
font-size: 13px; font-size: 13px;
@ -58,13 +58,38 @@
text-decoration: none; text-decoration: none;
font-size: 15px; font-size: 15px;
} }
body.tinyscreen {
background-position: 0 -275px;
}
body.tinyscreen #header {
position: absolute;
z-index: 1;
}
body.tinyscreen #header img {
width: 200px;
}
body.tinyscreen #canvas {
margin: 0;
position: absolute;
z-index: 2;
left: 50%;
margin-left: -312px;
}
body.tinyscreen #footer {
padding-top: 425px;
}
</style> </style>
<script type="text/javascript" src="lib/vendors/jquery-1.9.1.js"></script> <script type="text/javascript" src="lib/vendors/jquery-1.9.1.js"></script>
<script type="text/javascript" src="lib/impact/impact.js"></script> <script type="text/javascript" src="lib/impact/impact.js"></script>
<script type="text/javascript" src="lib/game/main.js"></script> <script type="text/javascript" src="lib/game/main.js"></script>
</head> </head>
<body> <body class="tinyscreen">
<div id="header"> <div id="header">
<img src="media/layout-gamelogo.png"> <img src="media/layout-gamelogo.png">
</div> </div>
@ -79,7 +104,7 @@
for this awesome game. for this awesome game.
</div> </div>
<a class="website" href="http://teamarg.com"><strong>teamarg</strong>.com</a> <a class="website" href="http://team-arg.aaron-mueller.de"><strong>team-arg</strong>.aaron-mueller.de</a>
</div> </div>
</body> </body>
</html> </html>

View file

@ -49,6 +49,13 @@ ig.module(
// init graphics // init graphics
this.pauseDialogAnim = new ig.Animation( this.pauseDialog, 0, [0] ) this.pauseDialogAnim = new ig.Animation( this.pauseDialog, 0, [0] )
// init music
ig.music.add('sounds/DST-AngryRobotIII.mp3');
ig.music.add('sounds/DST-2ndBallad.mp3');
ig.music.loop = true;
ig.music.volume = 0.3;
ig.music.play();
// Load the level // Load the level
this.loadLevel(LevelLevel1); this.loadLevel(LevelLevel1);
}, },

Binary file not shown.

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

Binary file not shown.

View file

@ -3,10 +3,6 @@ Initial release
## GFX ## GFX
* Highscore-Screen * Highscore-Screen
## Sound
* Background-tune! (http://www.nosoapradio.us/)
* Soundeffects more sutle
## Code ## Code
* Display the Highscore in the game * Display the Highscore in the game
* Highscore-Script (http://www.holoville.com/blog/?p=948, http://www.scoreoid.net/) * Highscore-Script (http://www.holoville.com/blog/?p=948, http://www.scoreoid.net/)
@ -17,10 +13,8 @@ Initial release
* Only one number for the score * Only one number for the score
## Polish ## Polish
* Hitbox for paddles is wrong
* Increase points with game length * Increase points with game length
* Randomness for Y position if ball goes straight for too long * Randomness for Y position if ball goes straight for too long
* Change domain in Footer
* Change layout on smaller screen sizes * Change layout on smaller screen sizes
## Nice to have ## Nice to have