source-code/
break-the-web
Public
json42 lines1.3 KB
{
"name": "template-vite-ts",
"description": "A Phaser 3 TypeScript template using Vite.",
"version": "1.4.0",
"repository": {
"type": "git",
"url": "git+https://github.com/phaserjs/template-vite-ts.git"
},
"author": "Phaser Studio <support@phaser.io> (https://phaser.io/)",
"license": "MIT",
"licenseUrl": "http://www.opensource.org/licenses/mit-license.php",
"bugs": {
"url": "https://github.com/phaserjs/template-vite-ts/issues"
},
"homepage": "https://github.com/phaserjs/template-vite-ts#readme",
"scripts": {
"dev": "node log.js dev & vite --config vite/config.dev.mjs",
"build": "node log.js build & vite build --config vite/config.prod.mjs",
"dev-nolog": "vite --config vite/config.dev.mjs",
"build-nolog": "vite build --config vite/config.prod.mjs"
},
"devDependencies": {
"@tailwindcss/postcss": "^4.3.0",
"@types/react": "^19.2.15",
"@types/react-dom": "^19.2.3",
"@vitejs/plugin-react": "^4.7.0",
"autoprefixer": "^10.5.0",
"postcss": "^8.5.15",
"tailwindcss": "^4.3.0",
"typescript": "~5.7.2",
"vite": "^6.3.1"
},
"dependencies": {
"phaser": "4.0.0",
"puppeteer": "^25.0.4",
"react": "^19.2.6",
"react-dom": "^19.2.6",
"terser": "^5.39.0",
"zustand": "^5.0.13"
}
}
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