The Indie Web
3.9.2020 art roundup

Wash those hands! Creatives types are showing up to teach you good hygiene.

In the grips of the current COVID–19 climate, we’re all understandably in the midst of looking at our current hygienic ways, and ideally improving it for the better of all of us!

Over the past few weeks I’ve spotted a lot of very helpful and creative projects popping up within the personal hygiene realm, and I’d love to highlight them!

Wash Your Lyrics by William Gibson is one of my favorite examples.

We’ve learned that washing your hands to the tune of Happy Birthday (some people say twice) is a great way to get the correct amount of time to have truly clean hands. Wash Your Lyrics allows you to provide a song, and with the tempo and lyrics to that song, it will give you the step by step guide to washing your hands with it!

Lets see em?
3.8.2020 art

Photos in photos in photos. This game is coming along great!

Game developer and student Matt Stark has come up with a simple idea that is expanding day by day into a really cool, conceptually mind-bending game.

At its core, the idea is that each picture you take with your camera contains a world within it. You can then place the photograph within your view… and step right into that world!

Are there more details?
3.2.2020 code art

Broider your borders with this nifty tool!

The aptly named Broider by Max Bittker is a nifty tool for creating, and decorating, your borders.

Broider allows you to paint your borders in a one-bit style (the bit is either on or off, no colors), with a few small tools to help keep things in line: a 9x9 grid, an undo button (for people like me who never get things right the first time), and a little lock button that will keep all of your painting symmetrical.

What have people been making?
2.29.2020 art generative-art

A generated space for your browser and walls.

The Generated Space is a gallery of procedural and generative art which encompasses a wide variety of techniques and methods. It was created by the wonderful developer and artist Kjetil Golid.

In Kjetil’s own words:

It presents a wide range of different generative algorithms; from organic flow fields and particle systems to rigid fractals and grammar-based shapes. Some more serious than others.

The variety of generative art is really astounding, with creations taking inspiration from a wide range of diverse origins and sources.

From artists such as Jackson Pollock:

Engineer and Mathemetician Oliver Byrne:

Exploring different generative algorithms and ideas, like Cellular Automata:

As well as amazing studies of isometric forms and shapes, creating wonderfully complex structures:

How do I buy them?
2.21.2020 art code open-source

This text editor is for the new world.

Are you looking for the next big adventure within the wild world of text editors? Something a little more exciting than your day-to-day, monospaced, “every time you press a key the letter appears” life?

Well, here it is: TEXTREME! The new frontier in text editor functionality. And the recipe is perfect…

  1. A pinch of pixelized 8-bit typography. (With Unicode support.)

  2. A splash of particle explosions, one for every letter you type.

  3. A swirling sensory explosion of thumps and thuds for every keypress — A laser zap for each new line.

  4. For every character you delete, send it flying off the editor like there’s no tomorrow.

  5. To see if you can type to a metronomic beat, a super quirky rhythm mode.

How is it built?

Generative placeholder images for your next project!

When I think of placeholder images, I will always think of the forever wonderful placekitten and placepuppy. This project though, adds a beautiful piece of randomness, art, and joy that we’ve come to know and love from generative art.

Generative Placeholders has an artistic and nerdy flair with the added perk that your placeholders will be extra unique!

The project offers a wide range of great generative and mathematical art. It has also gone above and beyond to include some wonderful color palettes, provided by the lovely nice color palettes node module.

For example:

Generative Artwork 1

and

Generative Artwork 2

If you’re concerned that all your images will look the same, fear not! There’s an extra URL parameter (img=X) where X is the specific seed you would like to use for each individual image.

What's happening behind the scenes?
2.15.2020 art

What color is your name?

Synesthesia is a condition where certain senses overlap. For example, you could smell colors, or see sounds!

Bernadette Sheridan has a type of synesthesia whereby letters and numbers appear as colors within her brain (grapheme-color synesthesia). She has created a lovely map of those colors so we can experience it as well.

What Color Is Your Name? allows you to type in your name and see the colors that it produces. It’s a wonderfully simple idea grounded in Bernadette’s reality.

You may be surprised by what you find. For me, I’m a long combination of blues, with a yellow flair right at the end. You can play around with random names on the site, or browse the project’s Twitter account and see everyone sharing their colors!

The project has done a fantastic job of raising awareness of the condition, and to boot, allows you buy a beautiful, clean print of whichever word you choose. Which can make for a wonderful and unique gift, as well as a perpetual talking point!

Color me interested
1.28.2020 art shaders

A super way to show off your stunning shaders.

If you’ve ever looked into shaders, then you’ve probably run into Shadertoy, a fantastic tool for building shaders in the browser, as well as a community for showing off what you’ve made. That said, Shadertoy’s aesthetic and appeal is directly targeted at developers who want the shader and its code.

CineShader, is a layer over top of Shadertoy created by Lusion. It’s a website built to share your shader with a broader audience. CineShader does this in a way that shows off more than just the art. It showcases the beauty and feel of the shader as though it’s artwork on a wall.

By creating a 3D scene, along with a dark shaded audience member, CineShader creates the tone and feel of being in a gallery, silently observing and enjoying a piece of work

Wow! What else can it do?
1.25.2020 art

Fifty-Two weeks of canvas creativity!

Canvas Cards is an amazing year-long project by Luke Patton which features weekly creations using HTML <canvas> elements. Each of the cards has a different set of inspirations, looks, aims, and goals. And wow are they beautiful!

The website itself also allows you to edit the code and re-run the preview in the browser, meaning you can get to play with each and every demo without cloning the repository.

The different combinations of colors and styles have really kept the project amazingly interesting as it progressed throughout the year.

For anyone who’s ever tried to do something every week for an entire year, you know how difficult it can be, which really gives the project that extra special shine.

How could I do something like this?
1.20.2020 demoscene art

Want to know what the web is capable of? Here you go!

Artist and creative developer Lars Berg has one of the most amazing portfolios out there, full of wondrous WebGL experiments that always push the envelope.

Lars’s sketchbook is really one to sink your teeth into! From weird springy life-like paper image stretchy things.

To creepy spikey slug creatures that will completely weird you out.

Really, the creativity just doesn’t end.

I'm not weirded out enough already