constructor () {
this.canvas = Canvas(800, 600);
this.ctx = GetContext(this.canvas);
AddToDOM(this.canvas, 'game');
// Sprite at 100x100
this.sprite = {
name: 'Bob',
transform: new Transform()
};
// Inject the Transform properties directly into the Sprite object
this.sprite.transform.addProperties(this.sprite);
// Now we can do things like this ...
this.sprite.x = 32;
this.sprite.y = 64;
// Loader
this.image = null;
this.loader = new Loader();
this.loader.path = 'assets/';
this.loader.image('mushroom2').then((file) => this.loadComplete(file));
this.loader.start();
}
constructor () {
this.canvas = Canvas(800, 600);
this.ctx = GetContext(this.canvas);
AddToDOM(this.canvas, 'game');
// Loader
this.image = null;
this.loader = new Loader();
this.loader.path = 'assets/';
this.loader.image('mushroom2').then((file) => this.loadComplete(file));
this.loader.start();
}
constructor () {
this.canvas = Canvas(320, 200);
AddToDOM(this.canvas, 'game');
this.loader = new Loader();
this.loader.path = 'assets/';
this.loader.image('agent-t-buggin-acf_logo').then((file) => this.loadComplete(file));
this.loader.start();
}
constructor () {
this.canvas = Canvas(512, 256);
AddToDOM(this.canvas, 'game');
this.loader = new Loader();
this.loader.path = 'assets/';
this.loader.image('jelly').then((file) => this.loadComplete(file));
this.loader.start();
}
constructor () {
this.canvas = Canvas(800, 600);
BackgroundColor(this.canvas, 'rgb(0, 0, 0)');
AddToDOM(this.canvas, 'game');
this.ctx = GetContext(this.canvas);
// Loader
this.loader = new Loader();
this.loader.path = 'assets/';
this.loader.image('star3').then((file) => this.loadComplete(file));
this.loader.start();
}
constructor () {
this.canvas = Canvas(800, 600);
AddToDOM(this.canvas, 'game');
ImageRendering.crisp(this.canvas);
this.loader = new Loader();
this.loader.path = 'assets/';
this.loader.image('mushroom2').then((file) => this.loadComplete(file));
this.loader.start();
}
constructor (key, url) {
this.loader = new Loader();
this.loader.path = 'assets/';
this.loader.binary(key, url, (key, data) => { this.checkFile(key, data); });
}
constructor () {
this.canvas = Canvas(800, 600);
this.canvas.addEventListener('mousedown', e => this.update(e), true);
AddToDOM(this.canvas, 'game');
this.ctx = GetContext(this.canvas);
this.ctx.fillStyle = 'rgba(255, 255, 255, 1)';
this.ctx.font = '14px Courier';
this.sprites1 = new Set();
this.sprites2 = new Set();
// Our root transform, right in the middle of the screen
this.root = new Transform2D({}, null, 400, 300);
this.sprites1.add(this.root);
// And now let's create a bunch of transforms around it
for (let i = 0; i < 8; i++)
{
let child = new Transform2D({}, this.root, -200 + (64 * i), -100);
this.sprites1.add(child);
}
for (let i = 0; i < 8; i++)
{
let child = new Transform2D({}, this.root, -200 + (64 * i), -170);
this.sprites2.add(child);
}
// Loader
this.image = null;
this.loader = new Loader();
this.loader.path = 'assets/';
this.loader.image('mushroom2').then((file) => this.loadComplete(file));
this.loader.start();
}
constructor () {
this.canvas = Canvas(800, 600);
BackgroundColor(this.canvas, 'rgb(0, 0, 0)');
AddToDOM(this.canvas, 'game');
this.ctx = GetContext(this.canvas);
this.ctx.fillStyle = '#fff';
this.sinusdots = new SinusDots({ x: 400, y: 300, qty: 400, x1: 1008, y1: 2048, x2: 512, y2: 970, x3: 248, y3: -436, x4: 372, y4: 64 });
// Loader
this.image = null;
this.loader = new Loader();
this.loader.path = 'assets/';
this.loader.image('blue_ball').then((file) => this.loadComplete(file));
this.loader.start();
}
constructor () {
// Throw some CSS into our game container
let game = document.getElementById('game').style;
game.backgroundColor = '#2d2d2d';
game.width = '800px';
game.height = '600px';
game.overflow = 'hidden';
game.position = 'absolute';
if (document.getElementById('options'))
{
let options = document.getElementById('options').style;
options.marginTop = '620px';
}
this.image = null;
this.loader = new Loader();
this.loader.path = 'assets/';
this.loader.image('mushroom2').then((file) => this.loadComplete(file));
this.loader.start();
}
import Loader from 'loader/Loader.js';
let loader = new Loader();
loader.path = 'assets/';
loader.shader('bacteria');
loader.start().then(
(files) => loaderComplete(files)
);
function loaderComplete (files) {
for (let file of files)
{
console.log(file);
}
}
import Loader from 'loader/Loader.js';
let loader = new Loader();
loader.path = 'assets/';
loader.xml('octopus');
loader.start().then(
(files) => loaderComplete(files)
);
function loaderComplete (files) {
for (let file of files)
{
console.log(file);
}
}
import Loader from 'loader/Loader.js';
let loader = new Loader();
loader.path = 'assets/';
loader.atlas('invaderpig');
loader.start().then(
(files) => loaderComplete(files)
);
function loaderComplete (files) {
for (let file of files)
{
console.log(file);
}
}
import Loader from 'loader/Loader.js';
let loader = new Loader();
loader.path = 'assets/';
loader.atlasXML('octopus');
loader.start();
import Loader from 'loader/Loader.js';
let loader = new Loader();
loader.path = 'assets/';
loader.text('test');
loader.start().then(
(files) => loaderComplete(files)
);
function loaderComplete (files) {
for (let file of files)
{
console.log(file);
}
}
import Loader from 'loader/Loader.js';
let loader = new Loader();
loader.path = 'assets/';
loader.json('invaderpig');
loader.start().then(
(files) => loaderComplete(files)
);
function loaderComplete (files) {
for (let file of files)
{
console.log(file);
}
}
import Loader from 'loader/Loader.js';
let loader = new Loader();
loader.path = 'assets/';
loader.image('logo', 'phaser1.png');
loader.image('arrow'); // automatic png addition
loader.images( [ 'jelly', 'octopus', 'loop' ] );
loader.start().then(
(files) => loaderComplete(files)
);
function loaderComplete (files) {
for (let file of files)
{
document.getElementById('game').appendChild(file.data);
}
}
start () {
this.loader.start();
}