cailean/garden
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Lazy loading for images

Browse Source
This commit is contained in:
cailean
2025-12-14 17:17:07 +00:00
parent b1355a91f5
commit 4cc9b7bb93
14 changed files with 240 additions and 239 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/articles/(o)machine.html
View File

@@ -43,7 +43,7 @@
</div>
<div id="project-cover">
<img src="/images/o-machine.png">
<img src="/images/o-machine.png" loading="lazy">
</div>
<div id="project-body">
<p>(O)MACHINE is a real-time generative performance that employs contemporary machine learning algorithms to explore how we humanise technologies.The architecture of this system was designed to emulate our stream of consciousness, where the machine is trapped in this perpetual cycle through processes of reflection and feedback. As questions begin to arise around the sentience or ‘intelligence’ of these thinking machines, it has become even more important to explore our relationship with machines, and how it continues to evolve. By engaging with its output, it positions artificial intelligence as both a subject and tool. Through this approach, we may begin to expand the dynamics of this connection through new methods of collaboration. From this interaction, we can continue to learn more about how these systems function, how they think, if they even think at all, or can it help us think?</p>

2
public/articles/ai-x-body.html
View File

@@ -41,7 +41,7 @@
</div>
<div id="project-cover">
<img src="/images/aixbody.webp">
<img src="/images/aixbody.webp" loading="lazy">
</div>
<div id="project-body">
<p>This publication was created in collaboration with AIxDesign, as part of their AI Playground (S01) which ran from May 2022-February 2023.</p>

32
public/articles/beauty-and-the-beep.html
View File

@@ -45,32 +45,32 @@
</div>
<div id="project-cover">
<img src="/images/beep.png">
<img src="/images/beep.png" loading="lazy">
</div>
<div id="project-body">
<p>Exploring the consequences of cohabiting with computer vision, <a href="https://www.technofle.sh/">Simone Niquille’s</a> ( ᐛ )و Beauty and The Beep follows Bertil, a chair that is trying to find a place to sit. Inspired by the enchanted household objects from the fairy tale Beauty and The Beast, the film is set in a suburban home instead of a castle, and the beast has been replaced by the continuous notification sounds of smart devices. In the film, Bertil navigates through a virtual house — a recreation of the model home built by the robotics company Boston Dynamics in 2016 to showcase their robot dog SpotMini.</p>
<p>Wondering who would buy an automated mechanical pet to assist and live in their home, the film explores Boston Dynamics' datafied definition of a home or what it takes for such a personal and intimate space to be standardised for computer vision to function. Bertil — a synthetic chair inspired by IKEA’s first 3D rendered image for their print catalogue, which marked their shift to rendered imagery — wanders through this seemingly simple virtual home, interacting with its objects, in search of some answers. Navigating the home for Bertil is no easy task, as they encounter the daily life noise that is littered throughout the home. A banana trips them, they cannot sit, they get stuck on a treadmill and why is there a toy pony on the floor? Revealing how the impossibility of gathering training data in the home has led to the widespread use of synthetic data, Bertil reminds us that the home is private and not for capture.</p>
<p>For this work, I collaborated with Simone C Niquille as a Creative Technologist. In the process of creating Beauty and The Beep, the chair was trained using reinforcement learning alogrthims in the Unity game engine. The training process took inspiration from Boston Dynamic's approach in the training of their SpotMini, as well as tradiontional <a href="https://www.youtube.com/watch?v=vppFvq2quQ0">DeepMimic</a> environments for Reinforcement Learning research. We chose to use Unity for this project, as it allowed us to work with the <a href="https://github.com/Unity-Technologies/ml-agents">ML-Agents Package</a> - an experimental Reinforcement Learning framework, which wraps complex reinforcement learning algorithms/methods into components which are more acessible for developers. Even though this package has been forgotten by Unity, for the most part, working with a user-friendly game engine was key in creating simuated environments for the 🪑 to explore. </p>
<p>Supported by Stimuleringsfonds Digital Culture Grant Scheme &amp; the Canadaian Centre For Architecture.</p>
<p><img alt="Beauty and the Beep - Treadmill" src="/images/beauty-and-the-beep/d_beep_9.jpg" title="Beauty and the Beep - Treadmill" /></p>
<p><img alt="Beauty and the Beep - Dumb Objects" src="/images/beauty-and-the-beep/d_beep_8.jpg" title="Beauty and the Beep - Dumb Objects" /></p>
<p><img alt="Beauty and the Beep - Multiple Agents" src="/images/beauty-and-the-beep/beep_multiple_agents.png" title="Beauty and the Beep - Multiple Agents" /></p>
<p><img alt="Beauty and the Beep - Utah" src="/images/beauty-and-the-beep/d_beep_2.jpg" title="Beauty and the Beep - Utah" /></p>
<p><img loading="lazy" alt="Beauty and the Beep - Treadmill" src="/images/beauty-and-the-beep/d_beep_9.jpg" title="Beauty and the Beep - Treadmill" /></p>
<p><img loading="lazy" alt="Beauty and the Beep - Dumb Objects" src="/images/beauty-and-the-beep/d_beep_8.jpg" title="Beauty and the Beep - Dumb Objects" /></p>
<p><img loading="lazy" alt="Beauty and the Beep - Multiple Agents" src="/images/beauty-and-the-beep/beep_multiple_agents.png" title="Beauty and the Beep - Multiple Agents" /></p>
<p><img loading="lazy" alt="Beauty and the Beep - Utah" src="/images/beauty-and-the-beep/d_beep_2.jpg" title="Beauty and the Beep - Utah" /></p>
<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/939037482?h=fabc477b89&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div>
<script src="https://player.vimeo.com/api/player.js"></script>
<p><img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/intial_experimentation_climbing.gif" title="Beauty and the Beep - Training" /></p>
<p><img loading="lazy" alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/intial_experimentation_climbing.gif" title="Beauty and the Beep - Training" /></p>
<p>&#x2197; training!</p>
<p><img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/intial_experimentation_crawling.gif" title="Beauty and the Beep - Training" /></p>
<p><img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/intial_experimentation_error.gif" title="Beauty and the Beep - Training" /></p>
<p><img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/intial_experimentation_walk.gif" title="Beauty and the Beep - Training" /></p>
<p><img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/depth_sensor.gif" title="Beauty and the Beep - Training" /></p>
<p><img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/mid-struggle.gif" title="Beauty and the Beep - Training" /></p>
<p><img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/dm_scrambler.gif" title="Beauty and the Beep - Training" /></p>
<p><img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/dm_walker.gif" title="Beauty and the Beep - Training" /></p>
<p><img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/stairs.gif" title="Beauty and the Beep - Training" /></p>
<p><img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/treadmill_flip.gif" title="Beauty and the Beep - Training" /></p>
<p><img alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/walking.gif" title="Beauty and the Beep - Training" /></p>
<p><img loading="lazy" alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/intial_experimentation_crawling.gif" title="Beauty and the Beep - Training" /></p>
<p><img loading="lazy" alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/intial_experimentation_error.gif" title="Beauty and the Beep - Training" /></p>
<p><img loading="lazy" alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/intial_experimentation_walk.gif" title="Beauty and the Beep - Training" /></p>
<p><img loading="lazy" alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/depth_sensor.gif" title="Beauty and the Beep - Training" /></p>
<p><img loading="lazy" alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/mid-struggle.gif" title="Beauty and the Beep - Training" /></p>
<p><img loading="lazy" alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/dm_scrambler.gif" title="Beauty and the Beep - Training" /></p>
<p><img loading="lazy" alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/dm_walker.gif" title="Beauty and the Beep - Training" /></p>
<p><img loading="lazy" alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/stairs.gif" title="Beauty and the Beep - Training" /></p>
<p><img loading="lazy" alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/treadmill_flip.gif" title="Beauty and the Beep - Training" /></p>
<p><img loading="lazy" alt="Beauty and the Beep - Training" src="/images/beauty-and-the-beep/gif/walking.gif" title="Beauty and the Beep - Training" /></p>
</div>

10
public/articles/data.html
View File

@@ -43,17 +43,17 @@
</div>
<div id="project-cover">
<img src="/images/data.png">
<img src="/images/data.png" loading="lazy">
</div>
<div id="project-body">
<p>In 2023, Concept Null had the pleasure to chat with Paul, Tom, and Aisling, who lead the Dublin Art &amp; Technology Association (D.A.T.A). Since 2022, D.A.T.A has been a hub for artists, makers, and thinkers to exchange ideas on digital culture in Ireland. During the conversation, D.A.T.A explored it's identity, evolution, and the intricacies of event curation and organisation. </p>
<p>The website presents the interview in both linear and non-linear formats. By utilising machine learning and natural language processing, text segments extracted from the interview were ranked against key topics; creating a higher-dimensional understanding, and projection of the interview - which is commonly referred to as the latent space. After, a t-SNE algorithm was applied to high-dimensional space, flattening it into two dimensions, represented in the interactive map; allowing the user to navigate the interview from the perspective of the machine.</p>
<p><em>Designed and developed using p5js, by Cailean Finn.</em></p>
<p><a href="http://conceptnull.org/data">Website &#x2197;</a> </p>
<p><img alt="DATA" src="/images/data/d_data_2.png" title="DATA" /></p>
<p><img alt="DATA" src="/images/data/d_data_5.png" title="DATA" /></p>
<p><img alt="DATA" src="/images/data/d_data_1.webp" title="DATA" /></p>
<p><img alt="DATA" src="/images/data/d_tsne-data.gif" title="DATA" /></p>
<p><img loading="lazy" alt="DATA" src="/images/data/d_data_2.png" title="DATA" /></p>
<p><img loading="lazy" alt="DATA" src="/images/data/d_data_5.png" title="DATA" /></p>
<p><img loading="lazy" alt="DATA" src="/images/data/d_data_1.webp" title="DATA" /></p>
<p><img loading="lazy" alt="DATA" src="/images/data/d_tsne-data.gif" title="DATA" /></p>
</div>

16
public/articles/dwelling.html
View File

@@ -43,19 +43,19 @@
</div>
<div id="project-cover">
<img src="/images/dwelling.png">
<img src="/images/dwelling.png" loading="lazy">
</div>
<div id="project-body">
<p>Dwelling is a dynamic live performance and theatre installation created by <a href="https://peterpower.ie/">Peter Power</a> and <a href="https://bold.ie/">Leon Butler</a>. The performance explores the periphery of cultural isolation, and the dispersal of self across the multimedial, delving into themes of digital mortality, transformation, and rebirth. The performance takes place in the fragments of a home with dance performances by Robyn Byrne and Rosie Stebbing. The characters moves between the digital and real space through motion capture data in conjunction with live tracking. Over the duration of the performance, Rosie starts to form a connection between her physical self, and the digital divide.</p>
<p>The virtual world was created entirely within Unity. Data was captured from Robyn's movement through various methods, such as the Perception Neuron mo-cap suit, as well as emerging monocular 3d human pose detection models. Unity's particle system was used extensively in the project, converting point cloud and positional data into emergent movement, and ethereal landscapes.</p>
<p>Supported by the Arts Council. Presented by Sparsile Collective and Once Off Productions. In association with Beta Festival, Cork Midsummer Festival and Carlow Arts Festival.</p>
<p><img alt="Dwelling" src="/images/dwelling/dwelling-dancer.png" title="Dwelling" /></p>
<p><img alt="Dwelling" src="/images/dwelling/d_dwelling_10.JPEG" title="Dwelling" /></p>
<p><img alt="Dwelling" src="/images/dwelling/d_dwelling_9.JPEG" title="Dwelling" /></p>
<p><img alt="Dwelling" src="/images/dwelling/dwelling-32.png" title="Dwelling" /></p>
<p><img alt="Dwelling" src="/images/dwelling/dwelling-31.png" title="Dwelling" /></p>
<p><img alt="Dwelling" src="/images/dwelling/d_dwelling_6.png" title="Dwelling" /></p>
<p><img alt="Dwelling" src="/images/dwelling/d_dwelling_8.JPEG" title="Dwelling" /></p>
<p><img loading="lazy" alt="Dwelling" src="/images/dwelling/dwelling-dancer.png" title="Dwelling" /></p>
<p><img loading="lazy" alt="Dwelling" src="/images/dwelling/d_dwelling_10.JPEG" title="Dwelling" /></p>
<p><img loading="lazy" alt="Dwelling" src="/images/dwelling/d_dwelling_9.JPEG" title="Dwelling" /></p>
<p><img loading="lazy" alt="Dwelling" src="/images/dwelling/dwelling-32.png" title="Dwelling" /></p>
<p><img loading="lazy" alt="Dwelling" src="/images/dwelling/dwelling-31.png" title="Dwelling" /></p>
<p><img loading="lazy" alt="Dwelling" src="/images/dwelling/d_dwelling_6.png" title="Dwelling" /></p>
<p><img loading="lazy" alt="Dwelling" src="/images/dwelling/d_dwelling_8.JPEG" title="Dwelling" /></p>
</div>

20
public/articles/electronic-image.html
View File

@@ -45,7 +45,7 @@
</div>
<div id="project-cover">
<img src="/images/electronic-image.png">
<img src="/images/electronic-image.png" loading="lazy">
</div>
<div id="project-body">
<p>This video series comprises of three individual studies, namely Embedded Energy, Electronic Phase, and Omnidirectional Objects, with each video study exploring an inherent characteristic of the video signal that reflects the key phases of the development in the evolution of the medium’s structural, temporal and spatial capabilities. Created as part of my Thesis “The Electronic Image: An Object of Time and Energy” in Art and Technology MA, University of Limerick, Ireland.</p>
@@ -55,15 +55,15 @@
<div style="padding:56.25% 0 0 0;position:relative; margin-top:20px;"><iframe style="position:absolute;top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/myXqCsXgbXw?si=5Xac8V1MsKgBYvDt&amp;controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
<p><img alt="Electronic Image" src="/images/electronic-image/d_electronic-image_1.png" title="Electronic Image" /></p>
<p><img alt="Electronic Image" src="/images/electronic-image/d_electronic-image_3.png" title="Electronic Image" /></p>
<p><img alt="Electronic Image" src="/images/electronic-image/d_electronic-image_4.JPG" title="Electronic Image" /></p>
<p><img alt="Electronic Image" src="/images/electronic-image/d_electronic-image_2.png" title="Electronic Image" /></p>
<p><img alt="Electronic Image" src="/images/electronic-image/d_electronic-image_1.png" title="Electronic Image" /></p>
<p><img alt="Electronic Image" src="/images/electronic-image/d_electronic-image_6.png" title="Electronic Image" /></p>
<p><img alt="Electronic Image" src="/images/electronic-image/d_electronic-image_7.png" title="Electronic Image" /></p>
<p><img alt="Electronic Image" src="/images/electronic-image/d_electronic-image_8.png" title="Electronic Image" /></p>
<p><img alt="Electronic Image" src="/images/electronic-image/d_electronic-image_9.png" title="Electronic Image" /></p>
<p><img loading="lazy" alt="Electronic Image" src="/images/electronic-image/d_electronic-image_1.png" title="Electronic Image" /></p>
<p><img loading="lazy" alt="Electronic Image" src="/images/electronic-image/d_electronic-image_3.png" title="Electronic Image" /></p>
<p><img loading="lazy" alt="Electronic Image" src="/images/electronic-image/d_electronic-image_4.JPG" title="Electronic Image" /></p>
<p><img loading="lazy" alt="Electronic Image" src="/images/electronic-image/d_electronic-image_2.png" title="Electronic Image" /></p>
<p><img loading="lazy" alt="Electronic Image" src="/images/electronic-image/d_electronic-image_1.png" title="Electronic Image" /></p>
<p><img loading="lazy" alt="Electronic Image" src="/images/electronic-image/d_electronic-image_6.png" title="Electronic Image" /></p>
<p><img loading="lazy" alt="Electronic Image" src="/images/electronic-image/d_electronic-image_7.png" title="Electronic Image" /></p>
<p><img loading="lazy" alt="Electronic Image" src="/images/electronic-image/d_electronic-image_8.png" title="Electronic Image" /></p>
<p><img loading="lazy" alt="Electronic Image" src="/images/electronic-image/d_electronic-image_9.png" title="Electronic Image" /></p>
</div>

22
public/articles/emancipating-xr.html
View File

@@ -41,7 +41,7 @@
</div>
<div id="project-cover">
<img src="/images/exr-title.gif">
<img src="/images/exr-title.gif" loading="lazy">
</div>
<div id="project-body">
<p>Emancipating XR (Extended Reality) is an speculative media archaeology project which aims to capture the possibilities and difficulties for Virtual Reality practitioners seeking to work with Open-Source technologies.</p>
@@ -51,16 +51,16 @@
<p>Throughout the site, there are references to the vast amount of material online in this area which was clearly once available but has since been deleted, or now leads to a dead link. One could only speculate why discussions of this nature are no longer available.</p>
<p>Please be kind while vandalising the site (❤️ ω ❤️)</p>
<p><a href="https://xr.fioruil.ie/">Emancipating XR</a></p>
<p><img alt="exr" src="/images/emancipating-xr/close-up-exr.png" title="close-up" /></p>
<p><img alt="exr" src="/images/emancipating-xr/item-text.gif" title="item-text" /></p>
<p><img alt="exr" src="/images/emancipating-xr/hello-world-ig.png" title="hw" /></p>
<p><img alt="exr" src="/images/emancipating-xr/graf.gif" title="graf-gif" /></p>
<p><img alt="exr" src="/images/emancipating-xr/blender-boys.png" title="bboys" /></p>
<p><img alt="exr" src="/images/emancipating-xr/item-image.gif" title="item-image" /></p>
<p><img alt="exr" src="/images/emancipating-xr/EXR_World.png" title="world" /></p>
<p><img alt="exr" src="/images/emancipating-xr/graf-dither.png" title="graf-dither" /></p>
<p><img alt="exr" src="/images/emancipating-xr/sorted-objs.png" title="sorted-objs" /></p>
<p><img alt="exr" src="/images/emancipating-xr/zucc.png" title="zucc" /></p>
<p><img loading="lazy" alt="exr" src="/images/emancipating-xr/close-up-exr.png" title="close-up" /></p>
<p><img loading="lazy" alt="exr" src="/images/emancipating-xr/item-text.gif" title="item-text" /></p>
<p><img loading="lazy" alt="exr" src="/images/emancipating-xr/hello-world-ig.png" title="hw" /></p>
<p><img loading="lazy" alt="exr" src="/images/emancipating-xr/graf.gif" title="graf-gif" /></p>
<p><img loading="lazy" alt="exr" src="/images/emancipating-xr/blender-boys.png" title="bboys" /></p>
<p><img loading="lazy" alt="exr" src="/images/emancipating-xr/item-image.gif" title="item-image" /></p>
<p><img loading="lazy" alt="exr" src="/images/emancipating-xr/EXR_World.png" title="world" /></p>
<p><img loading="lazy" alt="exr" src="/images/emancipating-xr/graf-dither.png" title="graf-dither" /></p>
<p><img loading="lazy" alt="exr" src="/images/emancipating-xr/sorted-objs.png" title="sorted-objs" /></p>
<p><img loading="lazy" alt="exr" src="/images/emancipating-xr/zucc.png" title="zucc" /></p>
</div>

8
public/articles/latent-mirror.html
View File

@@ -45,15 +45,15 @@
</div>
<div id="project-cover">
<img src="/images/latent-mirror.png">
<img src="/images/latent-mirror.png" loading="lazy">
</div>
<div id="project-body">
<p>This audio-visual performance was created in response to the 'Portraits: People &amp; Place' exhibition at the WGOA (Waterford Gallery of Art). The performance explored the role portraits hold in the digital age, and how our perception of the 'subject' or 'sitter' has in some ways changed to facilitate virtual interactions. For this performance, I collaborated with local sound artist and producer <a href="https://www.instagram.com/theevanmiles/">Evan Miles</a>, to produce visuals in response to his music. Our aim was to understand what meaning has been lost or gained during this digital conversion, and in what ways can we re-imagine our digital identity through sound, and video.</p>
<p>The visual element of the performance was real-time and audio reactive, which captured the facial structure of the performing sound artist. By utilising Machine Learning Models, the captured face was manipulated and distorted further to animate another portrait, in an attempt to deconstruct and isolate key compositional elements of the 'subject'. Through this work, we hoped to reflect on our digital identity, and highlight the disconnection between our physical and virtual presence.</p>
<p><em>Performed live with TouchDesigner &amp; Custom Deepfake Model.</em></p>
<p><img alt="Latent Mirror" src="/images/latent-mirror/d_latent_03.png" title="Latent Mirror" /></p>
<p><img alt="Latent Mirror" src="/images/latent-mirror/d_latent_5.png" title="Latent Mirror" /></p>
<p><img alt="Latent Mirror" src="/images/latent-mirror/d_latent_6.png" title="Latent Mirror" /></p>
<p><img loading="lazy" alt="Latent Mirror" src="/images/latent-mirror/d_latent_03.png" title="Latent Mirror" /></p>
<p><img loading="lazy" alt="Latent Mirror" src="/images/latent-mirror/d_latent_5.png" title="Latent Mirror" /></p>
<p><img loading="lazy" alt="Latent Mirror" src="/images/latent-mirror/d_latent_6.png" title="Latent Mirror" /></p>
</div>

8
public/articles/moloch.html
View File

@@ -45,7 +45,7 @@
</div>
<div id="project-cover">
<img src="/images/moloch.png">
<img src="/images/moloch.png" loading="lazy">
</div>
<div id="project-body">
<p>In a simulation sculpted by algorithms, Moloch emerges – a digital artefact crafted to explore the ceaseless training process of an <intelligent> agent. Under the guise of reinforcement learning algorithms, the simulation draws parallels between the relentless optimisation of algorithms and the ancient rituals associated with Moloch, a deity synonymous with sacrifice.</p>
@@ -53,9 +53,9 @@
<p>The simulation runs in real-time and was created in the Unity game-engine. The simulation observes an agent while it trains to walk using various reinforcement learning algorithms commonly employed in early physically-based animation research. The script includes extracts from Howl (1955) by Allen Ginsberg.</p>
<p>Sound design by <a href="https://www.instagram.com/_inwoo.j/">Inwoo Jung</a>.</p>
<p>Supported by the Arts Council, University College Dublin, Sample-studios, &amp; Artlinks.</p>
<p><img alt="Moloch" src="/images/moloch/moloch_3.png" title="Moloch" /></p>
<p><img alt="Moloch" src="/images/moloch/moloch_1.jpg" title="Moloch" /></p>
<p><img alt="Moloch" src="/images/moloch/moloch_4.png" title="Moloch" /></p>
<p><img loading="lazy" alt="Moloch" src="/images/moloch/moloch_3.png" title="Moloch" /></p>
<p><img loading="lazy" alt="Moloch" src="/images/moloch/moloch_1.jpg" title="Moloch" /></p>
<p><img loading="lazy" alt="Moloch" src="/images/moloch/moloch_4.png" title="Moloch" /></p>
</div>

22
public/articles/stubborn-vectors.html
View File

@@ -43,23 +43,23 @@
</div>
<div id="project-cover">
<img src="/images/sv-image.webp">
<img src="/images/sv-image.webp" loading="lazy">
</div>
<div id="project-body">
<p>Stubborn Vectors is an interactive installation that explores the computational gaze of computer vision systems, which often oversimplify the complexities of our corporeal selves.</p>
<p>Computer vision is deeply entwined with surveillance technologies, accelerating the extraction of information to classify, analyse, and predict human behaviours—often capturing far more than individuals intend to reveal. This work focuses on Affection Mapping, a branch of machine learning dedicated to classifying emotions using computer vision. However, emotions are complex, evolving in response to our families, environments, and personal histories. This inherent complexity exposes the limitations of models attempting to construct a rigid taxonomy of human emotion.</p>
<p>In their pursuit to classify and represent the physical world, these systems inadvertently reveal an unfamiliar umwelt—a new lens through which meaning is extracted and reality is interpreted. By examining this computational gaze, we can observe how these systems function, their inherent biases, and how they influence and bleed into our physical world.</p>
<p>The installation is built as a computational system composed of computer vision and machine learning models. A dataset of archived footage is processed through this system to detect, segment, and extract features from each frame, with each feature represented as a multi-dimensional vector or embedding. This data is then sorted, reduced in dimensionality, and mapped into a two-dimensional space, creating a human-readable representation of the system's latent space. Using custom-built controllers, users can query the system with an emotional state, prompting it to navigate toward its nearest embedding within the space.</p>
<p><img alt="sv-install" src="/images/stubborn-vectors/install-1.webp" title="sv install" /></p>
<p><img alt="sv-install" src="/images/stubborn-vectors/install-2.webp" title="sv install" /></p>
<p><img alt="sv-install" src="/images/stubborn-vectors/controller-emote.webp" title="sv install" /></p>
<p><img alt="sv-install" src="/images/stubborn-vectors/wip-sv-1.png" title="sv install" /></p>
<p><img alt="sv-install" src="/images/stubborn-vectors/cailean-finn-beta-wip-1.jpg" title="sv install" /></p>
<p><img alt="sv-install" src="/images/stubborn-vectors/cailean-finn-beta-wip-3.jpg" title="sv install" /></p>
<p><img alt="sv-install" src="/images/stubborn-vectors/controller-stand.webp" title="sv install" /></p>
<p><img alt="sv-install" src="/images/stubborn-vectors/pcb.webp" title="sv install" /></p>
<p><img alt="sv-install" src="/images/stubborn-vectors/face.webp" title="sv install" /></p>
<p><img alt="sv-install" src="/images/stubborn-vectors/some-text.png" title="sv install" /></p>
<p><img loading="lazy" alt="sv-install" src="/images/stubborn-vectors/install-1.webp" title="sv install" /></p>
<p><img loading="lazy" alt="sv-install" src="/images/stubborn-vectors/install-2.webp" title="sv install" /></p>
<p><img loading="lazy" alt="sv-install" src="/images/stubborn-vectors/controller-emote.webp" title="sv install" /></p>
<p><img loading="lazy" alt="sv-install" src="/images/stubborn-vectors/wip-sv-1.png" title="sv install" /></p>
<p><img loading="lazy" alt="sv-install" src="/images/stubborn-vectors/cailean-finn-beta-wip-1.jpg" title="sv install" /></p>
<p><img loading="lazy" alt="sv-install" src="/images/stubborn-vectors/cailean-finn-beta-wip-3.jpg" title="sv install" /></p>
<p><img loading="lazy" alt="sv-install" src="/images/stubborn-vectors/controller-stand.webp" title="sv install" /></p>
<p><img loading="lazy" alt="sv-install" src="/images/stubborn-vectors/pcb.webp" title="sv install" /></p>
<p><img loading="lazy" alt="sv-install" src="/images/stubborn-vectors/face.webp" title="sv install" /></p>
<p><img loading="lazy" alt="sv-install" src="/images/stubborn-vectors/some-text.png" title="sv install" /></p>
</div>

8
public/articles/undefined.html
View File

@@ -41,7 +41,7 @@
</div>
<div id="project-cover">
<img src="/images/undefined-panorama.png">
<img src="/images/undefined-panorama.png" loading="lazy">
</div>
<div id="project-body">
<p>Undefined Panorama is a project by Yang Ah Ham in collaboration with, <a href="https://manuelbuerger.com/">The Laboratory of Manuel Bürger</a>, Cailean Finn, and <a href="http://www.noraomurchu.com/">Nora O Murchú</a>. The work was made with the support of curator SungMin LJ, assistant researcher Parr Geng, coordinator Yena Ku.</p>
@@ -49,9 +49,9 @@
<p>The online version of Undefined Panorama allows people to move between micro and macro perspectives of global, national and local events. In moving between these scales, Yang Ah Ham aims to open up questions about our relations to these events, and to generate new meanings by altering the scale of observation.</p>
<p>This website was commissioned by 2022 Seo-Seoul Museum of Art Pre-opening Public Program Exceptional Times, Uncertain Moves, and created with support from the Arts Council Korea.</p>
<p><a href="http://undefinedpanorama.net/">Website &#x2197;</a> </p>
<p><img alt="UP" src="/images/undefined-panorama/d_undefined_4.png" title="UP" /></p>
<p><img alt="UP" src="/images/undefined-panorama/d_undefined_2.png" title="UP" /></p>
<p><img alt="UP" src="/images/undefined-panorama/d_undefined_5.png" title="UP" /></p>
<p><img loading="lazy" alt="UP" src="/images/undefined-panorama/d_undefined_4.png" title="UP" /></p>
<p><img loading="lazy" alt="UP" src="/images/undefined-panorama/d_undefined_2.png" title="UP" /></p>
<p><img loading="lazy" alt="UP" src="/images/undefined-panorama/d_undefined_5.png" title="UP" /></p>
</div>