basics to start development
git clone <this repo url>
cd <this repo dir>
npm install
npm start
wait for a bit, then the browser will open to http://localhost:3000/# and you'll see the home screen.
When you edit any file in /src
the app will automatically reload.
Edit App.css
or index.css
as needed.
JSON frame format
Animation frames are represented as a 1D array of frames, along with a width and height. A frame is represented as a 1d array of pixels. A pixel is a 32bit integer in the format RGBA, where each component is a number between 0 and 255. Each frame has the same width and height, as specified by the width and height of the animation.
ex: a 2x2 animation with 2 frames, one red and one black would look like this:
{
width: 2,
height: 2,
frames: [
[0xFF0000FF,0xFF0000FF,0xFF0000FF,0xFF0000FF],
[0x000000FF,0x000000FF,0x000000FF,0x000000FF]
]
}
In addition to the animation frames, the module also has the following properties
title
, stringdescription
, stringauthor
, stringtags
, an array of strings