Skip to content

Instantly share code, notes, and snippets.

@tickle-monster

tickle-monster/base.js

Last active April 4, 2020 02:32
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save tickle-monster/629ad7f77018c734bec2f19df6c560f1 to your computer and use it in GitHub Desktop.
Save tickle-monster/629ad7f77018c734bec2f19df6c560f1 to your computer and use it in GitHub Desktop.
Download ZIP
Phaser 3 BaseScene (bugged)
Raw
base.js
import phaser from 'phaser';
export class BaseScene extends phaser.Scene
{
constructor (config)
{
super(config);
this.user;
}
init ()
{
this.user = this.registry.get('user');
}
}
Raw
boot.js
import phaser from 'phaser';
export class Boot extends phaser.Scene
{
constructor ()
{
super({ key: 'boot' });
}
preload ()
{
}
create ()
{
this.scene.start('preloader');
}
}
Raw
home.js
import phaser from 'phaser'
import BaseScene from 'base'
export class Home extends BaseScene {
constructor ()
{
super({
key: 'home'
});
}
init(data) {
super.init();
}
create () {
this.add.text(20, 15, "BaseScene Test", {fontFamily: 'Courier', fontSize: 30, color: 'white', align: 'left'}).setOrigin(0);
this.add.text(20, 65, this.user.username, {fontFamily: 'Courier', fontSize: 30, color: 'white', align: 'left'}).setOrigin(0);
}
update () {
}
}
Raw
index.html
<html>
<head>
<title>BaseScene Test</title>
<script src="https://cdn.jsdelivr.net/npm/phaser@3.22.0/dist/phaser.min.js"></script>
</head>
<body style="margin:0px">
<script type="text/javascript" src="index.js"></script>
</body>
</html>
Raw
index.js
import Phaser from 'phaser';
import { Boot } from './boot';
import { Preloader } from './preloader';
import { Home } from './home';
const config = {
scale: {
mode: Phaser.Scale.FIT,
parent: 'phaser-example',
autoCenter: Phaser.Scale.CENTER_BOTH,
width: 1136,
height: 640
},
scene: [
Boot,
Preloader,
Home
]
};
const game = new Phaser.Game(config);
Raw
preloader.js
import phaser from 'phaser';
export class Preloader extends phaser.Scene {
constructor () {
super({
key: 'preloader'
})
}
preload () {
this.load.json('userData', 'user.json');
}
create () {
var user = this.cache.json.get('userData');
this.registry.set('user', user);
this.scene.start('home');
}
}
Raw
user.json
{"id":1,"username":"batman"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment