source-code/
break-the-web
Public
typescript23 lines516 B
import { Scene } from 'phaser';
export class Boot extends Scene
{
constructor ()
{
super('Boot');
}
preload ()
{
// The Boot Scene is typically used to load in any assets you require for your Preloader, such as a game logo or background.
// The smaller the file size of the assets, the better, as the Boot Scene itself has no preloader.
this.load.image('background', 'assets/bg.png');
}
create ()
{
this.scene.start('Preloader');
}
}
About
Interact with the web page itself using HTML5 Drag-and-Drop to pull inputs and images directly into the Phaser physics engine. Alter the website state through bi-directional communication between React and Phaser, unlocking a glitchy horror mode. The game is built using React, Phaser 3, Zustand for state management, and Vanilla CSS.
linknre.codes
ReactPhaser 3TypeScriptZustandVite