Making Awesome Games with LittleJS

Watch this 20 minute presentation I gave at JS GameDev Summit. I talk all about how my open source game engine LittleJS works and how you can use it to make amazing games.

Posted in Game Dev, JavaScript | Tagged , , | Leave a comment

Gradient Ascent – Generative Space Posters

My latest generative work explores space landscapes and dithering effects to generate retro style sci-fi posters. It’s also a spiritual successor to one of my most popular fxhash releases “Dithered Branches” from over 6 months ago! In this post I will talk about the concept and features including some of my favorite results. You can see all 300 iterations on fxhash.

Gradient Ascent on fxhash

Gradient Ascent Set Preview

Continue reading to learn more about Gradient Ascent…

Continue reading
Posted in Generative | Tagged , , | Leave a comment

U1KE – A 1 Kilobyte Ukulele

My js1024 entry this year is a ukulele! This is a fully function and realistic simulation of a four string instrument with standard uke tuning. Each string can be fretted individually using the keyboard to produce every open cord and play most songs. The mouse is used to strum and can control volume by speed of motion.

Features

  • Graphic ukulele representation with neck, strings, frets and sound hole
  • Strings vibrate and change color when plucked
  • Realistic simulation of string audio mechanics
  • Full use control of first 4 frets to form any open chord
  • Mouse controls volume and can pluck strings individually

How to Play

Hold keys to fret notes, use mouse to strum. The keys 1-4, Q-R, A-F, and Z-V control each string and fret arranged in the same way as a real instrument. With this system you can play any open chord by holding a combination of keys. For example to form a C chord you hold the F key which is the 3rd fret on the 4th string. Other chords are more complex but require no more then 4 keys to be held simultaneously.

Posted in JavaScript | Tagged , , | 4 Comments

Chaosplot – Generates Plots of Order vs Chaos

My first plottable generative art work is now available on fxhash. It is based on the same algorithm used by “Chaospill” that I released a few months ago. Since I purchased a pen plotter, I have been working on converting the algorithm for plotting.

My goal was to produce a result that plots fast and efficiently while demonstrating the complexity of the algorithm and the many possible variations. I have been playing with this algorithm all year and this captures the most interesting results I saw. The JavaScript code is now open source on GitHub for others to learn from, including my tiny SVG library.

Chaosplot on fxhash

Chaosplot Source on GitHub

While working on this piece I asked Dan Catt, one of the best plotters I know, to help by testing a plot with his setup. The result is beyond amazing and he was kind enough to produce this short video about the process…

Chaosplot Test – Plotted by Dan Catt
Chaosplot 1-100 on fxhash
Continue reading
Posted in Generative | Tagged , , | Leave a comment

Auto Park – Generative Abstract Parking

My first solo fxhash 1.0 work is now available. This generative art set explores the bizarre world of abstract parking lot arrangements. It is the largest and most complex generative art program I’ve released, written in pure vanilla JavaScript. The 500 piece set is now sold out but some are available on secondary and every iteration is available for viewing on fxhash.

Auto Park on fxhash

Continue reading for more background about Auto Park and my thoughts on the project.

Continue reading
Posted in Generative | Tagged , | Leave a comment

Antiflow – Supersymmetry from opposing forces

Antiflow is an exploration of how balanced complexity can arise from chaos by harnessing the dynamic interplay of opposing forces. To that end we were inspired to create this wildly unique set by mixing modern physics concepts with abstract expressionism and retro 3D primitives.

“Opposites are not contradictory but complementary.”

Niels Bohr

This work also marks my first collaboration with another generative artist, Ryan Bell known for “Fragements of a Wave” and “Sprocket Factory”. Check out the results on fxhash…

Antiflow on fxhash

I had a small print run of 50 8.5 x 11 Antiflows, they look incredible!

Antiflow Limited Edition Prints
Posted in Generative | Tagged , , | Leave a comment

STRANDED – 8×8 Generative Art Using One Line

I’ve recently gotten interested in the super tiny NFT platform 8bidou where artists share their 8×8 pixel art creations. I spent a while coming up with a special new generative algorithm that would make sense within this space.

The concept using a single line that wraps around randomly to fill up the 8×8 space, a bit like the Tron light cycle game. The algorithm was surprisingly tricky to implement but the incredible results were worth the trouble. You can view them on my 8bidou page.

In total I released 38 8bidou pieces generated with this system. After starting with a 4 piece set to test the waters, I asked my followers on Twitter what they were interested in. It seemed the top choice was 1/1s, so I thought it would be fun to give them a chance to pick their favorites from a large set of results. There was a huge response but I managed to include all 26 that were picked and added 6 of my own to round it out to 32 1/1s. To bookend the set I released 2 final pieces that represent degenerate forms of the algorithm.

My Twitter followers were asked to pick their favorites to be minted

It was kind of a crazy idea and took a while to mint all 32 of those single editions but we also had a lot of fun. I plan to try more ideas on 8bidou and also experiment with developing this algorithm into a larger generative work. Here’s my first twitter post about it where I has just gotten it working. Thanks for reading and have a great week.

Posted in Generative | Tagged , | Leave a comment

Byte City Nights – A Bitwise Cityscape Generator

My final generative work for the fxhash beta is an abstract cityscape built with bitwise operators. This 256 piece set demonstrates several different ways of producing interesting patterns with simple math operations. There are 7 different possible operators it may choose for the sky and buildings to produce wildly different results.

I also experimented with a long 2:1 aspect ratio and a neon glow behind the piece when viewed in live mode. When displaying this piece as a large scale print, I recommend placing a led light strip behind the frame to recreate the effect.

Byte City Night on fxhash

Open Source on GitHub

This piece was adapted from my short tutorial that teaches how you can recreate something similar in only 10 minutes..

Keep reading for some more info about this work!

Continue reading
Posted in Generative | Tagged , , , | 1 Comment

Chaospills – Generating Art from Chaos

My latest generative work is a based on a simple chaotic algorithm that fills the canvas with intricate fractal patterns. I have been working on it for several months, first releasing a small demo late last year.

The final version explores many different parameter variations and color settings for tremendous variety. This piece is intended for large scale prints up to 8K resolution with small details that may not be visible in previews. They are also really fun to watch draw so please check them out on fxhash for the best viewing experience…

Chaospill on fxhash

Chaospill #75 – white and red with 4 spokes in a square
Chaospill #46 – Four colors with slight curve in a circle
Chaospill – White on black from a cross shape in a square

Keep on reading for some more insight behind this piece.

Continue reading
Posted in Generative | Tagged , , | 1 Comment

Tree Skyness – Generative Tree Top Scene

Crown shyness occurs when the tops of fully grown trees avoid touching each other, forming gaps in the canopy. This piece simulates that phenomena and plays with celestial object avoidance. Features include four seasons, time of day, up to 12 trees, and many special options.

Tree Skyness on fxhash

Four Seasons, Day and Night
Tree Skyness #88 – A very rare mint with rainbow leaves and double moons
Tree Skyness #111 – There is a small chance of an eclipse scene
Tree Skyness #7 – A rare example with only two trees.
Tree Skyness #71 – Morning scenes have no sun, this one also has meteors.

Postcards

To celebrate the success of the project and award collectors I sent out 25 postcards to owners around the world. Thank you to everyone who helped support this project!

Tree Skyness Postcards
Posted in Generative | Tagged , , | 1 Comment