The Fluffies - this is an interactive web project - editor, based on the transformation of vector graphics and the power of web technologies.
Make your own furry-cartoon creation with that service like vector image (
MLP:FIM - Ponies, in this time).
Open source web project in the development of which everyone can take part
Created in the summer of 2018 with the idea of using vector animation right on the site and making it accessible to all by the editor.
If you are interested in drawing, programming and other activities, tell me, Electrum18,
I don’t have enough time to develop alone.
The project is based on the
Nuxt.js framework (made from
Statically Generated mode.
A website is a
Single Page Application (
SPA), and also a
Progressive Web Application (
Vuetify was used to write the interface.
The project supports
web sockets (
socket.io) for real-time elements.
use on phones and in
In future plans
premiumfeatures via donation
How to draw
Frames use vector format (SVG), you need to take the coordinates of the shape from the file they are located at (digital sequence of text).
All parts of the "avatar" are divided into frames, on average they are 3, 5, 7 horizontal frames (there are no vertical ones).
In order for animation to work properly, it is necessary for points to be in right order, with the same quantity in frames, it is easy to observe if copied from the previous frame, afterwards providing changes for new one. How SVG Shape Morphing Works SVG Morphing (the easy way and the hard way).
- Character is drawn for a long time.
Adding to the project
If you have ideas or want to add hairstyles or something else to the project, let us know and your proposal will be considered.
Use that email to send:
Creator of the site, idea, coderGitHub
- These are all developers, you can be one of them
Special thanks to
LightningZapfor hosting and motivation
Jankiefor creating colored mane ends
FreddyDan12for donations to Patreon
Redyfor graphic type ideas
Train Drivefor many ideas of a graphic type
EAlexfor graphic type ideas
SweetMousefor testing and lots of ideas
The_Milkyzfor lots of ideas and drawing assistance
Additional information can be found here: http://creativecommons.org/licenses/by-nc-nd/4.0/