pascal.lafourcade
/
waria
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Ajout de boutons. Création de la page choix du mode de jeu. Commencement de la page du jeux.

Browse Source
master
clmaisonha 5 years ago
parent 80209a7d11
commit d660b74209
13 changed files with 105 additions and 19 deletions
Show Stats Download Patch File Download Diff File

BIN
Code/assets/btnDuel.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

BIN
Code/assets/btnFlag.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 95 KiB

BIN
Code/assets/btnLast.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

BIN
Code/assets/btnMap.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 48 KiB

BIN
Code/assets/btnTeam.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 54 KiB

8
Code/index.html
Unescape View File

@ -8,12 +8,12 @@
<link href="public/css/app.min.css" rel="stylesheet" type="text/css">
<script src="public/js/phaser.min.js"></script>
<script src="public/js/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Allerta+Stencil" />
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Allerta+Stencil"/>
</head>
<body>
<div id='all'></div>
<script src="public/js/class.min.js"></script>
<script src="public/js/app.min.js"></script>
</body>
<div id='game'></div>
<script src="public/js/class.min.js"></script>
<script src="public/js/app.min.js"></script>
</html>

2
Code/public/js/app.min.js vendored
Unescape View File

@ -1 +1 @@
var EnemyBots=new Array(5),myself=new Robot(5,5);EnemyBots.push(new Robot(1,1)),console.log(myself.height);const WIDTH_WINDOW=$(document).width()-30,HEIGHT_WINDOW=$(document).height()-30;var config={type:Phaser.AUTO,width:WIDTH_WINDOW,height:HEIGHT_WINDOW,parent:"game",backgroundColor:"#35363A",scene:[Boot]},game=new Phaser.Game(config);
var EnemyBots=new Array(5),myself=new Robot(5,5);EnemyBots.push(new Robot(1,1)),console.log(myself.height);const WIDTH_WINDOW=$(document).width()-30,HEIGHT_WINDOW=$(document).height()-30;var config={type:Phaser.AUTO,width:WIDTH_WINDOW,height:HEIGHT_WINDOW,parent:"all",backgroundColor:"#35363A",scene:[Boot,Type,Game,GamingBoard]},game=new Phaser.Game(config);

2
Code/public/js/class.min.js vendored
Unescape View File

@ -1 +1 @@
class Boot extends Phaser.Scene{constructor(){super("Boot"),this.active,this.currentScene}preload(){this.load.spritesheet("btn_play","assets/btnPlay.png",{frameWidth:650,frameHeight:170}),this.load.image("background","assets/background.png")}create(){this.add.image(0,0,"background").alpha=.1;this.add.text(WIDTH_WINDOW/2,HEIGHT_WINDOW/3,"WARIA",{font:"200px stencil",fill:"#e2e2e2"}).setOrigin(.5,.5);let t=this.add.sprite(WIDTH_WINDOW/2,HEIGHT_WINDOW/3*2,"btn_play").setInteractive();t.on("pointerout",()=>t.setFrame(0)),t.on("pointerover",()=>t.setFrame(1)),t.on("pointerdown",()=>this.clickPlay(t))}clickPlay(t){t.setFrame(2),console.log("Play")}}class Robot{constructor(t,e){this.height=t,this.width=e}}
class Boot extends Phaser.Scene{constructor(){super("Boot")}preload(){this.load.spritesheet("btn_play","assets/btnPlay.png",{frameWidth:650,frameHeight:170}),this.load.spritesheet("btn_duel","assets/btnDuel.png",{frameWidth:269,frameHeight:262}),this.load.spritesheet("btn_last","assets/btnLast.png",{frameWidth:269,frameHeight:262}),this.load.spritesheet("btn_team","assets/btnTeam.png",{frameWidth:269,frameHeight:262}),this.load.spritesheet("btn_flag","assets/btnFlag.png",{frameWidth:269,frameHeight:262}),this.load.spritesheet("btn_map","assets/btnMap.png",{frameWidth:269,frameHeight:262}),this.load.image("background","assets/background.png")}create(){this.add.text(WIDTH_WINDOW/2,HEIGHT_WINDOW/3,"WARIA",{font:"200px stencil",fill:"#e2e2e2"}).setOrigin(.5,.5);let t=this.add.sprite(WIDTH_WINDOW/2,HEIGHT_WINDOW/3*2,"btn_play").setInteractive();t.on("pointerout",()=>t.setFrame(0)),t.on("pointerover",()=>t.setFrame(1)),t.on("pointerdown",()=>this.clickPlay(t))}clickPlay(t){t.setFrame(2),console.log("Play"),this.scene.start("Type")}}class Game extends Phaser.Scene{constructor(){super("Game")}preload(){}create(){let t=this.add.sprite(WIDTH_WINDOW/1.5,HEIGHT_WINDOW/3*2,"btn_play").setOrigin(.5,.5).setInteractive();t.on("pointerout",()=>t.setFrame(0)),t.on("pointerover",()=>t.setFrame(1)),t.on("pointerdown",()=>this.clickPlay(t)),this.scene.launch("GamingBoard")}}class GamingBoard extends Phaser.Scene{constructor(){super("GamingBoard")}preload(){WIDTH_WINDOW<HEIGHT_WINDOW?this.width=.8*WIDTH_WINDOW:this.width=.8*HEIGHT_WINDOW,this.cameras.main.setViewport(WIDTH_WINDOW/10,HEIGHT_WINDOW/10,this.width,this.width)}create(){this.add.image(0,0,"background").alpha=.1,this.add.circle(.1*this.width,.1*this.width,.05*this.width,6711039),this.add.circle(.9*this.width,.9*this.width,.05*this.width,16724940)}}class Robot{constructor(t,e){this.height=t,this.width=e}}class Type extends Phaser.Scene{constructor(){super("Type")}preload(){}create(){this.add.text(WIDTH_WINDOW/2,HEIGHT_WINDOW/4,"WARIA",{font:"200px stencil",fill:"#e2e2e2"}).setOrigin(.5,1);let t=this.add.sprite(WIDTH_WINDOW/8*3,HEIGHT_WINDOW/4*2,"btn_duel").setInteractive();this.createbutton(t);let e=this.add.sprite(WIDTH_WINDOW/8*5,HEIGHT_WINDOW/4*2,"btn_last").setInteractive();this.createbutton(e);let s=this.add.sprite(WIDTH_WINDOW/8*2,HEIGHT_WINDOW/4*3,"btn_team").setInteractive();this.createbutton(s);let a=this.add.sprite(WIDTH_WINDOW/8*4,HEIGHT_WINDOW/4*3,"btn_flag").setInteractive();this.createbutton(a);let i=this.add.sprite(WIDTH_WINDOW/8*6,HEIGHT_WINDOW/4*3,"btn_map").setInteractive();this.createbutton(i)}createbutton(t){t.displayHeight=HEIGHT_WINDOW/4,t.scaleX=t.scaleY,t.on("pointerout",()=>t.setFrame(0)),t.on("pointerover",()=>t.setFrame(1)),t.on("pointerdown",()=>this.clickPlay(t))}clickPlay(t){this.scene.start("Game")}}

4
Code/src/js/Init.js
Unescape View File

@ -9,9 +9,9 @@ var config = {
type: Phaser.AUTO,
width: WIDTH_WINDOW,
height: HEIGHT_WINDOW,
parent: 'game',
parent: 'all',
backgroundColor: '#35363A',
scene: [ Boot ]
scene: [ Boot, Type, Game, GamingBoard ]
};
var game = new Phaser.Game(config);

25
Code/src/js/classes/Boot.js
Unescape View File

@ -1,28 +1,31 @@
class Boot extends Phaser.Scene {
constructor() {
super('Boot');
this.active;
this.currentScene;
}
preload () {
this.load.spritesheet('btn_play', 'assets/btnPlay.png', { frameWidth: 650, frameHeight: 170 });
preload() {
this.load.spritesheet('btn_play', 'assets/btnPlay.png', {frameWidth: 650, frameHeight: 170});
this.load.spritesheet('btn_duel', 'assets/btnDuel.png', {frameWidth: 269, frameHeight: 262});
this.load.spritesheet('btn_last', 'assets/btnLast.png', {frameWidth: 269, frameHeight: 262});
this.load.spritesheet('btn_team', 'assets/btnTeam.png', {frameWidth: 269, frameHeight: 262});
this.load.spritesheet('btn_flag', 'assets/btnFlag.png', {frameWidth: 269, frameHeight: 262});
this.load.spritesheet('btn_map', 'assets/btnMap.png', {frameWidth: 269, frameHeight: 262});
this.load.image('background', 'assets/background.png');
}
create () {
this.add.image(0,0,'background').alpha = 0.1;
let style = { font : '200px stencil', fill: "#e2e2e2"};
this.add.text(WIDTH_WINDOW / 2,HEIGHT_WINDOW / 3, "WARIA", style).setOrigin(0.5,0.5);
let btn = this.add.sprite(WIDTH_WINDOW / 2,(HEIGHT_WINDOW / 3) * 2, 'btn_play').setInteractive();
create() {
let style = {font: '200px stencil', fill: "#e2e2e2"};
this.add.text(WIDTH_WINDOW / 2, HEIGHT_WINDOW / 3, "WARIA", style).setOrigin(0.5, 0.5);
let btn = this.add.sprite(WIDTH_WINDOW / 2, (HEIGHT_WINDOW / 3) * 2, 'btn_play').setInteractive();
//btn.setFrame(0);
btn.on('pointerout', () => btn.setFrame(0));
btn.on('pointerover', () => btn.setFrame(1));
btn.on('pointerdown', () => this.clickPlay(btn));
}
clickPlay (btn) {
clickPlay(btn) {
btn.setFrame(2);
console.log("Play");
this.scene.start('Type');
}
}

20
Code/src/js/classes/Game.js
Unescape View File

@ -0,0 +1,20 @@
class Game extends Phaser.Scene {
constructor() {
super('Game');
}
preload() {
}
create() {
//this.add.image(0,0,'background').alpha = 0.1;
let btn = this.add.sprite(WIDTH_WINDOW / 1.5, (HEIGHT_WINDOW / 3) * 2, 'btn_play').setOrigin(0.5, 0.5).setInteractive();
//btn.setFrame(0);
btn.on('pointerout', () => btn.setFrame(0));
btn.on('pointerover', () => btn.setFrame(1));
btn.on('pointerdown', () => this.clickPlay(btn));
this.scene.launch('GamingBoard');
//this.scene.isActive('GamingBoard');
}
}

23
Code/src/js/classes/GamingBoard.js
Unescape View File

@ -0,0 +1,23 @@
class GamingBoard extends Phaser.Scene {
constructor() {
super('GamingBoard');
}
preload() {
if (WIDTH_WINDOW < HEIGHT_WINDOW)
this.width = WIDTH_WINDOW * 0.8;
else
this.width = HEIGHT_WINDOW * 0.8;
this.cameras.main.setViewport(WIDTH_WINDOW / 10, HEIGHT_WINDOW / 10, this.width, this.width);
}
create() {
this.add.image(0, 0, 'background').alpha = 0.1;
this.add.circle(this.width*0.1,this.width*0.1,this.width*0.05, 0x6666ff);
this.add.circle(this.width*0.9,this.width*0.9,this.width*0.05, 0xff33cc);
}
}

40
Code/src/js/classes/Type.js
Unescape View File

@ -0,0 +1,40 @@
class Type extends Phaser.Scene {
constructor() {
super('Type');
}
preload() {
}
create() {
let style = {font: '200px stencil', fill: "#e2e2e2"};
this.add.text(WIDTH_WINDOW / 2, HEIGHT_WINDOW / 4, "WARIA", style).setOrigin(0.5, 1);
let btnDuel = this.add.sprite((WIDTH_WINDOW / 8) * 3, (HEIGHT_WINDOW / 4) * 2, 'btn_duel').setInteractive();
this.createbutton(btnDuel);
let btnLast = this.add.sprite((WIDTH_WINDOW / 8) * 5, (HEIGHT_WINDOW / 4) * 2, 'btn_last').setInteractive();
this.createbutton(btnLast);
let btnTeam = this.add.sprite((WIDTH_WINDOW / 8) * 2, (HEIGHT_WINDOW / 4) * 3, 'btn_team').setInteractive();
this.createbutton(btnTeam);
let btnFlag = this.add.sprite((WIDTH_WINDOW / 8) * 4, (HEIGHT_WINDOW / 4) * 3, 'btn_flag').setInteractive();
this.createbutton(btnFlag);
let btnMap = this.add.sprite((WIDTH_WINDOW / 8) * 6, (HEIGHT_WINDOW / 4) * 3, 'btn_map').setInteractive();
this.createbutton(btnMap);
}
createbutton(btn) {
btn.displayHeight = HEIGHT_WINDOW / 4;
btn.scaleX = btn.scaleY;
btn.on('pointerout', () => btn.setFrame(0));
btn.on('pointerover', () => btn.setFrame(1));
btn.on('pointerdown', () => this.clickPlay(btn));
}
clickPlay(btn) {
this.scene.start('Game');
}
}
Write Preview
Loading…
Cancel
Save