shakedown.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A community for live music fans with roots in the jam scene. Shakedown Social is run by a team of volunteers (led by @clifff and @sethadam1) and funded by donations.

Administered by:

Server stats:

264
active users

#creativecoding

13 posts10 participants0 posts today
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>
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>
えいいち(E.C.H)<p>dailycoding - 20250722 / graphic<br><a href="https://fedibird.com/tags/p5js" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>p5js</span></a> <a href="https://fedibird.com/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://fedibird.com/tags/Processing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Processing</span></a> <a href="https://fedibird.com/tags/generativeart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>generativeart</span></a> <a href="https://fedibird.com/tags/creativecoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>creativecoding</span></a> <a href="https://fedibird.com/tags/dailycoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dailycoding</span></a><br>code : <a href="https://openprocessing.org/sketch/2693850" rel="nofollow noopener" target="_blank"><span class="invisible">https://</span><span class="ellipsis">openprocessing.org/sketch/2693</span><span class="invisible">850</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>
pulusound<p>i spent some time optimizing the ALSA code and now it happily moves while playing ✨ (also implemented sample looping) <a href="https://anticapitalist.party/tags/CreativeCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CreativeCoding</span></a></p>
aBe<p>This instant looked so much like combustion...</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>
aBe<p>A 4K version. I really enjoy the real time version :)</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>
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>
Saskia Freeke<p>Geometric Shapes / 250719<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>
foldworks<p>A Geogebra generalisation of Star 8 Octad modular @origami <a href="https://www.geogebra.org/m/mv6gxxbu" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">geogebra.org/m/mv6gxxbu</span><span class="invisible"></span></a></p><p><a href="https://mathstodon.xyz/tags/animation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>animation</span></a> <a href="https://mathstodon.xyz/tags/loop" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>loop</span></a> <a href="https://mathstodon.xyz/tags/CreativeCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CreativeCoding</span></a> <a href="https://mathstodon.xyz/tags/geometry" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>geometry</span></a> <a href="https://mathstodon.xyz/tags/Geogebra" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Geogebra</span></a> <a href="https://mathstodon.xyz/tags/MathArt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MathArt</span></a> <a href="https://mathstodon.xyz/tags/origami" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>origami</span></a></p>
Laurent Malys<p>⋈ Hexagonal weaving + bow ties</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/tessellation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tessellation</span></a> <a href="https://framapiaf.org/tags/pattern" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pattern</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/gif" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gif</span></a></p>
robertoranon<p>It's gonna be alright?</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>
Saskia Freeke<p>Geometric Shapes / 250717<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>
Hacker News<p>Pixel Piranhas</p><p><a href="https://rybakov.com/blog/pixel_piranhas/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">rybakov.com/blog/pixel_piranha</span><span class="invisible">s/</span></a></p><p><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HackerNews</span></a> <a href="https://mastodon.social/tags/PixelPiranhas" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PixelPiranhas</span></a> <a href="https://mastodon.social/tags/DigitalArt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DigitalArt</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/TechTrends" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TechTrends</span></a> <a href="https://mastodon.social/tags/GameDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GameDev</span></a></p>
えいいち(E.C.H)<p>dailycoding - 20250716 / graphic<br><a href="https://fedibird.com/tags/p5js" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>p5js</span></a> <a href="https://fedibird.com/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://fedibird.com/tags/Processing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Processing</span></a> <a href="https://fedibird.com/tags/generativeart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>generativeart</span></a> <a href="https://fedibird.com/tags/creativecoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>creativecoding</span></a> <a href="https://fedibird.com/tags/dailycoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dailycoding</span></a><br>code : <a href="https://openprocessing.org/sketch/2691563" rel="nofollow noopener" target="_blank"><span class="invisible">https://</span><span class="ellipsis">openprocessing.org/sketch/2691</span><span class="invisible">563</span></a></p>
G'MIC 🎩🐯<p>Starting the morning by doing a bit of coding for work, and realizing it has potential for generative art. Always a nice feeling! And another gif anim that loops perfectly 🤩 </p><p>▶️ Details (and code): <a href="https://discuss.pixls.us/t/creative-coding-with-gmic/17231/25" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">discuss.pixls.us/t/creative-co</span><span class="invisible">ding-with-gmic/17231/25</span></a></p><p><a href="https://piaille.fr/tags/creativecoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>creativecoding</span></a> <a href="https://piaille.fr/tags/animation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>animation</span></a> <a href="https://piaille.fr/tags/gif" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gif</span></a></p>
Laurent Malys<p>semi-regular tiling morphing</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/p5js" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>p5js</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/math" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>math</span></a> <a href="https://framapiaf.org/tags/art" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>art</span></a></p>
Kristin (vis.social Admin)<p>People say "color outside the lines", as if that's some sort of rebellion. Maybe it is.</p><p>But there's nothing wrong with 'coloring inside the lines' when you're drawing the lines for yourself. In fact, that's a huge part of most of my work, especially in recent years.</p><p><a href="https://vis.social/tags/creativity" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>creativity</span></a> <a href="https://vis.social/tags/art" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>art</span></a> <a href="https://vis.social/tags/CreativeCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CreativeCoding</span></a></p>