RenJS

HTML5 Visual Novel creation made easy and free · By lunafromthemoon

Add to collection

tool Community Devlog

RenJS community

Idea: Animated backgrounds

A topic by deusexvagina created Aug 10, 2019 Views: 926 Replies: 3

Viewing posts 1 to 3

deusexvagina4 years ago

Hi,

you told me to post here with a clearer description:

Looking at RenPy it is possible to have "videos" in the background instead of static images, this can then be used to render animations in 3D programs and have them play / loop.

Looking at how you implemented animated spritesheets it looks as if the same concept could be used to animate backgrounds. Or maybe we could play GIFs, in either case this would be really useful.

Anyway, thanks for taking the time to look at this, it's always great when a dev is this responsive.

lunafromthemoonDeveloper4 years ago

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.

Cheers!

lunafromthemoonDeveloper4 years ago(+1)

You will find the new changes in the Quickstar repo, for background animation: https://gitlab.com/lunafromthemoon/RenJSQuickstart

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

backgrounds:
  # 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".

deusexvagina4 years ago

You work really fast, thanks!

itch.io

RenJS

Idea: Animated backgrounds