source-code/
break-the-web
Public
typescript33 lines724 B
import { Scene, GameObjects } from 'phaser';
export class MainMenu extends Scene
{
background: GameObjects.Image;
logo: GameObjects.Image;
title: GameObjects.Text;
constructor ()
{
super('MainMenu');
}
create ()
{
this.background = this.add.image(512, 384, 'background');
this.logo = this.add.image(512, 300, 'logo');
this.title = this.add.text(512, 460, 'Main Menu', {
fontFamily: 'Arial Black', fontSize: 38, color: '#ffffff',
stroke: '#000000', strokeThickness: 8,
align: 'center'
}).setOrigin(0.5);
this.input.once('pointerdown', () => {
this.scene.start('Game');
});
}
}
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