webgl-benchmark/src/js/phaser3/scenes/IScene.js

Benchmark WebGL performance using different JavaScript rendering/game engines, such as Pixi and Phaser.

export default class IScene {
	constructor(app, gui) {
		this._app = app;
		this._gui = gui;

		this._children = this._app.scene.children.list;

		this.title = '';
		this.description = '';

		this._targetMS = 1000 / 60;
	}

	start(objectCount) {
		console.log(`Scene Changed: ${this.title}`);
		console.log(this.description);

		this._app.scene.sys.events.on('update', this._callUpdate, this);

		this._create(objectCount);
	}

	stop() {
		this._app.scene.sys.events.off('update', this._callUpdate, this);

		this._destroy();
	}

	changeObjectCount(objectCount) {
		if (objectCount > this._children.length) {
			this._create(objectCount);
		} else if (objectCount < this._children.length) {
			this._destroy(objectCount)
		}
	}

	_callUpdate(time, deltaMS) {
		const delta = deltaMS / this._targetMS;
		this._update(delta);
	}

	_update(delta) {
		for (let i = 0; i < this._children.length; ++i) {
			this._children[i].rotation += 0.05 * delta;
		}
	}

	_create() {
		throw new Error('IScene _create function must be overridden');
	}

	_destroy(objectCount = 0) {
		this._children.length = objectCount;
	}
}