https://github.com/chr15m/hypeframe

HTML5 game boilerplate WIP
https://github.com/chr15m/hypeframe

boilerplate framework game-development game-engine html5

Last synced: 12 months ago
JSON representation

HTML5 game boilerplate WIP

• Host: GitHub
• URL: https://github.com/chr15m/hypeframe
• Owner: chr15m
• Created: 2023-02-06T02:43:46.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-27T13:11:09.000Z (about 3 years ago)
• Last Synced: 2025-02-12T14:14:24.720Z (about 1 year ago)
• Topics: boilerplate, framework, game-development, game-engine, html5
• Language: JavaScript
• Homepage:
• Size: 74.2 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
This is a minimal HTML5 game boilerplate / framework.

For making basic 2d keyboard controlled games.

HypeFrame takes care of the annoying boilerplate stuff so you can concentrate on the game.

You can use whatever game engine you like such as Three.js, Photon, or even React and other web frameworks.

![Default title screen](./src/titlescreen.png)

Here is a list of the stuff it takes care of:

 * Screens management (splash, title, settings, game screen).

 * Menus.

 * Keyboard, Touch screen, and gamepad inputs.

 * CSS effects stylesheet.

Touch screen is supported by mapping on-screen arrows to virtual key presses.

Gamepad is supported by mapping inputs to virtual key presses.

HypeFrame uses browser capabilities wherever possible.

For example it uses native DOM elements and CSS instead of Canvas.

# Use it

1. [Download a zip](https://github.com/chr15m/HypeFrame/archive/refs/heads/main.zip) of the code, or check out the code with `git`.

2. Started editing.

# Dev

If you use Node you can install the deps and run the local server with: `npm run watch`.