A game engine that prioritizes keeping characters and events synced to a clock.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
images
scripts
.DS_Store
README.md
favicon.ico
index.css
index.html
index.js

README.md

Lunar Drop

Lunar Drop is a game engine tool that produces .ld files which aid in the development of a game where characters and events are synced with a clock.

Designer

The Lunar Drop designer is written in Javascript and can be viewed locally in the browser or here. The main interface is inspired by tools such as AdvanceMap. It allows a "timeline" view of the entire map that is currently being edited.

main interface

How to Use

The designer works similar to that of an animation tool. Characters and events can be added at specific times, and then, by adjusting the time slider at the bottom or in the bottom left, keyframes can be inserted for each character and their paths, movements, and scripts managed throughout different times during the day. This allows for an overworld to be mapped out with several different individual characters moving around that are all synced with the in-game clock.

Adding a Character

A character can be added by right clicking any tile on the main canvas and choosing "Add Character".

add a character results in added a character

The character can then be dragged around by clicking and dragging it to any other position on the grid.

Creating Movement

Adjust the time in the bottom left of the screen to a future time from where the character has been inserted. The character will fade out as you move into the future. Right click the faded character and choose "Insert Keyframe"

insert keyframe results in added a keyframe

After adding the keyframe, drag the new character. A linear tween path will automatically be created. By grabbing the midpoint of the path, it can be adjusted into a quadratic tween.

linear tween path grab midpoint and drag: quadratic

Zooming

The canvas can be zoomed in or out by clicking on the zoom buttons at the top of the screen in the tool bar, by making a pinching gesture in Chrome, or by holding control and using the mousewheel.

Properties

The tabs on the left of the screen adjust various aspects of the map, including height and with, the step interval for the time slider, the name of the map, and the background image the map uses.