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 site uses
Coffeescript for writing interactive on the editor page
Vue.js framework is used to manipulate elements,
Polymorph will be used for animation calculations
For compilation used
In future plans
- Add the ability to make many other races or creatures of furry - brony fendoms
- Improve and add more animation frames
male gender, add more
hairstylesand fix existing ones
- Finish the interface, add more details and more variations
- Using the
webcamerato capture movements to control the "avatar"
- The ability to
create widgetsfor embedding in websites and forums (iframe)
- Adding more
- Creating a chat, sociality
premiumfeatures via donation
animationand avatar manipulation tools
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).
- Not all head positions look good.
- The eye view in Firefox is incorrect.
- In Edge and Internet Explorer browsers may not display properly.
- We advise you to upgrade your browser to the latest version.
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 · Deviantart
- These are all developers, you can be one of them
Additional information can be found here: http://creativecommons.org/licenses/by-nc-nd/4.0/