Merge branch 'master' of https://github.com/matthieupenchenat81/ModuleWeb
This commit is contained in:
commit
d9bff1ab37
@ -105,7 +105,7 @@ nav input {
|
|||||||
height: 20px;
|
height: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button.level {
|
||||||
vertical-align:top;
|
vertical-align:top;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -121,10 +121,10 @@ button {
|
|||||||
outline: 0;
|
outline: 0;
|
||||||
transition: all 0.2s;
|
transition: all 0.2s;
|
||||||
}
|
}
|
||||||
button:hover {
|
button.level:hover {
|
||||||
border-bottom-width: 4px;
|
border-bottom-width: 4px;
|
||||||
}
|
}
|
||||||
button:active {
|
button.level:active {
|
||||||
border-bottom-width: 2px;
|
border-bottom-width: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -459,24 +459,18 @@ left: 56.3333%%;
|
|||||||
*
|
*
|
||||||
* A simple helper class for game buttons. Edit at your will.
|
* A simple helper class for game buttons. Edit at your will.
|
||||||
*/
|
*/
|
||||||
.mg__button span {
|
|
||||||
vertical-align:middle;
|
|
||||||
}
|
|
||||||
.mg__button {
|
.mg__button {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 5px;
|
padding: 15px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-family: "Roboto Slab", serif;
|
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height:18px;
|
|
||||||
|
|
||||||
appearance: none;
|
appearance: none;
|
||||||
background: #ff3c50;
|
background: #ff3c50;
|
||||||
border: none;
|
border-radius: 4px;
|
||||||
border-radius: 3px;
|
|
||||||
box-shadow: none;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* =============================================================================
|
/* =============================================================================
|
||||||
|
Binary file not shown.
Before Width: | Height: | Size: 9.1 MiB After Width: | Height: | Size: 219 KiB |
BIN
SRC/public/imgs/previouspage.png
Normal file
BIN
SRC/public/imgs/previouspage.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.7 KiB |
@ -259,7 +259,7 @@
|
|||||||
if (self.flippedTiles == self.numTiles) {
|
if (self.flippedTiles == self.numTiles) {
|
||||||
self._winGame();
|
self._winGame();
|
||||||
}
|
}
|
||||||
}, 1500 );
|
}, 500 );
|
||||||
|
|
||||||
// plus one on the move counter
|
// plus one on the move counter
|
||||||
this._gameCounterPlusOne();
|
this._gameCounterPlusOne();
|
||||||
@ -364,7 +364,6 @@ Memory.prototype._winGame = function() {
|
|||||||
firework();
|
firework();
|
||||||
|
|
||||||
this.gameMessages.innerHTML = '<h2 class="mg__onend--heading"><span class="icon-trophy"></span></h2>\
|
this.gameMessages.innerHTML = '<h2 class="mg__onend--heading"><span class="icon-trophy"></span></h2>\
|
||||||
<p class="mg__onend--message">Vous avez gagné votre partie en ' + this.numMoves + ' coups !</p>\
|
|
||||||
<button id="mg__onend--restart" class="mg__button"><span class="icon-spinner11"></span></button>';
|
<button id="mg__onend--restart" class="mg__button"><span class="icon-spinner11"></span></button>';
|
||||||
|
|
||||||
var audio = new Audio();
|
var audio = new Audio();
|
||||||
|
@ -9,7 +9,14 @@
|
|||||||
|
|
||||||
<div class="game" onclick="location.href='{{ URL::to('memo') }}'"><img src="imgs/memo/memo2.png"></div>
|
<div class="game" onclick="location.href='{{ URL::to('memo') }}'"><img src="imgs/memo/memo2.png"></div>
|
||||||
<div class="game" onclick="location.href='{{ URL::to('puzzle') }}'"><img src="imgs/puzzle/puzzle.png"></div>
|
<div class="game" onclick="location.href='{{ URL::to('puzzle') }}'"><img src="imgs/puzzle/puzzle.png"></div>
|
||||||
|
|
||||||
|
|
||||||
|
<div style="line-height:50px;"><img style="height:50px; vertical-align:middle;width:50px" src="{{ URL::to('imgs/trophees/or.png') }}"><span style="vertical-align:middle;font-size:20px">1</span>
|
||||||
|
|
||||||
|
<img style="height:50px; vertical-align:middle;width:50px" src="{{ URL::to('imgs/trophees/or.png') }}"><span style="vertical-align:middle;font-size:20px">2</span>
|
||||||
|
|
||||||
|
<img style="height:50px; vertical-align:middle;width:50px" src="{{ URL::to('imgs/trophees/or.png') }}"><span style="vertical-align:middle;font-size:20px">4</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@endsection
|
@endsection
|
||||||
|
|
||||||
|
@ -10,18 +10,13 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<br>
|
<br>
|
||||||
<button onclick="location.href='{{ URL::to('memo/jouer/1') }}'"><span style="color:gold;"><span class="icon-star-full"></span></span><span class="icon-star-full"></span><span class="icon-star-full"></span></button>
|
<button class="level" onclick="location.href='{{ URL::to('memo/jouer/1') }}'"><span style="color:gold;"><span class="icon-star-full"></span></span><span class="icon-star-full"></span><span class="icon-star-full"></span></button>
|
||||||
|
|
||||||
<button onclick="location.href='{{ URL::to('memo/jouer/2') }}'"><span style="color:gold;"><span class="icon-star-full"></span><span class="icon-star-full"></span></span><span class="icon-star-full"></span></button>
|
<button class="level" onclick="location.href='{{ URL::to('memo/jouer/2') }}'"><span style="color:gold;"><span class="icon-star-full"></span><span class="icon-star-full"></span></span><span class="icon-star-full"></span></button>
|
||||||
|
|
||||||
<button onclick="location.href='{{ URL::to('memo/jouer/3') }}'"><span style="color:gold;"><span class="icon-star-full"></span><span class="icon-star-full"></span><span class="icon-star-full"></span></span></button><br>
|
<button class="level" onclick="location.href='{{ URL::to('memo/jouer/3') }}'"><span style="color:gold;"><span class="icon-star-full"></span><span class="icon-star-full"></span><span class="icon-star-full"></span></span></button><br>
|
||||||
|
|
||||||
<div style="line-height:50px;"></div><img style="height:50px; vertical-align:middle;width:50px" src="{{ URL::to('imgs/trophees/or.png') }}"><span style="vertical-align:middle;font-size:20px">{{ $nbOr }}</span>
|
|
||||||
|
|
||||||
<img style="height:50px; vertical-align:middle;width:50px" src="{{ URL::to('imgs/trophees/or.png') }}"><span style="vertical-align:middle;font-size:20px">{{ $nbOr }}</span>
|
|
||||||
|
|
||||||
<img style="height:50px; vertical-align:middle;width:50px" src="{{ URL::to('imgs/trophees/or.png') }}"><span style="vertical-align:middle;font-size:20px">{{ $nbOr }}</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
@ -1,7 +1,6 @@
|
|||||||
@extends('frontend/template')
|
@extends('frontend/template')
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
<script src="/js/firework.js"></script>
|
|
||||||
<script src="{{ URL::to('js/phaser.min.js') }}"></script>
|
<script src="{{ URL::to('js/phaser.min.js') }}"></script>
|
||||||
<script src="{{ URL::to('js/responsivevoice.js') }}"></script>
|
<script src="{{ URL::to('js/responsivevoice.js') }}"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
@ -19,6 +18,7 @@
|
|||||||
}
|
}
|
||||||
function preload () {
|
function preload () {
|
||||||
game.load.spritesheet('balls', '{{ URL::to('imgs/puzzle/balls.png') }}', 17, 17);
|
game.load.spritesheet('balls', '{{ URL::to('imgs/puzzle/balls.png') }}', 17, 17);
|
||||||
|
game.load.image('trophee', '{{ URL::to('imgs/trophees/or.png') }}');
|
||||||
|
|
||||||
for(i=1; i<=selection.length; i++) {
|
for(i=1; i<=selection.length; i++) {
|
||||||
game.load.spritesheet("tableau"+i, selection[i-1].src, selection[i-1].width/dimensions[0], selection[i-1].height/dimensions[1]);
|
game.load.spritesheet("tableau"+i, selection[i-1].src, selection[i-1].width/dimensions[0], selection[i-1].height/dimensions[1]);
|
||||||
@ -153,15 +153,14 @@
|
|||||||
pieces.forEach(function(item){item.input.draggable = false;});
|
pieces.forEach(function(item){item.input.draggable = false;});
|
||||||
if(nbToPlay == currentPlayed)
|
if(nbToPlay == currentPlayed)
|
||||||
{
|
{
|
||||||
firework();
|
|
||||||
leftEmitter = game.add.emitter(50, 50);
|
leftEmitter = game.add.emitter(50, 50);
|
||||||
leftEmitter.bounce.setTo(0.5, 0.5);
|
leftEmitter.bounce.setTo(0.8, 0.8);
|
||||||
leftEmitter.setXSpeed(100, 200);
|
leftEmitter.setXSpeed(100, 200);
|
||||||
leftEmitter.setYSpeed(-50, 50);
|
leftEmitter.setYSpeed(-50, 50);
|
||||||
leftEmitter.makeParticles('balls', 0, 10, 1, true);
|
leftEmitter.makeParticles('balls', 0, 10, 1, true);
|
||||||
|
|
||||||
rightEmitter = game.add.emitter(game.world.width - 50, 50);
|
rightEmitter = game.add.emitter(game.world.width - 50, 50);
|
||||||
rightEmitter.bounce.setTo(0.5, 0.5);
|
rightEmitter.bounce.setTo(0.8, 0.8);
|
||||||
rightEmitter.setXSpeed(-100, -200);
|
rightEmitter.setXSpeed(-100, -200);
|
||||||
rightEmitter.setYSpeed(-50, 50);
|
rightEmitter.setYSpeed(-50, 50);
|
||||||
rightEmitter.makeParticles('balls', 1, 10, 1, true);
|
rightEmitter.makeParticles('balls', 1, 10, 1, true);
|
||||||
@ -169,14 +168,27 @@
|
|||||||
// explode, lifespan, frequency, quantity
|
// explode, lifespan, frequency, quantity
|
||||||
leftEmitter.start(false, 10000, 20);
|
leftEmitter.start(false, 10000, 20);
|
||||||
rightEmitter.start(false, 10000, 20);
|
rightEmitter.start(false, 10000, 20);
|
||||||
|
|
||||||
|
pieces.forEach(function(item){game.add.tween(item).to( { alpha: 0 }, 1000).start();});
|
||||||
|
|
||||||
|
var trophee = game.world.create(game.world.centerX,game.world.centerY, "trophee");
|
||||||
|
trophee.anchor.setTo(0.5,0.5);
|
||||||
|
trophee.width = 270;
|
||||||
|
trophee.height = 270;
|
||||||
|
trophee.alpha = 0;
|
||||||
|
tween = game.add.tween(trophee).to( { alpha: 1 }, 1000).start();
|
||||||
setTimeout(function(){
|
setTimeout(function(){
|
||||||
location.href = "{{URL::to('puzzle')}}";
|
location.href = "{{URL::to('/')}}";
|
||||||
}, 5000);
|
}, 4000);
|
||||||
|
|
||||||
|
//var t1 = game.world.create(game.world.centerX,game.world.centerY, "tableau1");
|
||||||
|
//t1.anchor.setTo(0.5,0.5);
|
||||||
|
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
setTimeout(function(){
|
setTimeout(function(){
|
||||||
nextPuzzle();
|
nextPuzzle();
|
||||||
}, 2000);
|
}, 1000);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -8,17 +8,18 @@
|
|||||||
style="background:url('{{ URL::to('imgs/puzzle/puzzle.png') }}'); width: 50%;">
|
style="background:url('{{ URL::to('imgs/puzzle/puzzle.png') }}'); width: 50%;">
|
||||||
</div>
|
</div>
|
||||||
<br>
|
<br>
|
||||||
<button onclick="location.href='{{ URL::to('puzzle/jouer/1') }}'"><span style="color:gold;"><span class="icon-star-full"></span></span><span class="icon-star-full"></span><span class="icon-star-full"></span></button>
|
<button class="level" onclick="location.href='{{ URL::to('puzzle/jouer/1') }}'"><span style="color:gold;"><span class="icon-star-full"></span></span><span class="icon-star-full"></span><span class="icon-star-full"></span></button>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<button onclick="location.href='{{ URL::to('puzzle/jouer/2') }}'"><span style="color:gold;"><span class="icon-star-full"></span><span class="icon-star-full"></span></span><span class="icon-star-full"></span></button>
|
<button class="level" onclick="location.href='{{ URL::to('puzzle/jouer/2') }}'"><span style="color:gold;"><span class="icon-star-full"></span><span class="icon-star-full"></span></span><span class="icon-star-full"></span></button>
|
||||||
|
|
||||||
<button onclick="location.href='{{ URL::to('puzzle/jouer/3') }}'"><span style="color:gold;"><span class="icon-star-full"></span><span class="icon-star-full"></span><span class="icon-star-full"></span></span></button>
|
<button class="level" onclick="location.href='{{ URL::to('puzzle/jouer/3') }}'"><span style="color:gold;"><span class="icon-star-full"></span><span class="icon-star-full"></span><span class="icon-star-full"></span></span></button>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div style="position: relative; left: 0; bottom:-10%; padding-left:1%; ">
|
||||||
|
<a href="/"><img style="height: 80px;" src="{{ URL::to('imgs/previouspage.png') }}"></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
@section('page-css')
|
@section('page-css')
|
||||||
<link href="{{ URL::to('css/fonts/style.css') }}" rel="stylesheet" type="text/css"/>
|
<link href="{{ URL::to('css/fonts/style.css') }}" rel="stylesheet" type="text/css"/>
|
||||||
|
Reference in New Issue
Block a user