Free Online Toolbox for developers

2D Animation Software wrote in Javascript

 Today we present a massive project written in pure Javascript at 95% and 3% in NodeJS that goes beyond the result of a simple tutorial for beginners. And who tries to push the frontier of the first goal of the Javascript origin, which was just a language to add some humorous extras and movable pieces on the static page of the HTML. HTML is the language to structure the text of a web page read by your web browser, such Firefox, Google Chrome, Edge, or Opéra, and who explain at web browser that is a title, that is a sub-title or a paragraph.

This project has some lines of code in HTML and uses some C libraries on the server side to produce videos from the HTML canvas.

Now with the last HTML 5 you can make 2d pixel art, vector graphic picture, vector graphs, 3d showrooms with webgl and some 3d simulations in many popular web browsers on tablets (Android, PC and Ma )c.

So today we present a paint application who was created to draw with the 2d canvas HTML in mode pixels art for the market of ereaders to avoid eye strain for the artists.

Javascript ECMAscript 2015 was chosen to allow at developer to write quickly the code, the beginning of this project began between 2015 and 2018 when large screen ereaders and digital note in 13.3 inches showed 15 frames per second without lot of ghost effect, when this type of device was refreshed.

Some ereader tablets in 2023 as the Onyx Boox Tab X have a WACOM screen and come with a stylus, other as the Dasung PaperLikeHD can show a film in gray scale. Yet some brands try to launch ereaders with 4096 colors, and when you have known an ereader 10 years ago that showed just one frame per second, let’s be speechless.

Another example that this market evolve Ereaders was sold more than 10 years ago in 7 inch format, one of the most famous device in the world was the Kindle of Amazon, but now two brands, Onyx Boox and Dasung sell monitors with a diagonal of 25.3 inch curved or not, with speakers and microphones and we saw too with a camera.

And not any paint app for ereader was really created professionally for this market often that was Android app used in background and the result on classical LCD was ugly so a project began in Javascript and PHP between 2015 and 2018, Python was tested but the programmer thought that this language was too heavy in term of RAM and PHP not practical to make a 2d paint app for ereader, Java is nears Javascript in term of RAM, and C and C++ was put on the side because on the first real ereader had not enough RAM, and Opengl and DirectX was not allowed.

So a first paint application was launched in 2018 and slowly this application become a real animation software, that began with just some tools as rectangle, circle, lines, a symmetry X Y system, after that a cel shading render engine was added to fill white surfaces and change black traces with colors, layers was added and a time line with a light table system was added to produce traditional animation, and different tools for animator well known as gold rules, flip tools, 2d polygons, multi language possibilities.

And when we saw the project we have thougth is it Open Source? Sorry, not completely the server side is not put online on github, but you can see the code with Firefox tools for the client side.

If you are a young programmer in Javascript you can see a real project in construction made with web languages at : animation software

Suggested Reads

Leave a Reply