Spacious Spatiality

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Spacious Spatiality</title> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="" name="keywords"> <meta content="" name="description">  <script src="https://kit.fontawesome.com/df9b89ac6c.js" crossorigin="anonymous"></script>  <link href="img/tabicon.jpg" rel="icon">  <script async src="https://www.googletagmanager.com/gtag/js?id=G-5129T5Q5F7"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-5129T5Q5F7'); </script>  <meta name="viewport" content="user-scalable = yes">  <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Belleza&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Quattrocento+Sans&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Montserrat:300,400,500,700" rel="stylesheet">  <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">  <link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet"> <link href="lib/animate/animate.min.css" rel="stylesheet"> <link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet"> <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet"> <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">  <link href="css/style.css" rel="stylesheet">  </head> <body>  <header id="header" style="background-color:black">  <div class="container-fluid">  <div id="logo" class="pull-left"> <h1 align="left" style="font-size:150%; font-weight:100; letter-spacing:10px"> <a href="https://semf.org.es/spatiality" class="scrollto"> <nobr style="font-size:100%"> SPACIOUS </nobr> <nobr style="font-weight:800">  <b style="letter-spacing:3px"> </b>SPATIALITY </nobr> </a> </h1> </div>   <nav id="nav-menu-container">  <ul class="nav-menu"> <li><a href="https://semf.org.es/spatiality">Home</a></li> <li><a href="https://semf.org.es/spatiality/sessions.html">Sessions</a></li> <li><a href="https://semf.org.es/spatiality/index.html#gallery">Gallery</a></li> <li><a href="https://semf.org.es/spatiality/index.html#logisticstop">Logistics</a></li> <li><a href="https://semf.org.es/spatiality/index.html#fieldguide">Field Guide</a></li> <li><a href="https://semf.org.es/spatiality/index.html#participants">Participants</a></li> <li><a href="https://semf.org.es/spatiality/index.html#workshoptop">Workshop</a></li> <li><a href="https://semf.org.es/spatiality/index.html#abouttop">About</a></li> </ul> </nav> </div> </header> </br></br></br></br>  <section id="artists"> <div class="container"> <header class="section-header"> <h3 id="S1">GALLERY</h3> <p></p> </header>  <div class="row questions-cols"> <div class="col-md-12 wow fadeInUp"> <p id="1"></br></br></p> <div class="artist"> <p align="center"> <b style="font-size:14px"></br></b> <b style="font-size:24px">JASON HISE</b> </br>4D geometry enthusiast, Physics Programmer at Ready at Dawn Studios </br> <b style="font-size:24px; color:white"> <a href="https://entropygames.net/" target="_blank" class="user"><i class="fa fa-user"></i></a> &nbsp <a href="https://twitter.com/JasonHise64" target="_blank" class="twitter"><i class="fa fa-twitter"></i></a></b></br></br> </p> </div> </div> <div class="row questions-cols"> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-3 wow fadeInUp"> <div class="gallery-col"> </br></br> <div class="member"> <img src="img/gallery/spin.gif" class="img-fluid" alt="" width="650px"> </div> </div> </div> <div class="col-md-7 wow fadeInUp"> </br></br> <p style="color:black; text-align:justify"> </br></br></br></br> Visualization of an <a href="https://en.wikipedia.org/wiki/Anti-twister_mechanism" target="_blank">antitwister mechanism</a> - a way of connecting a flexible link between two objects, one of which is rotating with respect to the other, in a way that prevents the link from becoming twisted. </p> </div> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-4 wow fadeInUp"> <p style="color:black; text-align:justify"> </br></br></br></br></br></br></br></br> Rotating 3D projections of <a href="https://en.wikipedia.org/wiki/Regular_4-polytope" target="_blank">regular 4D polytopes</a> (<a href="https://en.wikipedia.org/wiki/Four-dimensional_space" target="_blank">four dimensional</a> analogues of 3D polyhedra). </p> </div> <div class="col-md-2 wow fadeInUp"> <div class="gallery-col"> <div class="member" style="background-color:transparent"> </br></br> <img src="img/gallery/hyper3.gif" class="img-fluid" alt=""> </br></br> <img src="img/gallery/hyper6.gif" class="img-fluid" alt=""> </div> </div> </div> <div class="col-md-2 wow fadeInUp"> <div class="gallery-col"> <div class="member" style="background-color:transparent"> </br></br> <img src="img/gallery/hyper4.gif" class="img-fluid" alt=""> </br></br> <img src="img/gallery/hyper8.gif" class="img-fluid" alt=""> </div> </div> </div> <div class="col-md-2 wow fadeInUp"> <div class="gallery-col"> <div class="member" style="background-color:transparent"> </br></br> <img src="img/gallery/hyper5.gif" class="img-fluid" alt=""> </br></br> <img src="img/gallery/hyper7.gif" class="img-fluid" alt=""> </div> </div> </div> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-7 wow fadeInUp"> </br></br></br> <div style="position:relative;padding-top:56.25%;"> <iframe src="https://www.youtube.com/embed/C680Zz7MyPI" frameborder="0" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%"></iframe> </div> </div> <div class="col-md-3 wow fadeInUp"> </br></br></br></br></br></br></br></br> <p style="color:black; text-align:justify"> </br>Scaling and dropping a twist deformation through a stack of transparent planes. </p> </div> </div>  <p id="2"></br></br></p>  <div class="col-md-12 wow fadeInUp"> </br></br></br></br></br></br> </br> <div class="artist"> <p align="center"> <b style="font-size:20px"></br></b> <b style="font-size:24px">HAMISH TODD</b> </br> Senior Research Engineer at Imagination Technologies </br> <b style="font-size:24px; color:white"> <a href="https://hamishtodd1.github.io/" target="_blank" class="user"><i class="fa fa-user"></i></a> &nbsp <a href="https://twitter.com/hamish_todd" target="_blank" class="twitter"><i class="fa fa-twitter"></i></a></b> </br></br> </p> </div> </div> <div class="row questions-cols"> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-3 wow fadeInUp"> <div class="gallery-col"> </br></br> <div class="member"> <a href="https://hamishtodd1.github.io/ga/quantum/index.html" target="_blank"><img src="img/gallery/quantum.gif" class="img-fluid" alt=""></a> </div> </div> </div> <div class="col-md-7 wow fadeInUp"> </br></br> <p style="color:black; text-align:justify"> </br></br></br></br> Using <a href="https://en.wikipedia.org/wiki/Geometric_algebra" target="_blank">geometric algebra</a> ideas (specifically the even subalgebra of <a href="https://en.wikipedia.org/wiki/Clifford_algebra" target="_blank">Cl<sub>3,1</sub></a>) to potentially help visualize the <a href="https://en.wikipedia.org/wiki/Quantum_entanglement" target="_blank">entanglement</a> of <a href="https://en.wikipedia.org/wiki/Qubit" target="_blank">qubits</a> for <a href="https://en.wikipedia.org/wiki/Quantum_circuit" target="_blank">quantum circuits</a>. The pulling along an axis represents a <a href="https://en.wikipedia.org/wiki/Lorentz_transformation" target="_blank">Lorentz boost</a>, while spinning around the axis are rotations. </p> </div> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-3 wow fadeInUp"> </br></br></br></br></br></br></br></br> <p style="color:black; text-align:justify"> </br>Visualizing <a href="https://en.wikipedia.org/wiki/Quantum_computing" target="_blank">quantum computing</a> with <a href="https://en.wikipedia.org/wiki/Hyperbolic_geometry" target="_blank">hyperbolic geometry</a>. </p> </div> <div class="col-md-7 wow fadeInUp"> </br></br></br> <div style="position:relative;padding-top:56.25%;"> <iframe src="https://www.youtube.com/embed/yemEu93lnvI" frameborder="0" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%"></iframe> </div> </div>  <div class="col-md-12 wow fadeInUp"> <p id="3"></br></br></p> </br></br></br></br></br></br> </br> <div class="artist"> <p align="center"> <b style="font-size:20px"></br></b> <b style="font-size:24px">IRIDA ALTMAN</b> </br> Bilingual mathematician who took an art-and-writing detour on her way to philosophy </br> <b style="font-size:24px; color:white"> <a href="https://www.inprnt.com/gallery/irida/" target="_blank" class="user"><i class="fa fa-palette"></i></a> &nbsp <a href="https://twitter.com/IridaAltman" target="_blank" class="twitter"><i class="fa fa-twitter"></i></a></b> </br></br> </p> </div> </div> <div class="row questions-cols"> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-10 wow fadeInUp"> <div class="gallery-col"> </br></br> <div class="member"> <a href="https://www.inprnt.com/gallery/irida/red-squares-piggy/" target="_blank"><img src="img/gallery/piggy.jpeg" class="img-fluid" alt=""></a> </div> <p> <a href="https://www.inprnt.com/gallery/irida/red-squares-piggy/" target="_blank"><i>Red Squares Piggy</i></a></br> (Brush markers on paper) </br> Celebrating the intelligence of pigs in a 3D-grid technique inspired by Paul Klee鈥檚 studies of colour and form.</p> </div> </div> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-6 wow fadeInUp"> <div class="gallery-col"> </br></br> <div class="member"> <a href="https://www.inprnt.com/gallery/irida/piggies-and-the-ultimate-dimension-warp/" target="_blank"><img src="img/gallery/piggies.jpeg" class="img-fluid" alt=""></a> </div> <p> <a href="https://www.inprnt.com/gallery/irida/piggies-and-the-ultimate-dimension-warp/" target="_blank"><i>Piggies and the dimension Warp</i></a></br> (Digital art) </br> Escheresque reimagining of porcine dimension theory.</p> </div> </div> <div class="col-md-4 wow fadeInUp"> <div class="gallery-col"> </br></br> <div class="member"> <a href="img/gallery/balance.jpeg" target="_blank"><img src="img/gallery/balance.jpeg" width="298px" class="img-fluid" alt=""> </div> <p> <a href="img/gallery/balance.jpeg" target="_blank"><i>Gravity in the Balance</i></a></br> (Mixed) </br> Hidden geometries expressed in artistic shorthand.</p> </div> </div> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-1 wow fadeInUp"> </div> </div> <p id="4"></br></br></p>  <div class="col-md-12 wow fadeInUp"> </br></br> <div class="artist"> <p align="center"> <b style="font-size:20px"></br></b> <b style="font-size:24px">CODE PARADE</b> </br> Coder making projects and YouTube videos about deep learning, fractals, games, math, and more </br> <b style="font-size:24px; color:white"> <a href="http://codeparade.net/" target="_blank" class="user"><i class="fa fa-user"></i></a> &nbsp <a href="https://twitter.com/_codeparade_" target="_blank" class="twitter"><i class="fa fa-twitter"></i></a> &nbsp <a href="https://www.youtube.com/c/CodeParade" target="_blank" class="youtube"><i class="fa fa-youtube"></i></a></b> </br></br> </p> </div> </div> <div class="row questions-cols"> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-4 wow fadeInUp"> </br></br></br> <p style="color:black; text-align:justify"> </br>Hyperbolica is a whimsical <a href="https://en.wikipedia.org/wiki/Non-Euclidean_geometry" target="_blank">Non-Euclidean</a> adventure with mind-bending worlds full of games, puzzles, mazes, and secrets! Immerse yourself in reality-warping geometries where lines can never be parallel, horizons are curved, and space grows exponentially. </br> <a href="https://store.steampowered.com/app/1256230/Hyperbolica/" target="_blank" class="btn-steam scrollto">&nbsp HYPERBOLICA ON STEAM &nbsp</a> </p> </div> <div class="col-md-6 wow fadeInUp"> </br></br> <div style="position:relative;padding-top:56.25%;"> <iframe src="https://www.youtube.com/embed/VYfWfrk5P7w" frameborder="0" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%"></iframe> </div> </div> <p id="5"></br></br></p>  <div class="col-md-12 wow fadeInUp"> </br></br></br></br></br> <div class="artist"> <p align="center"> <b style="font-size:20px"></br></b> <b style="font-size:24px">TEJA KRASEK</b> </br> Freelance artist melding art, science, mathematics and technology </br> <b style="font-size:24px; color:white"> <a href="https://leonardo.info/network/837" target="_blank" class="user"><i class="fa fa-user"></i></a> &nbsp <a href="https://tejakrasekart.blogspot.com/" target="_blank" class="user"><i class="fa fa-palette"></i></a> &nbsp <a href="https://twitter.com/tejakrasek" target="_blank" class="twitter"><i class="fa fa-twitter"></i></a></b> &nbsp </br></br> </p> </div> </div> <div class="row questions-cols"> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-2 wow fadeInUp"> <a href="https://twitter.com/tejaKrasek/status/1517940214710292480?s=20&t=BXalx7aMA58pwKn2xJMvcA" target="_blank"> <div class="gallery-col"> </br></br> <div class="member"> <img src="img/gallery/teja1.jpg" class="img-fluid" alt=""> </div> <i>Dreamland Fields</i> </div> </a> </div> <div class="col-md-2 wow fadeInUp"> <a href="https://twitter.com/tejaKrasek/status/1383803514820775937?s=20&t=BXalx7aMA58pwKn2xJMvcA" target="_blank"> <div class="gallery-col"> </br></br> <div class="member"> <img src="img/gallery/teja2.jpg" class="img-fluid" alt=""> </div> Cake </div> </a> </div> <div class="col-md-2 wow fadeInUp"> <a href="https://twitter.com/tejaKrasek/status/1190670818541539332?s=20&t=BXalx7aMA58pwKn2xJMvcA" target="_blank"> <div class="gallery-col"> </br></br> <div class="member"> <img src="img/gallery/teja3.jpg" class="img-fluid" alt=""> </div> <i>Quasicube V</i> </div> </a> </div> <div class="col-md-2 wow fadeInUp"> <a href="https://twitter.com/tejaKrasek/status/1279480642682728449?s=20&t=BXalx7aMA58pwKn2xJMvcA" target="_blank"> <div class="gallery-col"> </br></br> <div class="member"> <img src="img/gallery/teja16.jpg" class="img-fluid" alt=""> </div> Fractal </div> </a> </div> <div class="col-md-2 wow fadeInUp"> <a href="https://tejakrasekart.blogspot.com/2020/05/blog-post.html" target="_blank"> <div class="gallery-col"> </br></br> <div class="member"> <img src="img/gallery/teja19.jpg" class="img-fluid" alt=""> </div> Fluid </div> </a> </div> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-2 wow fadeInUp"> <a href="https://twitter.com/tejaKrasek/status/1449413779180167168?s=20&t=BXalx7aMA58pwKn2xJMvcA" target="_blank"> <div class="gallery-col"> </br></br> <div class="member"> <img src="img/gallery/teja5.jpg" class="img-fluid" alt=""> </div> <i>Whirled Heart</i> </div> </a> </div> <div class="col-md-2 wow fadeInUp"> <a href="https://twitter.com/tejaKrasek/status/1418275531221618692?s=20&t=BXalx7aMA58pwKn2xJMvcA" target="_blank"> <div class="gallery-col"> </br></br> <div class="member"> <img src="img/gallery/teja6.jpg" class="img-fluid" alt=""> </div> Fractal </div> </a> </div> <div class="col-md-2 wow fadeInUp"> <a href="https://twitter.com/tejaKrasek/status/1094987022895382528?s=20&t=BXalx7aMA58pwKn2xJMvcA" target="_blank"> <div class="gallery-col"> </br></br> <div class="member"> <img src="img/gallery/teja18.jpg" class="img-fluid" alt=""> </div> Fractal </div> </a> </div> <div class="col-md-2 wow fadeInUp"> <a href="https://twitter.com/tejaKrasek/status/1287489707446644737?s=20&t=BXalx7aMA58pwKn2xJMvcA" target="_blank"> <div class="gallery-col"> </br></br> <div class="member"> <img src="img/gallery/teja7.jpg" class="img-fluid" alt=""> </div> <i>The Babel Fish</i> </div> </a> </div> <div class="col-md-2 wow fadeInUp"> <a href="https://twitter.com/tejaKrasek/status/1473036616683950086?s=20&t=BXalx7aMA58pwKn2xJMvcA" target="_blank"> <div class="gallery-col"> </br></br> <div class="member"> <img src="img/gallery/teja8.jpg" class="img-fluid" alt=""> </div> Sierpinski triangle </div> </a> </div> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-2 wow fadeInUp"> <a href="https://twitter.com/tejaKrasek/status/1150418636420603904?s=20&t=BXalx7aMA58pwKn2xJMvcA" target="_blank"> <div class="gallery-col"> </br></br> <div class="member"> <img src="img/gallery/teja10.jpg" class="img-fluid" alt=""> </div> <i>Sense of Serenity</i> </div> </a> </div> <div class="col-md-2 wow fadeInUp"> <a href="https://twitter.com/tejaKrasek/status/1147878381775708160?s=20&t=BXalx7aMA58pwKn2xJMvcA" target="_blank"> <div class="gallery-col"> </br></br> <div class="member"> <img src="img/gallery/teja11.jpg" class="img-fluid" alt=""> </div> Fractal </div> </a> </div> <div class="col-md-2 wow fadeInUp"> <a href="https://twitter.com/tejaKrasek/status/1206294535745286145?s=20&t=BXalx7aMA58pwKn2xJMvcA" target="_blank"> <div class="gallery-col"> </br></br> <div class="member"> <img src="img/gallery/teja13.jpg" class="img-fluid" alt=""> </div> <i>Artificial Still Life</i> </div> </a> </div> <div class="col-md-2 wow fadeInUp"> <a href="https://twitter.com/tejaKrasek/status/1168601843292868609?s=20&t=BXalx7aMA58pwKn2xJMvcA" target="_blank"> <div class="gallery-col"> </br></br> <div class="member"> <img src="img/gallery/teja12.jpg" class="img-fluid" alt=""> </div> <i>Labor of Love</i> </div> </a> </div> <div class="col-md-2 wow fadeInUp"> <a href="https://twitter.com/tejaKrasek/status/1476249798596509698?s=20&t=BXalx7aMA58pwKn2xJMvcA" target="_blank"> <div class="gallery-col"> </br></br> <div class="member"> <img src="img/gallery/teja15.jpg" class="img-fluid" alt=""> </div> <i>On the Shore</i> </div> </a> </div> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-2 wow fadeInUp"> <a href="https://twitter.com/tejaKrasek/status/1091052047229767682?s=20&t=BXalx7aMA58pwKn2xJMvcA" target="_blank"> <div class="gallery-col"> </br></br> <div class="member"> <img src="img/gallery/teja14.jpg" class="img-fluid" alt=""> </div> <i>A Fistful of Fractal Stardust</i> </div> </a> </div> <div class="col-md-2 wow fadeInUp"> <a href="https://twitter.com/tejaKrasek/status/1192892012460224512?s=20&t=BXalx7aMA58pwKn2xJMvcA" target="_blank"> <div class="gallery-col"> </br></br> <div class="member"> <img src="img/gallery/teja4.jpg" class="img-fluid" alt=""> </div> <i>Sail on Waves of Serenity</i> </div> </a> </div> <div class="col-md-2 wow fadeInUp"> <a href="https://twitter.com/tejaKrasek/status/1471140619359772677?s=20&t=BXalx7aMA58pwKn2xJMvcA" target="_blank"> <div class="gallery-col"> </br></br> <div class="member"> <img src="img/gallery/teja9.jpg" class="img-fluid" alt=""> </div> Fractal </div> </a> </div> <div class="col-md-2 wow fadeInUp"> <a href="https://twitter.com/tejaKrasek/status/986684061728100352?s=20&t=BXalx7aMA58pwKn2xJMvcA" target="_blank"> <div class="gallery-col"> </br></br> <div class="member"> <img src="img/gallery/teja17.jpg" class="img-fluid" alt=""> </div> <i>Artificial Alien Heart</i> </div> </a> </div> <div class="col-md-2 wow fadeInUp"> <a href="https://twitter.com/tejaKrasek/status/1417190299995148291?s=20&t=BXalx7aMA58pwKn2xJMvcA" target="_blank"> <div class="gallery-col"> </br></br> <div class="member"> <img src="img/gallery/bilinski.jpg" class="img-fluid" alt=""> </div> <i>A Touch of Bilinski</i></br>(with Izidor Hafner) </div> </a> </div> <div class="col-md-1 wow fadeInUp"> </div> </div> <p id="6"></br></br></p>  <div class="col-md-12 wow fadeInUp"> </br></br></br></br></br></br></br> <div class="artist"> <p align="center"> <b style="font-size:20px"></br></b> <b style="font-size:24px">Chigozie Nri</b> </br> Maker of tools for production of AI Art </br> <b style="font-size:24px; color:white"> <a href="https://chigozienri.github.io/" target="_blank" class="user"><i class="fa fa-github"></i></a> &nbsp <a href="https://twitter.com/chigozienri" target="_blank" class="twitter"><i class="fa fa-twitter"></i></a></b> </br></br> </p> </div> </div> <div class="row questions-cols"> <div class="col-md-2 wow fadeInUp"> </div> <div class="col-md-4 wow fadeInUp"> <p style="color:black; text-align:justify"> </br></br></br></br></br></br> In the past 2 years, AIs have been developed that can take a string of text and generate a corresponding image. New models and techniques are being released constantly. An open source community has formed, initiated by the work of Ryan Murdock (<a href="https://twitter.com/advadnoun" target="_blank">@advadnoun</a>) and Katherine Crowson (<a href="https://twitter.com/RiversHaveWings" target="_blank">@RiversHaveWings</a>) (<a href="https://arxiv.org/abs/2204.08583" target="_blank">reference here</a>). Just as 2 Cartesian coordinates can uniquely describe a point on a plane, or 3 coordinates can describe a point in real space, we can use many-dimensional coordinates to uniquely describe a whole image, or the semantic content of a text string. By training an AI model on millions of pairs of images and captions, we can discover a space and a mapping where similar images cluster close together, and the text string "Baroque Autumn" maps to the same region as a picture of a "Baroque Autumn". In this <a href="https://towardsdatascience.com/understanding-latent-space-in-machine-learning-de5a7c687d8d" target="_blank">latent space</a>, proximity scores between text and image can be calculated, and used to guide the generation of an image to match a new text prompt given by the human. </p> </div> <div class="col-md-4 wow fadeInUp"> </br></br> <blockquote class="twitter-tweet" data-conversation="none"><p lang="es" dir="ltr">Baroque Autumn <a href="https://t.co/7qXExDLeMw">pic.twitter.com/7qXExDLeMw</a></p>— Chigozie Nri (@chigozienri) <a href="https://twitter.com/chigozienri/status/1423985032939679744?ref_src=twsrc%5Etfw">August 7, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-2 wow fadeInUp"> </div> <div class="col-md-4 wow fadeInUp"> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Topographic Map | Contour Lines <a href="https://t.co/dmfitDwZXT">pic.twitter.com/dmfitDwZXT</a></p>— Chigozie Nri (@chigozienri) <a href="https://twitter.com/chigozienri/status/1417957701087281162?ref_src=twsrc%5Etfw">July 21, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div> <div class="col-md-4 wow fadeInUp"> <p style="color:black; text-align:justify"> </br></br></br></br></br></br></br></br> By taking an image generated from this technique, warping it, and using it as an input for the next frame, we can generate animations. </p> </div> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-2 wow fadeInUp"> </div> <div class="col-md-4 wow fadeInUp"> <p style="color:black; text-align:justify"> </br></br></br></br></br></br></br></br></br> If the prompts used are changed on each frame, the image can evolve. </p> </div> <div class="col-md-4 wow fadeInUp"> <blockquote class="twitter-tweet" data-conversation="none"><p lang="en" dir="ltr">The Nine Spheres of Heaven<a href="https://twitter.com/images_ai?ref_src=twsrc%5Etfw">@images_ai</a> <a href="https://t.co/5jBZBjzoxr">pic.twitter.com/5jBZBjzoxr</a></p>— Chigozie Nri (@chigozienri) <a href="https://twitter.com/chigozienri/status/1420886097316491266?ref_src=twsrc%5Etfw">July 29, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-2 wow fadeInUp"> </div> <div class="col-md-4 wow fadeInUp"> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">The seasons, in Sumi-e <br>For each season, I also prompted a kigo for that season, maybe you can guess which ones I used.<br>Not quite a perfect loop yet, but I'm getting closer.<a href="https://twitter.com/images_ai?ref_src=twsrc%5Etfw">@images_ai</a> <a href="https://t.co/YQ9U0jbEXW">pic.twitter.com/YQ9U0jbEXW</a></p>— Chigozie Nri (@chigozienri) <a href="https://twitter.com/chigozienri/status/1421237941997871105?ref_src=twsrc%5Etfw">July 30, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div> <div class="col-md-5 wow fadeInUp"> <p style="color:black; text-align:justify"> </br></br></br></br></br></br></br></br></br></br></br> And if we scroll the original image in to the right side of the frame as it leaves, we can approximate a loop. </p> </div> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-2 wow fadeInUp"> </div> <div class="col-md-4 wow fadeInUp"> <p style="color:black; text-align:justify"> </br></br></br></br></br></br> In this piece (released to coincide with this conference), <a href="https://en.wikipedia.org/wiki/Parallax" target="_blank">parallax</a> is achieved by scrolling independent generated layers at different speeds, <a href="https://en.wikipedia.org/wiki/Parallax_scrolling" target="_blank">a technique commonly used in 2D side-scrolling video games</a>. The endless looping is achieved by inpainting the seams so that they match up, locating a point in the space of possible images that tiles seamlessly. The result is an animation where the last frame perfectly approaches the first frame. </p> </div> <div class="col-md-4 wow fadeInUp"> <blockquote class="twitter-tweet"><p lang="en" dir="ltr"></a></p>— Chigozie Nri (@chigozienri) <a href="https://twitter.com/chigozienri/status/1527631336156053504?ref_src=twsrc%5Etfw">May 20, 2022</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div> <div class="col-md-1 wow fadeInUp"> </div> </div> <p id="7"></br></br></p>  <div class="col-md-12 wow fadeInUp"> </br></br></br></br></br></br> <div class="artist"> <p align="center"> <b style="font-size:20px"></br></b> <b style="font-size:24px">MICAHSCOPES</b> </br> A curious and creative geek making open source web & multimedia tools for learning, creative expression and play </br> <b style="font-size:24px; color:white"> <a href="https://wondering.xyz/" target="_blank" class="user"><i class="fa fa-user"></i></a> &nbsp <a href="https://wondering.xyz/tags/#spatial" target="_blank" class="user"><i class="fa fa-palette"></i></a> &nbsp <a href="https://github.com/micahscopes" target="_blank" class="user"><i class="fa fa-github"></i></a></b> </br></br> </p> </div> </div> <div class="row questions-cols"> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-6 wow fadeInUp"> <p style="color:black; text-align:justify"> </br></br></br></br></br></br> <a href="http://hyperspectives.wondering.xyz/" target="_blank"><i>Hyperspectives</a></i> is a a collection of experiments with <a href="https://en.wikipedia.org/wiki/Non-Euclidean_geometry" target="_blank">non-euclidean</a> perspectives, related to <a href="https://en.wikipedia.org/wiki/M%C3%B6bius_transformation" target="_blank">moebius transformations</a> and interesting mappings of 3d geometry. The goal is to offer unique perspectives on various aspects of what it means to be a creature living in space and to learn about math in the process. </br></br> <a href="http://hyperspectives.wondering.xyz/moebius/hyperhorse.html" target="_blank">The hyperhorse</a>, in particular, is inverse <a href="https://en.wikipedia.org/wiki/Stereographic_projection" target="_blank">stereographically projected</a> onto the hypersphere, rotated, and projected back again. Click on the image to access the original interactive art, where you can move the camera, change rotation speed and pause the horse displacement. </p> </div> <div class="col-md-4 wow fadeInUp"> </br></br> <a href="http://hyperspectives.wondering.xyz/moebius/hyperhorse.html" target="_blank"><img src="img/gallery/hyperhorse.gif" class="img-fluid" alt=""></a> </div> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-10 wow fadeInUp"> </br></br> <video width="350" height="350" controls> <source src="https://wondering.xyz/fractals/fractal-octopus.gallery.webm" type="video/mp4"> Your browser does not support the video tag. </video> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <video width="550" height="380" controls> <source src="https://user-images.githubusercontent.com/389782/169445431-d8bdbf5a-977a-46a0-98d1-b2a801fda0f7.mp4" type="video/mp4"> Your browser does not support the video tag. </video> </div> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-1 wow fadeInUp"> </div> <div class="col-md-10 wow fadeInUp"> &nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <a href="https://wondering.xyz/fractals/fractal-octopus.gallery.webm" target="_blank"><i>Octopus</i></a> &nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <a href="https://github.com/micahscopes/quilting" target="_blank"><i>Quilting</i></a> </div> <div class="col-md-1 wow fadeInUp"> </div> </div></div> </div> </div></br></br></br></br></br></br></br> </div></div></div></div></div></div> </section> </main>  <footer id="footer">  <div class="footer-top"> <div class="container"> <div class="row">  <div class="col-lg-6 col-md-6 footer-info">  <h3 align="left" style="font-size:150%; font-weight:100"> <a href="#intro" class="scrollto" style="font-size:100%; color:white"> <nobr> S P A C I O U S &nbsp </nobr> <nobr style="font-weight:800"> S P A T I A L I T Y </nobr> </a> </h3>  <p>An interdisciplinary meeting on the notions of space, shape and distance across art and science </br></br></p> </div>      <div class="col-lg-3 col-md-6 footer-contact"> <h4>Organizers</h4> <p> Carlos Zapata Carratal谩 &nbsp <a href="mailto:c.zapata.carratala@gmail.com" class="twitter"><i class="fa fa-envelope"></i></a> &nbsp <a href="https://www.linkedin.com/in/carlos-zapata-carratala-b068b51b4/" class="linkedin"><i class="fab fa-linkedin"></i></a> </br> 脕lvaro Moreno Vallori &nbsp <a href="https://linktr.ee/almova90" class="tree"><i class="fa fa-tree"></i></a> </br> Mundy Otto Reimer &nbsp <a href="https://twitter.com/HarmonicesMvndi" class="tree"><i class="fa fa-twitter"></i></a> &nbsp <a href="https://mundyreimer.github.io/" class="tree"><i class="fa fa-user"></i></a> &nbsp <a href="https://www.linkedin.com/in/mundyreimer" class="linkedin"><i class="fab fa-linkedin"></i></a> </p> </div>   <div class="col-lg-3 col-md-6 footer-contact"> <h4>Credits</h4> <p> Website by 脕lvaro Moreno Vallori &nbsp <a href="https://linktr.ee/almova90" class="tree"><i class="fa fa-tree"></i></a></br> (Template by <a href="https://bootstrapmade.com/">BootstrapMade</a>) </p> </div>  </div> </div> </div>   <div class="container"> <div class="copyright"> <b>SEMF 2022</b> </div> <div class="credits">  Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> </div> </div>  </footer>   <a href="#" class="floating-right"><i class="fa fa-chevron-up"></i></a>     <script src="lib/jquery/jquery.min.js"></script> <script src="lib/jquery/jquery-migrate.min.js"></script> <script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="lib/easing/easing.min.js"></script> <script src="lib/superfish/hoverIntent.js"></script> <script src="lib/superfish/superfish.min.js"></script> <script src="lib/wow/wow.min.js"></script> <script src="lib/waypoints/waypoints.min.js"></script> <script src="lib/counterup/counterup.min.js"></script> <script src="lib/owlcarousel/owl.carousel.min.js"></script> <script src="lib/isotope/isotope.pkgd.min.js"></script> <script src="lib/lightbox/js/lightbox.min.js"></script> <script src="lib/touchSwipe/jquery.touchSwipe.min.js"></script>  <script src="contactform/contactform.js"></script>  <script src="assets/js/util.js"></script>  <script src="assets/js/main.js"></script>  <script src="js/main.js"></script> </body> </html>

CINXE.COM

Spacious Spatiality