-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgenerative_art.html
executable file
·1 lines (1 loc) · 6.18 KB
/
generative_art.html
1
<!doctype html><html lang="en"><head><title>n-ham</title> <meta charset="utf-8"><meta name="viewport"content="width=device-width, initial-scale=1"><meta name="description"content="personal site of nicholas ham"><link rel="stylesheet"href="assets/css/style.css"><link rel="icon"type="image/png"href="assets/images/favicon.png"media="print"onload="this.media='all'"></head> <body><div align="center"id="body"><div class="menu-bars"><i id="open-menu-icon"class="fa fa-bars-png fa-rnbw"onclick="show_menu()"></i></div> <div id="menu-page"><div class="menu-cross"><i id="close-menu-icon"class="fa fa-xmark-png fa-rnbw"onclick="close_menu()"></i></div> <nav id="nav"class="noselect"><ul><li class="item li-menu li-dark"><a class="item-link"href="index.html">home</a></li> <li class="item li-menu li-dark has-submenu"><a tabindex="0"href="#"class="submenu-link"onclick="toggle_submenu(0)">work<i class="submenu-link-icon fa fa-angle-down-png fa-1x"></i></a> <ul class="submenu"align="center"><li class="subitem"><a href="programming.html">programming</a></li> <li class="subitem"><a href="research.html">research</a></li> <li class="subitem"><a href="education.html">education</a></li> <li class="subitem"><a href="teaching.html">teaching</a></li> <li class="subitem"><a href="genealogy.html">genealogy</a></li> <li class="subitem"><a href="links.html">links</a></li></ul></li> <li class="item li-menu li-dark has-submenu"><a tabindex="0"href="#"class="submenu-link"onclick="toggle_submenu(1)">play<i class="submenu-link-icon fa fa-angle-down-png fa-1x"></i></a> <ul class="submenu"><li class="subitem"><a href="generative_art.html">art</a></li> <li class="subitem"><a href="nature.html">nature</a></li> <li class="subitem"><a href="skateboarding.html">skateboarding</a></li></ul></li></ul></nav></div> <div id="content"><h1>Generative Art</h1> <p>I enjoy playing around with <a href="https://en.wikipedia.org/wiki/Generative_art">generative art</a> using an existing image or video as a canvas along with <a href="https://opencv.org/">opencv</a> to access the <mono>RGB</mono> values at each pixel, coding c/c++ to generate frames using various of my own algorithmic techniques along with custom <mono>RGB↔HSV</mono> conversion algorithms (none of <a href="https://stackoverflow.com/questions/3018313/algorithm-to-convert-rgb-to-hsv-and-hsv-to-rgb-in-range-0-255-for-both">these</a> work correctly for high quality digital animations), then combine the generated frames using <a href="https://ffmpeg.org/">ffmpeg</a>, so basically like <a href="assets/images/draw_owl.webp">this</a> with a sprinkle of <a href="assets/images/magic.webp">this</a>. See also <a href="https://en.wikipedia.org/wiki/Algorithmic_art">algorithmic art</a>, <a href="https://en.wikipedia.org/wiki/Computer_art">computer art</a>, <a href="https://en.wikipedia.org/wiki/Digital_art">digital art</a>, <a href="https://en.wikipedia.org/wiki/Electronic_art">electronic art</a> and <a href="https://en.wikipedia.org/wiki/Artificial_intelligence_art">artificial intelligence art</a>.</p> <p>Below are some examples of art with the colours digitally animated, many of them in my opinion are both visually stunning and mesmerising borderline hypnotic: <ul><li><a href="art/indigenous.html">indigenous artwork</a></li> <li><a href="art/spyderpunk.html">spyderpunk</a></li> <li><a href="art/posters.html">posters</a></li> <li><a href="art/my_pet_dragon.html">my pet dragon</a></li> <li><a href="art/cyberpunk.html">cyberpunk</a></li> <li><a href="art/need_for_neon.html">need for neon</a></li> <li><a href="art/jeopardized_earth.html">jeopardized earth</a></li> <li><a href="art/gradient_eruption.html">gradient eruption</a></li> <li><a href="art/holographic.html">holographic</a></li> <li><a href="art/iridescent.html">iridescent</a></li> <li><a href="art/deadmau5.html">deadmau5</a></li> <li><a href="art/retro.html">retro</a></li> <li><a href="art/miscellaneous.html">miscellaneous</a></li> <li><a href="art/videos.html">video loops</a></li></ul></p> <p>With the exception of the indigenous artwork and looping videos, almost all of the base artwork has been generated by <a href="https://midjourney.com/">Midjourney</a> then posted on Twitter by various people putting out some fantastic pieces (see alt text of examples for sources), which takes a surprising amount of creativity and skill if you have not gotten your hands dirty with text to image models yet. There has been insane progress with machine learning and/or artificial intelligence models in the last few years including text to image, the highest quality of which I have found seem to be coming from Midjourney, though various groups are regularly improving the models they are releasing. For example Stable Diffusion, Dall-E, Pirate Diffusion, etc., it's also worth checking out websites like <a href="https://lexica.art/">Lexica</a> (similar to Google image search, but for a database of AI generated images).</p> <div id="footer"align="center"><br><hr><br><div class="noselect"><a href="https://github.com/n-ham"title="GitHub"><i class="fa fa-github-png fa-rnbw"></i></a> <a href="mailto:[email protected]"title="Email"><i class="fa fa-envelope-png fa-rnbw"></i></a> <a href="https://orcid.org/0000-0002-4984-1711"title="ORCID"><i class="fa fa-orcid-png fa-rnbw"></i></a> <a href="https://scholar.google.com/citations?user=vV-pxo4AAAAJ&hl=en"title="Google Scholar"><i class="fa fa-google-png fa-rnbw"></i></a> <a href="https://arxiv.org/a/ham_n_2.html"title="arXiv"><i class="fa fa-box-archive-png fa-rnbw"></i></a></div> <p><b>Mirrors:</b> [<a href="https://n-ham.com/">Official</a>] [<a href="https://n-ham.bitbucket.io/">BitBucket</a>] [<a href="https://n-ham.github.io/">GitHub</a>] [<a href="https://n-ham.gitlab.io/">GitLab</a>]</p> <p><b>Source:</b> [<a href="https://github.com/n-ham/n-ham.github.io/">GitHub</a>]</p> <p>Page was last built using <a href="https://nift.dev">Nift</a> on Friday May 05 2023 at 07:45:41 (AEST).</p> <picture alt="tassie devil"><source media="(max-width: 750px)"srcset="assets/images/w=500px/devil-toon.webp"><source srcset="assets/images/devil-toon.webp"><img src="assets/images/devil-toon.webp"alt="tassie devil"loading="lazy"height=200 width=300></picture></div></div></div> <script type="text/javascript"src="assets/js/bundle.js"></script></body></html>