FlipClip

A small utility to convert animations from Flipnote Studio or Flipnote Studio 3D into the Clipnote format.

Features

• Supports animations from both versions of Flipnote Studio, in .ppm or .kwz format
• Converts frames and background music perfectly
• Live preview with interactive Flipnote player
• Works around Clipnote's background color limitation by filling the bottom layer with the Flipnote's paper color

Todo

• Advanced conversion options like layer visibility, paper visibility, trimming, audio quality, etc
• Sound effect support -- this would require flipnote.js to have built-in audio resampling and mixing functionality, which would be quite a complex thing to implement
• Better error handling

Built with

• flipnote.js - My JavaScript library for browser-based playback and parsing of Flipnote animations.
• react - UI layer
• unicons - UI icons
• libvorbis - .OGG Vorbis audio encoder library
• jszip - the .clip format uses .zip as a container
• poi - build tool

Credits

• jaames - author
• calcium - clipnote dev, provided helpful info about their animation format

Building

Building requires Node and NPM to be installed

Install dependencies

npm install

Run devserver for testing

npm start

Create production build

Creates production files in /dist

npm run build