Processing animations source code list
Here are the links to the source codes of some of my animations. For more context and insights about this project, please read the text below.
| Code link | Result | Year | Difficulty rating | Some used techniques |
|---|---|---|---|---|
| scattered dots | view | 2018 | β (2) | replacement technique, simulation |
| Sierpinski triangle loop | view | 2017/2021 | β β (4) | recursion, chromatic abberation |
| sun connections | view | 2018 | β β (4) | interpolation with delay, noise loop |
| spiral wave | view | 2021 | β β (4) | replacement technique, mesh, spiral wave |
| fluid sphere obstacle | view | 2017 | β β (4) | simulation, replacement technique |
| radial collapse | view | 2020 | β β β (5) | fractal zoom, replacement technique, noise |
| sphere impacts | view | 2021 | β β β (5) | particles effects, 3D geometry |
| two levels sliding | view | 2021 | β β β (6) | replacement technique, simulation |
| hilbert curve transforms | view | 2022 | β β β (6) | easing, hilbert curve |
| sphere wave | view | 2022 | β β β (6) | vector maths, easing |
| 2D fractal sliding squares * | view | 2023 | β β β (6) | recursion, fractal zoom, tree structure |
| spiral magic | view | 2021 | β β β (6) | camera projection trick, spiral |
| permutation patterns propagation | view | 2021 | β β β β (7) | simulation, permutation patterns |
| torus curve | view | 2023 | β β β β (7) | 3D geometry, mesh |
* Collaboration with Yann Le Gall
Most animations rely a lot on delay/offset techniques (something normal when time is involved :) ). Most of them also use basic object oriented programming.
About ratings
Please note that these ratings are highly subjective and are intended to serve as a rough guide for navigating the collection. While it's not ideal, they offer some insight into the complexity of understanding the code.
To give an idea, β (2) means suitable for beginners (but not super beginner-friendly), β β β β (7) means rather challenging to fully understand even for advanced coders.
Motivation and information
During my early months exploring animations with Processing, I stumbled upon the source code of some captivating gifs created by beesandbombs (Dave). Although I only examined a fraction of his code examples, I made the effort to comprehend them as much as possible. This experience significantly influenced my skills β I discovered new techniques, had some enigmas unraveled, improved my mathematical approach, and improved my workflow. I even adopted Dave's motion blur template.
Over the years, I've shared numerous source codes from my animations. However, I often presented these codes in their raw form, as they appeared once I completed each animation. This approach allowed me to genuinely reveal my work with minimal effort while also showcasing the mathematical concepts behind them. My primary focus was always on the visual outcome, rather than perfecting the code's aesthetics.
With the support and encouragement I've received, I believe that sharing my animation creation process might hold value for others. I do not claim that my code is ideally suited for educational purposes, but I believe that, by refining it, others could potentially gain knowledge and improve their skills from studying my work β similar to my own experience with beesandbombs.
The aim of this project is to compile a selection of animation source codes that I find noteworthy, while enhancing and clarifying them through clearer, commented code. As I continue to add new examples and refine existing ones, this project should be a permanent work in progress. Although the code may have imperfections (e.g., suboptimal variable names or not the simplest possible solutions), I hope it represents a meaningful improvement over my previously shared work.
To better understand the examples, those new to creative coding or looking for additional context might find it helpful to first explore the tutorials on my website. In particular, the "Replacement Technique" and the tutorial about beesandbombs' motion blur template provide context and foundational knowledge.
I hope that this collection of animation source code might serve as a valuable resource for those interested in delving deeper into the world of Processing-based animations, whether for educational purposes or simply to satisfy their curiosity. I hope that my work could inspire and support others on their creative journeys, just as beesandbombs' work has done for me.
Acknowledgments and Licensing
This repository includes animations that utilize a motion blur template created by Dave. I have permission from him to use this template in my work.
Please note that while the motion blur template is available for use, the rest of the source code in this repository is generally protected under my copyright, and all rights are reserved. If you wish to use any part of my source code for your own projects or any other purpose, please contact me to obtain permission.