Self Resolution

JavaScript, Canvas, jQuery

My Role in This Project

Position:

Concept Design

Design:

Data Visualization

Engineering:

Front-end: Canvas, JavaScript, jQuery, HTML5, CSS

An experimental project written in JavaScript and Canvas. Driven by mathematics and randomness, this project combines simple shapes into complex structures. Sometimes the elements fit together in harmony and beauty and sometimes in disorder and incompleteness.

The building blocks for the renders are a simple rectangle and a circle. Each permutation returns a random ratio (within a threshold) and a random rotation angle. Then both shapes are taken through a loop which determines the current number of iterations and hence complexity. Look next to the visualization for its composite shapes, rotation angle, iterations and a record of the previous render.

Everyone would see something different. You can press 'e' or click export to preserve your current snapshot in a new tab or window. If you want to share an interesting snapshot, you can send it here and I will upload it to the gallery.

Press ( g ) to generate manually, ( p ) to play automatically, ( s ) to stop. Press ( e ) to export.
Generate Manually
Generate every
seconds
play
stop
Export ↓
(no IE / opens in new tab or window)
It appears that you are browsing from a mobile phone or tablet. Come back from a computer to view the interactive version ( it requires more processing power ). Meanwhile here are some static snapshots.

Your JavaScript is disabled.
Please enable your JavaScript or visit: Universe Of Atoms (static content only) for an accessible version of the website.

You are using an outdated browser.
Please upgrade your browser or visit Universe Of Atoms (static content / outdated)