Skip to content

L
learn-phaser
Commit 86a6f22e authored by wildfirecode's avatar wildfirecode
Browse files
Options

1

parent 273206fa
Expand all Show whitespace changes
Inline Side-by-side
Showing with 48623 additions and 150 deletions
.DS_Store 0 → 100644
View file @ 86a6f22e
File added
100-world-bodies.js
View file @ 86a6f22e
var config = { (function () {
var config = {
type: Phaser.WEBGL, type: Phaser.WEBGL,
width: 800, width: 800,
height: 600, height: 600,
...@@ -17,45 +18,30 @@ var config = { ...@@ -17,45 +18,30 @@ var config = {
create: create, create: create,
update: update update: update
} }
}; };
var controls;
var controls; var game = new Phaser.Game(config);
function create() {
var game = new Phaser.Game(config);
function create ()
{
var worldWidth = 1600; var worldWidth = 1600;
var worldHeight = 1200; var worldHeight = 1200;
this.matter.world.setBounds(0, 0, worldWidth, worldHeight); this.matter.world.setBounds(0, 0, worldWidth, worldHeight);
// Create loads of random bodies // Create loads of random bodies
for (var i = 0; i < 100; i++) for (var i = 0; i < 100; i++) {
{
var x = Phaser.Math.Between(0, worldWidth); var x = Phaser.Math.Between(0, worldWidth);
var y = Phaser.Math.Between(0, worldHeight); var y = Phaser.Math.Between(0, worldHeight);
if (Math.random() < 0.7) {
if (Math.random() < 0.7)
{
var sides = Phaser.Math.Between(3, 14); var sides = Phaser.Math.Between(3, 14);
var radius = Phaser.Math.Between(8, 50); var radius = Phaser.Math.Between(8, 50);
this.matter.add.polygon(x, y, sides, radius, { restitution: 0.9 }); this.matter.add.polygon(x, y, sides, radius, { restitution: 0.9 });
} }
else else {
{
var width = Phaser.Math.Between(16, 128); var width = Phaser.Math.Between(16, 128);
var height = Phaser.Math.Between(8, 64); var height = Phaser.Math.Between(8, 64);
this.matter.add.rectangle(x, y, width, height, { restitution: 0.9 }); this.matter.add.rectangle(x, y, width, height, { restitution: 0.9 });
} }
} }
this.matter.add.mouseSpring(); this.matter.add.mouseSpring();
var cursors = this.input.keyboard.createCursorKeys(); var cursors = this.input.keyboard.createCursorKeys();
var controlConfig = { var controlConfig = {
camera: this.cameras.main, camera: this.cameras.main,
left: cursors.left, left: cursors.left,
...@@ -68,36 +54,24 @@ function create () ...@@ -68,36 +54,24 @@ function create ()
drag: 0.0005, drag: 0.0005,
maxSpeed: 1.0 maxSpeed: 1.0
}; };
controls = new Phaser.Cameras.Controls.Smoothed(controlConfig); controls = new Phaser.Cameras.Controls.Smoothed(controlConfig);
this.input.keyboard.on('KEY_DOWN_Z', function (event) { this.input.keyboard.on('KEY_DOWN_Z', function (event) {
this.cameras.main.rotation += 0.01; this.cameras.main.rotation += 0.01;
}, 0, this); }, 0, this);
this.input.keyboard.on('KEY_DOWN_X', function (event) { this.input.keyboard.on('KEY_DOWN_X', function (event) {
this.cameras.main.rotation -= 0.01; this.cameras.main.rotation -= 0.01;
}, 0, this); }, 0, this);
var cam = this.cameras.main; var cam = this.cameras.main;
var gui = new dat.GUI();
gui = new dat.GUI();
var p1 = gui.addFolder('Pointer'); var p1 = gui.addFolder('Pointer');
p1.add(this.input, 'x').listen(); p1.add(this.input, 'x').listen();
p1.add(this.input, 'y').listen(); p1.add(this.input, 'y').listen();
p1.open(); p1.open();
var help = { var help = {
line1: 'Cursors to move', line1: 'Cursors to move',
line2: 'Q & E to zoom', line2: 'Q & E to zoom',
line3: 'Z & X to rotate', line3: 'Z & X to rotate',
} };
var f1 = gui.addFolder('Camera'); var f1 = gui.addFolder('Camera');
f1.add(cam, 'x').listen(); f1.add(cam, 'x').listen();
f1.add(cam, 'y').listen(); f1.add(cam, 'y').listen();
...@@ -109,10 +83,8 @@ function create () ...@@ -109,10 +83,8 @@ function create ()
f1.add(help, 'line2'); f1.add(help, 'line2');
f1.add(help, 'line3'); f1.add(help, 'line3');
f1.open(); f1.open();
}
} function update(time, delta) {
function update (time, delta)
{
controls.update(delta); controls.update(delta);
} }
})();
100-world-bodies.ts 0 → 100644
View file @ 86a6f22e
(function(){
var config = {
type: Phaser.WEBGL,
width: 800,
height: 600,
parent: 'phaser-example',
pixelArt: true,
physics: {
default: 'matter',
matter: {
gravity: {
y: 0
},
debug: true
}
},
scene: {
create: create,
update: update
}
};
var controls;
var game = new Phaser.Game(config);
function create ()
{
var worldWidth = 1600;
var worldHeight = 1200;
this.matter.world.setBounds(0, 0, worldWidth, worldHeight);
// Create loads of random bodies
for (var i = 0; i < 100; i++)
{
var x = Phaser.Math.Between(0, worldWidth);
var y = Phaser.Math.Between(0, worldHeight);
if (Math.random() < 0.7)
{
var sides = Phaser.Math.Between(3, 14);
var radius = Phaser.Math.Between(8, 50);
this.matter.add.polygon(x, y, sides, radius, { restitution: 0.9 });
}
else
{
var width = Phaser.Math.Between(16, 128);
var height = Phaser.Math.Between(8, 64);
this.matter.add.rectangle(x, y, width, height, { restitution: 0.9 });
}
}
this.matter.add.mouseSpring();
var cursors = this.input.keyboard.createCursorKeys();
var controlConfig = {
camera: this.cameras.main,
left: cursors.left,
right: cursors.right,
up: cursors.up,
down: cursors.down,
zoomIn: this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.Q),
zoomOut: this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.E),
acceleration: 0.06,
drag: 0.0005,
maxSpeed: 1.0
};
controls = new Phaser.Cameras.Controls.Smoothed(controlConfig);
this.input.keyboard.on('KEY_DOWN_Z', function (event) {
this.cameras.main.rotation += 0.01;
}, 0, this);
this.input.keyboard.on('KEY_DOWN_X', function (event) {
this.cameras.main.rotation -= 0.01;
}, 0, this);
var cam = this.cameras.main;
var gui = new dat.GUI();
var p1 = gui.addFolder('Pointer');
p1.add(this.input, 'x').listen();
p1.add(this.input, 'y').listen();
p1.open();
var help = {
line1: 'Cursors to move',
line2: 'Q & E to zoom',
line3: 'Z & X to rotate',
}
var f1 = gui.addFolder('Camera');
f1.add(cam, 'x').listen();
f1.add(cam, 'y').listen();
f1.add(cam, 'scrollX').listen();
f1.add(cam, 'scrollY').listen();
f1.add(cam, 'rotation').min(0).step(0.01).listen();
f1.add(cam, 'zoom', 0.1, 2).step(0.1).listen();
f1.add(help, 'line1');
f1.add(help, 'line2');
f1.add(help, 'line3');
f1.open();
}
function update (time, delta)
{
controls.update(delta);
}
})();
\ No newline at end of file
add-body-to-text.js
View file @ 86a6f22e
var config = { (function () {
var config = {
type: Phaser.AUTO, type: Phaser.AUTO,
width: 800, width: 800,
height: 600, height: 600,
...@@ -17,22 +18,16 @@ var config = { ...@@ -17,22 +18,16 @@ var config = {
preload: preload, preload: preload,
create: create create: create
} }
}; };
var game = new Phaser.Game(config);
var game = new Phaser.Game(config); function preload() {
function preload ()
{
this.load.image('platform', 'assets/sprites/platform.png'); this.load.image('platform', 'assets/sprites/platform.png');
} }
function create() {
function create ()
{
var text = this.add.text(100, 0, 'Phaser 3', { font: '32px Arial', fill: '#00ff00' }); var text = this.add.text(100, 0, 'Phaser 3', { font: '32px Arial', fill: '#00ff00' });
var text2 = this.add.text(100, -100, 'Phaser 3', { font: '32px Arial', fill: '#ffff00' }); var text2 = this.add.text(100, -100, 'Phaser 3', { font: '32px Arial', fill: '#ffff00' });
var matterText = this.matter.add.gameObject(text, { shape: { type: 'polygon', sides: 8, radius: 64 } }).setFrictionAir(0.001).setBounce(0.9); var matterText = this.matter.add.gameObject(text, { shape: { type: 'polygon', sides: 8, radius: 64 } }).setFrictionAir(0.001).setBounce(0.9);
var matterText2 = this.matter.add.gameObject(text2).setFrictionAir(0.001).setBounce(0.9); var matterText2 = this.matter.add.gameObject(text2).setFrictionAir(0.001).setBounce(0.9);
this.matter.add.image(350, 450, 'platform', null, { isStatic: true }).setScale(2, 0.5).setAngle(10); this.matter.add.image(350, 450, 'platform', null, { isStatic: true }).setScale(2, 0.5).setAngle(10);
} }
})();
add-body-to-text.ts 0 → 100644
View file @ 86a6f22e
(function () {
var config = {
type: Phaser.AUTO,
width: 800,
height: 600,
backgroundColor: '#1b1464',
parent: 'phaser-example',
physics: {
default: 'matter',
matter: {
debug: true,
gravity: {
y: 0.3
},
}
},
scene: {
preload: preload,
create: create
}
};
var game = new Phaser.Game(config);
function preload() {
this.load.image('platform', 'assets/sprites/platform.png');
}
function create() {
var text = this.add.text(100, 0, 'Phaser 3', { font: '32px Arial', fill: '#00ff00' });
var text2 = this.add.text(100, -100, 'Phaser 3', { font: '32px Arial', fill: '#ffff00' });
var matterText = this.matter.add.gameObject(text, { shape: { type: 'polygon', sides: 8, radius: 64 } }).setFrictionAir(0.001).setBounce(0.9);
var matterText2 = this.matter.add.gameObject(text2).setFrictionAir(0.001).setBounce(0.9);
this.matter.add.image(350, 450, 'platform', null, { isStatic: true }).setScale(2, 0.5).setAngle(10);
}
})();
\ No newline at end of file
dat.d.ts 0 → 100644
View file @ 86a6f22e
declare var dat
\ No newline at end of file
phaser.d.ts 0 → 100644
View file @ 86a6f22e
This diff is collapsed.
tsconfig.json 0 → 100644
View file @ 86a6f22e
{
"compilerOptions": {
"target": "es5",
"module": "none",
"skipLibCheck": true
}
}
\ 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