Skip to content
This repository has been archived by the owner on May 23, 2024. It is now read-only.

Latest commit

 

History

History
41 lines (24 loc) · 2.82 KB

README.md

File metadata and controls

41 lines (24 loc) · 2.82 KB
Raw

Anarchia

A short animation film to the song Anarchia inspired by Yok aka Quetschenpaua.

The whole animation is done in the browser with Babylon.js. The IDE used is Apache NetBeans 18.0. Images are done by me or grabbed at Pixabay and Pexels. The city and houses are made by the wonderful Alina Milkina.

The music is based on the song Ufo by the outstanding Yok Quetschenpaua. The text is translated into English by me with the help of the great Brad Hock. There is also a Japanese version made by Hirai Masaya.

Contributors

See CREDITS.md.

Funding

The music and video is free under Creative Commons (see LICENSE.md). Nevertheless I'm happy to receive some fundings via PayPal. You may also buy some of my stuff in the Etsy shop of the Neustadt Art Kollektiv.

License

As the short film will be submitted to various film festivals, the release is planned for 2024. Until the official release, publication, distribution and performance – even in parts or modified – is only permitted after consultation with the director. Irrespective of this, the source code and the audio track may be used anytime and anywhere and is licensed under the CC BY-SA 4.0 license.

Sidenotes

Rendering the canvas

It was surprisingly difficult to generate a video from the canvas.

  • The VideoRecorder from BabylonJS:
    • The generated webm files are extremely miserable in quality.
    • In addition, on my laptop without a dedicated encoding chip (e.g. NVENC) the 25 frames at FullHD were no longer guaranteed.
  • The attempt to film the screen using OBS Studio also failed because the frame rate was too low due to the lack of an encoding chip.

The solution was to use CCapture.js. This tool hooks into the animation-relevant functions and can therefore save every single frame. This no longer happens in real time, but that's not the goal.

I used CCapture to output the frames as PNGs and created a lossless mov file using ffmpeg:

ffmpeg -framerate 25 -i %07d.png -crf 0 anarchia.mov

I then recorded the sound effects in real time using BabylonJS VideoRecorder and processed them together with the music and the mov file in kdenlive.