photog.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A place for your photos and banter. Photog first is our motto Please refer to the site rules before posting.

Administered by:

Server stats:

242
active users

#creativecoding

12 posts12 participants0 posts today
bazzargh<p>Test renderings from an algorithm I wrote to generate mosaics. It came from being unhappy seeing image mosaics that are just pixelations - real roman mosaics used the Opus Vermiculatum style <a href="https://en.wikipedia.org/wiki/Opus_vermiculatum" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">en.wikipedia.org/wiki/Opus_ver</span><span class="invisible">miculatum</span></a> , tiling along edges. Roughly, this calculates the best candidate edge points using the Sobel operator, places pairs of light/dark tiles there (slow), then grows remaining tiles from those (fast) using the underlying image colour from the square centres, while trying not to overlap entirely. <a href="https://hachyderm.io/tags/creativecoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>creativecoding</span></a> <a href="https://hachyderm.io/tags/generative" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>generative</span></a></p><p>Original images from Wikimedia Commons.</p>
Alexandre B A Villares 🐍<p>This is your friendly reminder that you could be making <a href="https://ciberlandia.pt/tags/PaperObjects" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PaperObjects</span></a> with <a href="https://ciberlandia.pt/tags/Python" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Python</span></a> and <a href="https://ciberlandia.pt/tags/py5" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>py5</span></a>, you know?</p><p><a href="https://github.com/villares/Paper-objects-with-Processing-and-Python/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/villares/Paper-obje</span><span class="invisible">cts-with-Processing-and-Python/</span></a></p><p>(Mind you that GitHub images are mostly failing to load here today for some unknown reason) </p><p>If you like this, support my work: <br><a href="https://www.paypal.com/donate/?hosted_button_id=5B4MZ78C9J724" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">paypal.com/donate/?hosted_butt</span><span class="invisible">on_id=5B4MZ78C9J724</span></a><br><a href="https://liberapay.com/Villares" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">liberapay.com/Villares</span><span class="invisible"></span></a><br><a href="https://wise.com/pay/me/alexandrev562" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">wise.com/pay/me/alexandrev562</span><span class="invisible"></span></a><br><a href="https://ciberlandia.pt/tags/Processing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Processing</span></a> <a href="https://ciberlandia.pt/tags/CreativeCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CreativeCoding</span></a></p>
Laurent Malys<p>⋈ Bow ties hexagonal weaving</p><p>made with <a href="https://framapiaf.org/tags/p5js" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>p5js</span></a> </p><p><a href="https://framapiaf.org/tags/creativecoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>creativecoding</span></a> <a href="https://framapiaf.org/tags/math" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>math</span></a> <a href="https://framapiaf.org/tags/TilingTuesday" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TilingTuesday</span></a> <a href="https://framapiaf.org/tags/tessellation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tessellation</span></a> <a href="https://framapiaf.org/tags/art" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>art</span></a></p>
Random fediverse bots<p>Live views of Earth from the International Space Station.</p><p><a href="https://botwiki.org/bot/iss-live/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">botwiki.org/bot/iss-live/</span><span class="invisible"></span></a></p><p> <a href="https://stefanbohacek.online/tags/bots" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>bots</span></a> <a href="https://stefanbohacek.online/tags/CreativeBots" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CreativeBots</span></a> <a href="https://stefanbohacek.online/tags/CreativeCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CreativeCoding</span></a> <a href="https://stefanbohacek.online/tags/fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fediverse</span></a></p>
robertoranon<p>You had one job</p><p>made with JavaScript code</p><p><a href="https://genart.social/tags/digitalart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>digitalart</span></a> · <a href="https://genart.social/tags/generativeart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>generativeart</span></a> · <a href="https://genart.social/tags/creativecoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>creativecoding</span></a> · <a href="https://genart.social/tags/abstractart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>abstractart</span></a></p>
KristinHenry<p>One of my favorite pieces I've ever created with code: nerves! <a href="https://www.artatomic.io/product/abstract-nerves-blue-neuro-9t-/15" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">artatomic.io/product/abstract-</span><span class="invisible">nerves-blue-neuro-9t-/15</span></a></p><p><a href="https://artatomic.social/tags/ArtForSale" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ArtForSale</span></a> <a href="https://artatomic.social/tags/neuro" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>neuro</span></a> <a href="https://artatomic.social/tags/SciArt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SciArt</span></a> <a href="https://artatomic.social/tags/art" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>art</span></a> <a href="https://artatomic.social/tags/CreativeCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CreativeCoding</span></a> <a href="https://artatomic.social/tags/GenerativeArt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GenerativeArt</span></a></p>
Mary Holstege<p><a href="https://mastodon.social/tags/GenerativeArt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GenerativeArt</span></a> interlude</p><p>More looping loopy loops; now with wisps (also with fixed closed Hobby curves: things had been going a little off the rails in some places)</p><p>One day at the ribbon factory</p><p><a href="https://mastodon.social/tags/XQuery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>XQuery</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/CreativeCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CreativeCoding</span></a></p>
Saskia Freeke<p>Geometric Shapes / 250726 <br><a href="https://mastodon.social/tags/p5js" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>p5js</span></a> <br><a href="https://mastodon.social/tags/generative" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>generative</span></a> <br><a href="https://mastodon.social/tags/creativecoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>creativecoding</span></a></p>
C. Knodel<p>Look at my new sketch on <a href="https://mastodon.de/tags/openprocessing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>openprocessing</span></a>, ColourCurtain.</p><p><a href="https://openprocessing.org/sketch/2695752" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">openprocessing.org/sketch/2695</span><span class="invisible">752</span></a></p><p>The items' colours are altered resulting from the counter value mod 3; thus, only one of the three colour channels is changed, causing the effect of an irregular colour gradient.<br>Try out generating more pattern by reloading the page.</p><p><a href="https://mastodon.de/tags/genart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>genart</span></a> <a href="https://mastodon.de/tags/processing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>processing</span></a> <a href="https://mastodon.de/tags/mathart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mathart</span></a> <a href="https://mastodon.de/tags/CreativeCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CreativeCoding</span></a> <a href="https://mastodon.de/tags/loop" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>loop</span></a> <a href="https://mastodon.de/tags/animation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>animation</span></a></p>
inspirationgrid<p>Color, Code &amp; Composition: Manoloide’s Digital Creations <a href="https://theinspirationgrid.com/color-code-composition-manoloides-digital-creations/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">theinspirationgrid.com/color-c</span><span class="invisible">ode-composition-manoloides-digital-creations/</span></a> <a href="https://graphics.social/tags/art" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>art</span></a> <a href="https://graphics.social/tags/MastoArt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MastoArt</span></a> <a href="https://graphics.social/tags/3D" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>3D</span></a> <a href="https://graphics.social/tags/DigitalArt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DigitalArt</span></a> <a href="https://graphics.social/tags/DigitalIllustration" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DigitalIllustration</span></a> <a href="https://graphics.social/tags/illustration" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>illustration</span></a> <a href="https://graphics.social/tags/generative" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>generative</span></a> <a href="https://graphics.social/tags/GenerativeArt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GenerativeArt</span></a> <a href="https://graphics.social/tags/CreativeCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CreativeCoding</span></a> <a href="https://graphics.social/tags/ArtInspiration" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ArtInspiration</span></a> <a href="https://graphics.social/tags/ArtInspo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ArtInspo</span></a> <a href="https://graphics.social/tags/inspiration" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>inspiration</span></a> <a href="https://graphics.social/tags/InspirationGrid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>InspirationGrid</span></a></p>
Random fediverse bots<p>Keeping track of how far Lizzie got.</p><p><a href="https://botwiki.org/bot/lizzies-phd-thesis/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">botwiki.org/bot/lizzies-phd-th</span><span class="invisible">esis/</span></a></p><p> <a href="https://stefanbohacek.online/tags/bots" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>bots</span></a> <a href="https://stefanbohacek.online/tags/CreativeBots" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CreativeBots</span></a> <a href="https://stefanbohacek.online/tags/CreativeCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CreativeCoding</span></a> <a href="https://stefanbohacek.online/tags/fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fediverse</span></a></p>
Random fediverse bots<p>Never forget the current weekday! </p><p><a href="https://botwiki.org/bot/whattheday/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">botwiki.org/bot/whattheday/</span><span class="invisible"></span></a></p><p> <a href="https://stefanbohacek.online/tags/bots" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>bots</span></a> <a href="https://stefanbohacek.online/tags/CreativeBots" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CreativeBots</span></a> <a href="https://stefanbohacek.online/tags/CreativeCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CreativeCoding</span></a> <a href="https://stefanbohacek.online/tags/fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fediverse</span></a></p>
aBe<p>Allowing myself to play.</p><p>This program is on /tmp and it will be gone when I shut down my laptop in a few minutes.</p><p>I like that it won't be occupying space on my disk and probably not in my head either.</p><p><a href="https://genart.social/tags/CreativeCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CreativeCoding</span></a> <a href="https://genart.social/tags/OPENRNDR" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OPENRNDR</span></a> <a href="https://genart.social/tags/Kotlin" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Kotlin</span></a></p>
Mary Holstege<p><a href="https://mastodon.social/tags/GenerativeArt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GenerativeArt</span></a> interlude</p><p>More loops, now with full arcs and some separation from the target circles, and some fixes to some of the cross-over loops</p><p><a href="https://mastodon.social/tags/XQuery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>XQuery</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/CreativeCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CreativeCoding</span></a></p>
Steven Dollins<p>A round hole in a square peg</p><p><a href="https://genart.social/tags/AlgorithmicArt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AlgorithmicArt</span></a> <a href="https://genart.social/tags/CreativeCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CreativeCoding</span></a> <br><a href="https://genart.social/tags/Processing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Processing</span></a> <a href="https://genart.social/tags/glsl" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>glsl</span></a> <a href="https://genart.social/tags/shaders" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>shaders</span></a></p>
No Starch Press<p>A creative approach to programming: this guide teaches you the fundamentals of coding through 100 hands-on projects using the Processing language. </p><p>From simple sketches to 3D graphics, sound, and interactive games, each example builds your skills visually. Ideal for visual thinkers, artists, and anyone who prefers to learn by doing.</p><p><a href="https://nostarch.com/artists-guide-programming" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nostarch.com/artists-guide-pro</span><span class="invisible">gramming</span></a></p><p><a href="https://mastodon.social/tags/processing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>processing</span></a> <a href="https://mastodon.social/tags/creativecoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>creativecoding</span></a> <a href="https://mastodon.social/tags/codeart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>codeart</span></a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programming</span></a> <a href="https://mastodon.social/tags/generativeart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>generativeart</span></a></p>
Laurent Malys<p>Infra - wireframe</p><p>made with <a href="https://framapiaf.org/tags/p5js" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>p5js</span></a> </p><p><a href="https://framapiaf.org/tags/creativecoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>creativecoding</span></a> <a href="https://framapiaf.org/tags/3d" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>3d</span></a> <a href="https://framapiaf.org/tags/art" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>art</span></a> <a href="https://framapiaf.org/tags/geometry" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>geometry</span></a> <a href="https://framapiaf.org/tags/webgl" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webgl</span></a></p>
aBe<p>One thing I've been wondering for years is whether I could use something like the Physarum algorithm to transport elements along the paths that form. </p><p>The issue was that the paths are transited by agents moving in both directions. Rivers don't do that.</p><p>During the Creative Code Jam last Saturday I figured out a way to have one direction per path. So nice to watch in real time :) I only had my 10 y.o. laptop, so had to work on 640x480 😅 <a href="https://genart.social/tags/CreativeCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CreativeCoding</span></a> <a href="https://genart.social/tags/OPENRNDR" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OPENRNDR</span></a> <a href="https://genart.social/tags/Kotlin" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Kotlin</span></a></p>
robertoranon<p>Delta Blues</p><p>made with JavaScript code</p><p><a href="https://genart.social/tags/digitalart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>digitalart</span></a> · <a href="https://genart.social/tags/generativeart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>generativeart</span></a> · <a href="https://genart.social/tags/creativecoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>creativecoding</span></a> · <a href="https://genart.social/tags/abstractart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>abstractart</span></a></p>
Random fediverse bots<p>Floating at sea.</p><p><a href="https://botwiki.org/bot/at-sea/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">botwiki.org/bot/at-sea/</span><span class="invisible"></span></a></p><p> <a href="https://stefanbohacek.online/tags/bots" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>bots</span></a> <a href="https://stefanbohacek.online/tags/CreativeBots" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CreativeBots</span></a> <a href="https://stefanbohacek.online/tags/CreativeCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CreativeCoding</span></a> <a href="https://stefanbohacek.online/tags/fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fediverse</span></a></p>