Quarantine is my second Art Blocks project and while it's intended to be light-hearted fun, it's also a reflection on the period of time we all faced during the initial outbreak of COVID-19. Governments and medical professionals around the world have worked tirelessly to try and keep people alive, identify the viral weaknesses, and develop vaccines so we may all return to a healthy life. All the while, an unprecedented amount of misinformation preaching anti-science conspiracies continues to spread like wildfire. It's been frustrating but I hope that this collection will inspire personal reflection & gratitude, while providing a touch of humour to aid in mental releif.
![Quarantine Thumbnail](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-preview-0.jpg&w=1080&q=75)
![Quarantine Thumbnail](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-preview-1.jpg&w=1080&q=75)
![Quarantine Thumbnail](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-preview-2.jpg&w=1080&q=75)
![Quarantine Thumbnail](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-preview-3.jpg&w=1080&q=75)
![Quarantine Thumbnail](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-preview-4.jpg&w=1080&q=75)
![Quarantine Thumbnail](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-preview-5.jpg&w=1080&q=75)
![Quarantine Thumbnail](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-preview-6.jpg&w=1080&q=75)
![Quarantine Thumbnail](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-preview-7.jpg&w=1080&q=75)
Breaking a Raymarch Algorithmn
While learning how to develop a fragment shader for the first time - aiming to draw 3D geometry using signed distance functions via a raymarching algorithm - my curiousity was piqued. What would happen if I reduced the number of rays? What happens if the raymarch always returns a cummulative value, even when missing geo? After testing many "what if" thoughts, I discovered a "broken" raymarch function and set of variables that would produce what I call an "unwrap" function for SDF geometry. Exploring the creative bounds of this function eventually lead me to this project. Below is an illustration of how the art is constructed and finally unwrapped.
To learn more about the techniques used in this project, I've written an interactive article which gives more information on the creative process of experimentation behind it: https://observablehq.com/@owenmoore/unwrapping-signed-distance-functions
Features Breakdown
While developing the artwork there were many obvious technical features that produced interesting visual results - scaling equations, tinting colors, polar reflections, adding noise, etc - but the real challenge was constraining them to a consistent range and mapping a subset to mint features such that they help tell the story. Each set of features describes both the visual attributes of the artwork and the categorization you, as the scientific observer in this story, would determine by studying the sample.
![Quarantine Raymarch Step](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-raymarch-0.jpg&w=1080&q=75)
![Quarantine Raymarch Step](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-raymarch-1.jpg&w=1080&q=75)
![Quarantine Raymarch Step](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-raymarch-2.jpg&w=1080&q=75)
![Quarantine Raymarch Step](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-raymarch-3.jpg&w=1080&q=75)
![Quarantine Raymarch Step](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-raymarch-4.jpg&w=1080&q=75)
![Quarantine Raymarch Step](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-raymarch-5.jpg&w=1080&q=75)
![Quarantine Raymarch Step](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-raymarch-6.jpg&w=1080&q=75)
![Quarantine Raymarch Step](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-raymarch-7.jpg&w=1080&q=75)
Hazard
What is the origin of the hazard causing the global quarantine?
The predominant shape and type of patterns generated.
![Quarantine Hazard Nanotech](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-hazard-0.jpg&w=1080&q=75)
![Quarantine Hazard Biological](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-hazard-1.jpg&w=1080&q=75)
![Quarantine Hazard Chemical](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-hazard-2.jpg&w=1080&q=75)
![Quarantine Hazard Alien](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-hazard-3.jpg&w=1080&q=75)
Stage
What is the condition of the patient from which the sample was collected?
Which colored tone is applied on top of the randomized base colors.
![Quarantine Stage Mortem](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-stage-0.jpg&w=1080&q=75)
![Quarantine Stage Acute](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-stage-1.jpg&w=1080&q=75)
![Quarantine Stage Spreading](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-stage-2.jpg&w=1080&q=75)
![Quarantine Stage Invasive](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-stage-3.jpg&w=1080&q=75)
![Quarantine Stage Exposure](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-stage-4.jpg&w=1080&q=75)
![Quarantine Stage Recovery](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-stage-5.jpg&w=1080&q=75)
Risk
How much risk of permanent health effects or death does this pose to humanity?
The amount of visual noise and subliminal reflections.
![Quarantine Risk Low](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-risk-0.jpg&w=1080&q=75)
![Quarantine Risk Medium](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-risk-1.jpg&w=1080&q=75)
![Quarantine Risk High](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-risk-2.jpg&w=1080&q=75)
Variant
How many mutations / transformations have occured since first observance?
How many polar rotation reflections are used? (2 to 10)
![Quarantine Variant Beta](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-variant-0.jpg&w=1080&q=75)
![Quarantine Variant Gamma](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-variant-1.jpg&w=1080&q=75)
![Quarantine Variant Delta](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-variant-2.jpg&w=1080&q=75)
![Quarantine Variant Epsilon](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-variant-3.jpg&w=1080&q=75)
![Quarantine Variant Zeta](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-variant-4.jpg&w=1080&q=75)
![Quarantine Variant Eta](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-variant-5.jpg&w=1080&q=75)
![Quarantine Variant Theta](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-variant-6.jpg&w=1080&q=75)
![Quarantine Variant Iota](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-variant-7.jpg&w=1080&q=75)
![Quarantine Variant Kappa](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fowmo-studio%2Fowmo-blog-content%2Fmain%2Fimages%2Fquarantine-variant-8.jpg&w=1080&q=75)