Indie game storeFree gamesFun gamesHorror games
Game developmentAssetsComics


A member registered Jun 29, 2017 · View creator page →

Creator of

Recent community posts

hey, still looking for someone? I'm a programmer and a bit of everything else, so let's team up if you want.

this so good

super cute!

so hot and wet!

can relate

Thank you very much for reporting, I'll update the links right now!

space trousers

Thanks for playing! And we might do some downloadable versions soon!

thanks for your feedback, and we're glad you enjoyed it!

muy bueno! termine comprando las papitas, que es, a fin de cuentas, lo mas importante.

un pequeño bug, se puede meter la tarjeta en el aire cuando ya lo estan reparando y hace devuelta el evento.

lovely <3

RenJS community · Created a new topic New discord server!

Hello everyone!

I've set up a discord server for RenJS, so you can share the games you make, follow up on new RenJS features and see the development roadmap. You will also get news about a visual GUI editor that's in the works.

Please, be excellent to each other! 

Hope to see you there:


Really cute!

Disgustingly awesome!

Will do so, thanks for your feedback!

it's a remake of supaplex, who is supposed to be a remake of boulder dash

:) thanks! i'm glad you enjoyed it!

You can use grow on the statue to cross that stream

There was only an optional boss to fight in the ice temple. In any case, the fight system is kind of broken since I didn't spent too much time on it. This game was a birthday present for a dear friend, and I only released it because to have it somewhere, I'm glad people can enjoy it a bit even then. :)

Good to know, I'll have to make a few revisions.

There has to be a passage from inside the waterfall cave, going up, and you end up in that side of the map.

for the desert path, you need to activate the three ice stones around to open the temple. after nuru is left alone, he has to go back and find boris to learn new magic, to activate the ice stones

i think you can get that chest after activating all the stones (activate them with the spell) there are five stones in the forest: the one where you appear first, the second is very close on the second map, to the right. third in the next map you can go up on the left side, where the owls are, fourth after crossing the bridge, final one is on the big waterfall map, at the end of the path to the left. when you activate them all, the screen will shake and you will be able to continue with the path to the right side of the big waterfall

Hey, you're right, you have to freeze the vines. To climb the tree you need to activate the three fire stones, one is in the cave, another is next to the lake and there's one on top of the hills almost at the start of the map

With X you open the menu and you should be able to do some spells from there. For example, when trying to climb the frozen vines, you need to use fire spell first.

And thanks for playing!

Hey, you can go down over the column on the right side. Have you checked there?

Hello, it depends mostly on your OS. I've had some reports of this happening, for example, with MacOs or some browsers on linux. Try another browser, or, if it's still an issue, you should be able to run it as a local server. The open source text editor Brackets allows you to run files in a server very easily, by pressing a button. Another option is tu run the python simpleHttpServer from a terminal.

Let me know if it works for you.


Hello computer science student, sorry for the delay, here's more or less what you should do: 

The visual choices are loaded as buttons in the screen. In PhaserJS, a button has this parameters:

button(x, y, key, callback, callbackContext, overFrame, outFrame, downFrame, upFrame, group)

That's the position where the button will be displayed, the image "key", the function that will execute when pressed and then the frames, that's where all the magic happens.

The image reference can be a static image (in which case has only one frame) or a spritesheet, with many frames. As it is in RenJS, we assume the visual choices will be a static image, so for the frames I use 0 value for all of them (line97 in LogicManager.js):

var button = game.add.button(position.x,position.y,str[0],function(){

See all the 0,0,0,0 are the frames, you just have to load a spritesheet and use different values. You don't need to have 4 different frames, you can have two normally (normal and hover) and use the frames 1,0,1,0.

The second most important thing is, the images have to actually be spritesheets. You can load spritesheets easily in the setup.yaml file:

      icecream_choice: assets/effects/ice_cream.png 100 100

In this case, we're loading a spritesheet for our icecream_choice, with frames of 100x100 pixels. That means each frame in the image is 100x100. I.e. if I have 2 frames, the image will be 100x200.

With that little change then it should work. Let me know if there's any issue.


Hi Asthenosphere, it's not implemented in the last version yet, but if you're a bit of a coder I can help you set it up. Let me know!

Hello Yuna, it's easy to do, but you'll have to use a call function to set the name.

First, the characters have two names, an id, which is used in the script, and a name that will be shown in the name box. The id can never change, so if you have a character that represents the player, you can use, for example, "player" as the id. What you need to do is change the name property of the character so that when you make them talk, the new name will appear in the name box, instead of "player".

The characters are their own object, and the property for the display name is called "name". The characters are all stored in a map, accessible from the Character Manager (RenJS.chManager.characters), and you access each one indexed by their id. On the other hand, the variables are stored also in a map, in the Logic Manager (RenJS.logicManager.vars). Knowing this, it's easy to make a custom function to change a character name.

I'll give you an example with the Quickstart. The character with id "deuzi" has a displayName property defined in the setup as "Deuzilene".


    displayName: Deuzilene
    speechColour: "#ca90cf"
      normal: assets/characters/Char3Normal.png
      happy: assets/characters/Char3Happy.png


  - play morningBGM:
  - show room: WITH FADE CONTINUE
  - show deuzi: happy AT CENTER WITH FADE
  - var username: Sandrine
  - deuzi says: I prefer to be called by my middle name, {username}.
  - call changeName:
      character: deuzi
      name: username
  - deuzi says happy: That's much better!

In this case I just used a normal variable to store the new name, but you will use the one obtained from the input. The new name will appear only after calling the function changeName, with two parameters, the character id (deuzi), and the variable where we have the new name (username). In this way, you can change any name you want. Finally, let's see what's inside the changeName function:


RenJS.customContent = {
    //put here your own functions
    changeName: function (params) {
        //params is a map with {character,name}
        //lookup of the character with "character" id
        var character = RenJS.chManager.characters[params.character];
        //lookup the content of the variable with "name" id
        var newName = RenJS.logicManager.vars[];
        //change the character name property = newName;
        //continue with the game

Hope you can make it work, and let me know if there's more I can help you with.



This feature is important ans should work, so I will fix it anyway, but any donation on the engine is very welcomed.

Hello Alberto, thanks for reporting this bug, right now I'm on holidays but I will check it and fix it as soon as possible.  Feliz año nuevo!

Hello nick, thanks, I'm glad you're enjoying RenJS.

The current save/load functionality saves and loads only one game. As you saw, the save/load function takes a "slot" number, so you can potentially save and load as many games as you want. In fact, that was the idea when creating the save system, and it was finally not implemented.

To add new menus to RenJS, you should check the SimpleGUI.js file, in this file, all the GUI is created, including main menu, setting menu, hud, etc. You would need to track where the menus are created, and add manually the ones that you need. Creating a new menu is not a huge crazy thing, and it's good that you know a bit of Phaser, because you will need to use it, more or less, to create them.

Phaser has groups of display objects (a display object is an image, a sprite, buttons, etc), a menu is simply a phaser group with all the elements of your menu, your menu background, the buttons, and anything else that you might need (in the save menu, maybe some squares for the save slots?). You create the menu (i.e. the phaser group) at the start of the game, and hide it until you want to use it. 

Let's check the roadmap to create a classical save and load menu for visual novels, like this:

Let's check what are the most important elements:

* A menu background

* The save slots: It's a small box (an image, basically) with a screenshot of the moment you saved, associated with a slot number, save date and a title. It also has a little cross to delete it. If there's no game saved, a default image is shown.

* Return button: to go back to the game or main menu

* Save button: Select a slot and click on this button to save

* Load button: Select a slot and click on this button to load

The rest of the elements we can ignore for now. 

Then let's see more or less how to create this menu:

  1. Create save menu Phaser group
  2. Create menu background and add it to the menu group
  3. Create the save slots:
    1. Create a the slot image (slot background) and add it to the menu group
    2. Create the thumbnail image for the saved game, add it to the slot image (addChild)
    3. Add the text part, if you want, and add it to the slot image too
    4. Add an event listener to the slot: on click, we want to select the slot. We can save this information in the menu group, for example, as a new property.
  4. Create the save button and add it to the menu group, the action on click should be to check if you selected a slot, and if you did, use this property to call, after this you can hide the menu.
  5. Create the load button and add it to the menu group, the action on click should be to get call RenJS.load(slot) with the selected slot, and then close the menu.
  6. Create the return button and add it to the menu group, the action on click should be to hide the menu.

I know this sounds like a lot, but you can start trying to implement it and I'll help along the way



You will find the new changes in the Quickstar repo, for background animation:

You can now load a background as a spritesheet, in the setup file as:

  # key: filepath frame_width frame_height framerate
  forest: assets/backgrounds/forest-spritesheet-800x600.png 800 600 5
The information you need to add is the frame width and height, and the framerate. You can see an example in the quickstart, by changing the background that is loaded in the story file from "room" to "forest".

Hello, I understand. You're right that the way should be more or less like the new animated cgs. I don't think this would take too much to implement, so probably I will update it this week with two new features: Animated backgrounds (load background as spritesheet and it will loop forever), and background cgs (exactly the same as cgs, but will be loaded behind the characters). The second feature will be interesting in cases like when you have an actual static background but a few animated parts (like a torch with moving fire, for example).

Anyways, I'll post in this thread when it is done. 


Hello, the new spritesheet animation for now is only for cgs. You want animated backgrounds, meaning a looping image while the characters and the rest of the story keeps playing in the foreground? I invite you to post in the renjs forum ( with a clearer description of what you need, and we can try to find a solution. I hope you do use it. Cheers!

There are a few ways to tackle this:

In a functional aspect you have it, you declare the different choice boxes in the GUI.yaml (avoid the whitespaces in the key names, so instead of "choice green" use "choice_green", and then specify the box in the choice option (using "!box" as separator maybe):

- choice:    
    - "I don't kiss and tell!" choice green:      
        - deuzi says: ...    
    - "You bet we did!" choice red:      
        - deuzi says: ...

The main code to change will be in two places, one in the SimpleGUI.js fil. There's a function called showChoices, that creates each box for the choice, and it already discriminates if the choice is a normal choice or an interrupt. If you change the key name there, then you will have different boxes. But where do you get the information for this?

The other part to modify would be the call to showChoices, to add the choice box, in the LogicManager (showChoices funcion in LogicManager.js). In this function you map the choices text, and you filter some of them in case there's an "!if" and a condition for this choice. You actually need to do something very similar to this. After the filter line, each of your choices will have a "choiceText" property where you can try and find the choice box. To find it you can do something similar to how we find the condition:

For every choice in choices list
split choice.choiceText by ("!box") into result
if length of result is > 1 (you have two parts)
    choice.choiceText = result[0] (remove the choice box from the actual text of the choice)
    choice.choiceBox = result[1] (add the choice box to the choice
else (default choice box)
    choice.choiceBox = "choice"

This is more or less what you should do, let me know how it goes.


Love it! I was a big fan of the original and it feels the same.

Hello Alix, this is an interesting idea, I can guide you through the steps if you'd like to implement it yourself for your game.