AGE : ASCII Game Engine



Introduction


AGE is a minimal game engine that I made because I wanted something extremely light and suitable for very small ages. I used bitsy in the past and it is very good. I just wanted something simpler. 

So, A.G.E. was born.  


Instructions


Put the files html_game_engine.html and htmlTemplate.html to your root of your server.

If you wish, rename the html_game_engine.html to index.html. 

You must open with your browser myserver.com/html_game_engine.html

The template file is used when you export the game.

In the main grid you select a symbol from the drop down menu. 

Symbols are eg Player "p", Enemy "E" , End goal "&" , Gold "G" and Wall "W" etc.

You place the symbols in the grid and you create the game area.


Image URLs


You can you can visit from the drop down a site with free icons (like flaticon.com).

When you find the image you like right click on it and select "Copy Image adress". Paste this URL to the textbox you want.

Select the grid and you will see that the symbol is now replaced by the image.

I suggest you use images/icons URLs that have size 32,64 or 128pixels.

Note: No image is stored in the game file. The game file just stores URLs. If you don't want to rely in external sites you could use/download the images you want and store them in a subfolder. You can then modify all the URLs to point to your subfolder (eg img/pirateship.png).


Export Game


When you are happy with the game press export.A html file will be saved in your computer.

You can drag and drop that game in your browser to play it.

The exported file can be used stand alone. 


Import Game


-You can import any game that was made with this engine. The import function searches only for specific parts inside the game file. This means that you can use your own modified template file as long as you keep these parts intact. At this point the parts used are the grid map and the image sources. 

-To get started you can try to import and modify one of the demos. 

-You can also import/export a game to update it to the latest template version.


Project Goals:


  • Goal of the game is to use this for a class lesson. 
  • If you want something more complex ,try bitsy. 
  • If you find something simpler and usable leave a comment and I will have a look.
  • I wanted it to run in a very old browser (that is used to run native flash/swf educational games). usually I test this in an old Chromium v61 browser.
  • The script does not need a server to run but CORS policies restrict it. 

Why name it ASCII Game Engine?


Why ASCII Game Engine? 

ASCIII : The engine uses ASCII characters and symbols as its foundation, which was the initial idea behind it. The images are simply replacements for those symbols. 

Engine: Technically, it's not really an engine; it's more of a designer. However, the initials "AGD" were already taken (by the ZX Spectrum Arcade Game Designer). 

So if you don't like the name, feel free to focus on the middle part: "Game." It definitely has something to do with gaming! :)


Know issues

To update the template images you must click inside the grid. Then the images will get updated.



To DO:


-Add item as requirement to handle enemy or to bypass obstacle (eg sword for monster or key for door). Nothing complex.

-Add translation (this is a priority since the goal is to be used in a school class ). {Translation is done and working. Just need to decide if I will keep text placeholders or switch (back) to plain english text in the main template.}

-Maybe custom grid size (or not squared).Or maybe add 2-3 hidden rooms near the 20x20 grid . These could be inside of house,cave etc.

-I could use an API to select icons directly from the drop box without visiting another page and copy/paste the URL but I don't know if it is practical + I don't like external dependecies.

-Associate text with grid coordnates. This will help storytelling,give clues etc. (This will be done by adding a placeholder in the templateFile for gridText.).

-Win condition option: Collect only one end game item or all (or specific number).



Credits:


Icons used are from flaticon.com. No file is stored in the game file. Only the URLs are saved.

Updated 2 days ago
Published 8 days ago
StatusIn development
CategoryTool
PlatformsHTML5
Authorplirof
TagsGame Design, Game engine, web-game-engine

Download

Download NowName your own price

Click download now to get access to the following files:

html_game_engine_v003c_img.html 15 kB
html_game_engine_v003d9-250407e_E2E3b.zip 26 kB
AGE_html_game_engine_004a_250408a_themes.zip 41 kB
age_theme_set_generator_v001_250408a.php 8.9 kB
AGE_html_game_engine_004b2_250410a_translated.zip 27 kB

Development log

Comments

Log in with itch.io to leave a comment.

really like the direction that this is going!  I am going to make something with it, just not sure what.  

I'd like to create a calm little world with the main objective being to collect objects.  Maybe a foraging game.  Going to experiment with daisy-chaining html files together into a multi-room tiny world experience.

Keep going!

Thanks for your post.I'm glad this wakes up the creativity of people ;) I created this for teaching so this means I'm on the right track.

My goal is to keep this simple. More simple than eg bitsy.

Quick answer : I don't plan to have multiple rooms (but maybe extend the current grid with 2-3 hidden rooms). HP system : I want the fight system to be easy and simple and without the player dying or loosing and still thinking about how to do this.

I will create a devlog with thoughts about multi screen and HP/fight system .