# Free productive animation framework for p5.js

**URL:** <https://discourse.processing.org/t/free-productive-animation-framework-for-p5-js/36202>\
**Category:** Gallery\
**Created:** [April 7, 2022, 6:02pm UTC](https://discourse.processing.org/t/free-productive-animation-framework-for-p5-js/36202 "2022-04-07T18:02:27Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![pirela](https://avatars.discourse-cdn.com/v4/letter/p/3e96dc/32.png) [@pirela](https://discourse.processing.org/u/pirela)\
**Post date:** [April 7, 2022, 6:02pm UTC](https://discourse.processing.org/t/free-productive-animation-framework-for-p5-js/36202/1 "2022-04-07T18:02:27Z")

</div>

Hello,  
I was involved several month in a huge project of **cyber opera** where i was in charge of graphic animations in 3D to accompany the story. Starting as a beginner with p5 and along weeks i imagined, realized, made tools, coded, debug, etc to project on a 3840x1080 video totem for the show.  
First public performance was yesterday with success 🙂  
As it was hard work, i take the time to write the know-how and to share the tools that help me to stay in schedule.  
I have published this work in open source on _github_ : [https://github.com/pirelaurent/p5\_animationFramework](https://github.com/pirelaurent/p5_animationFramework) and provide some simple sketches to illustrate usage.  
If you have a look, thanks for feedback.

pirela