charyan / html-game-framework

Create narrative games for the web

html-game-framework: Build a story based html game

Screenshots

Games made with html-game-framework

Game made by a human

Beach: game made by ChatGPT and Dalle (game.json generated with ChatGPT and images with Dall-e)

Cyberpunk city: game made by ChatGPT and Dalle (game.json generated with ChatGPT and images with Dall-e)

Star Wars: game made by ChatGPT and Dalle (game.json generated with ChatGPT and images with Dall-e)

Creation of a game with the hgf-designer

Try it live

Build instructions

First you will need to install Rust

git clone https://github.com/charyan/html-game-framework.git
cd html-game-framework/hgf-maker/
cargo build --release
cd ..

How to use the html-game-framework

Create your game with the hgf-designer

Open html-game-framework/hgf-designer/index.html in a web browser. Create your game. The first scene in the list will be the start of your game. Once you're done, click on Export to JSON.

Build the game

Create the game based on your game.json file created above.

# SOURCE being your game.json file and DEST the destination directory you want your game files in
html-game-framework/hgf-maker/target/release/hgf-maker SOURCE DEST

Copy your images in DEST/img. Copy the CSS stylesheet from html-game-framework/game/style.css to DEST.

Launching the game

Open DEST/index.html in a web browser.