Skip to content

S
sejong25
Commit 7e015638 authored by 16이지혜's avatar 16이지혜
Browse files
Options

검은 화면에 뇌비스무리한거에 글씨 띄우는거까지 완성

parent 205ad297
Hide whitespace changes
Inline Side-by-side
Showing with 67 additions and 141 deletions
index.html
View file @ 7e015638
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<script src="script/phaser.js"></script>
<script src="script/player.js"></script>
<script src="script/Background.js"></script>
<script src="script/Word.js"></script>
</head>
<body>
<script src="script/main.js"></script>
<script src="script/Main.js"></script>
</body>
</html>
\ No newline at end of file
script/Background.js 0 → 100644
View file @ 7e015638
var BackGround = BackGround || {}
BackGround.isImageLoaded = false;
BackGround.brainGroup = null;
BackGround.loadImage = function(scene)
{
if (!this.isImageLoaded)
{
scene.load.image('brainGround0', 'assets/platform.png'); // horizontal
scene.load.image('brainGround1', 'assets/platform2.png'); // vertical
}
}
BackGround.drawBrain = function(scene)
{
brains = scene.physics.add.staticGroup();
brains.create(400, 500, 'brainGround0').setScale(1.5).refreshBody();
brains.create(400, 100, 'brainGround0').setScale(1.5).refreshBody();
brains.create(100, 300, 'brainGround1').setScale(0.5).refreshBody();
brains.create(700, 300, 'brainGround1').setScale(0.5).refreshBody();
brains.immovable = true;
this.brainGroup = brains;
}
\ No newline at end of file
script/Word.js 0 → 100644
View file @ 7e015638
class Word
{
constructor(text)
{
this.wordText = text;
}
generate(scene)
{
scene.add.text(400,300, this.wordText, {fontFamily: '"궁서", 궁서체, serif'}).setBackgroundColor('#FF00FF');
}
}
/*
function Word()
{
this.wordText = '임시텍스트';
}
Word.prototype.generate = function(scene)
{
myText = scene.add.text(400,300, this.wordText, {fontFamily: '"궁서", 궁서체, serif'}).setBackgroundColor('#FF00FF');
}
Word.prototype.delete = function()
{
}*/
\ No newline at end of file
script/main.js
View file @ 7e015638
......@@ -5,10 +5,10 @@ var config = {
physics: {
default: 'arcade',
arcade: {
gravity: {y: 300},
debug: false
debug: true
}
},
backgroundColor: Phaser.Display.Color.GetColor(0,0,0),
scene: {
preload: preload,
create: create,
......@@ -18,146 +18,20 @@ var config = {
var game = new Phaser.Game(config);
var score = 0;
var scoreText;
// load assets
function preload()
{
//this.load.image('sky', 'assets/sky.png');
sky.load(this);
this.load.image('ground', 'assets/platform.png');
this.load.image('star', 'assets/star.png');
this.load.image('bomb', 'assets/bomb.png');
this.load.spritesheet('dude',
'assets/dude.png',
{ frameWidth: 32, frameHeight: 48 }
);
BackGround.loadImage(this);
}
function create()
{
this.add.image(0, 0, 'sky').setOrigin(0,0);
platforms = this.physics.add.staticGroup();
platforms.create(400, 568, 'ground').setScale(2).refreshBody();
platforms.create(600, 400, 'ground');
platforms.create(50, 250, 'ground');
platforms.create(750, 220, 'ground');
player = this.physics.add.sprite(100, 450, 'dude');
this.physics.add.collider(player, platforms);
player.setBounce(0.2);
player.setCollideWorldBounds(true);
this.anims.create({
key: 'left',
frames: this.anims.generateFrameNumbers('dude', { start: 0, end: 3 }),
frameRate: 10,
repeat: -1
});
this.anims.create({
key: 'turn',
frames: [ { key: 'dude', frame: 4 } ],
frameRate: 20
});
this.anims.create({
key: 'right',
frames: this.anims.generateFrameNumbers('dude', { start: 5, end: 8 }),
frameRate: 10,
repeat: -1
});
cursors = this.input.keyboard.createCursorKeys();
stars = this.physics.add.group({
key: 'star',
repeat: 11,
setXY: { x: 12, y: 0, stepX: 70 }
});
this.physics.add.collider(stars, platforms);
this.physics.add.overlap(player, stars, collectStar, null, this);
stars.children.iterate(function (child) {
child.setBounceY(Phaser.Math.FloatBetween(0.4, 0.8));
});
scoreText = this.add.text(16, 16, 'Score: 0', { fontSize: '32px', fill: '#000' });
bombs = this.physics.add.group();
this.physics.add.collider(bombs, platforms);
this.physics.add.collider(player, bombs, hitBomb, null, this);
BackGround.drawBrain(this);
var word = new Word('살려주세요');
word.generate(this);
}
function update()
{
if (cursors.left.isDown)
{
player.setVelocityX(-160);
player.anims.play('left', true);
}
else if (cursors.right.isDown)
{
player.setVelocityX(160);
player.anims.play('right', true);
}
else
{
player.setVelocityX(0);
player.anims.play('turn');
}
if (cursors.up.isDown && player.body.touching.down)
{
player.setVelocityY(-330);
}
}
function collectStar (player, star)
{
star.disableBody(true, true);
score += 10;
scoreText.setText('Score: ' + score);
if (stars.countActive(true) === 0)
{
stars.children.iterate(function (child) {
child.enableBody(true, child.x, 0, true, true);
});
var x = (player.x < 400) ? Phaser.Math.Between(400, 800) : Phaser.Math.Between(0, 400);
var bomb = bombs.create(x, 16, 'bomb');
bomb.setBounce(1);
bomb.setCollideWorldBounds(true);
bomb.setVelocity(Phaser.Math.Between(-200, 200), 20);
}
}
function hitBomb (player, bomb)
{
this.physics.pause();
player.setTint(0xff0000);
player.anims.play('turn');
gameOver = true;
}
\ No newline at end of file
script/player.js deleted 100644 → 0
View file @ 205ad297
var sky = {}
sky.load = function(context)
{
context.load.image('sky', 'assets/sky.png');
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment