Tag Archives: generative

ZzArt – Abstract Art Evolution

ZzArt is now open source on GitHub! This tool generates GLSL shaders (basically a bunch of math equations) that you can evolve into incredibly varied works of abstract generative art. Images can be bookmarked, save as HD pngs or exported … Continue reading

Posted in JavaScript, Projects | Tagged , , , | Leave a comment

Dissecting A Dweet #8: Shattered Tunnel

Howdy, folks! Today we will be looking at the JavaScript code behind this amazing 3D tunnel effect. This code has an interesting lineage so we’ll also talk about some of the history behind it. for(c.width|=k=i=960;z=–i;x.fillStyle=`hsl(0 99%${i/9}%`)x.fillRect(k-z*C(j=i/k+t/4)+S(m=k*j)*(r=1e5/z),540+C(m)*r-z*S(j),s=3e4/z*S(j*9),s) View post on imgur.com … Continue reading

Posted in JavaScript | Tagged , , , | 2 Comments

ZzFX – Zuper Zmall Zeeded Zound Zynth

Major update to ZzFX, my JavaScript sound effect generator! The browser is greatly improved with many more options. You can even download wave files! The micro version is still under 500 bytes. Live Demo: zzfx.3d2k.com GitHub: github.com/KilledByAPixel/ZzFX Here’s the latest … Continue reading

Posted in JavaScript | Tagged , , , | 1 Comment

Dissecting A Dweet #7: Parallax Mountains

Today we will dissect the tiny JavaScript code that draws a parallax background with mountains and sky. This simple code can be used as a base to create different types of background scenes for your game or website. for(w=i=99;i–;)for(j=0;j<9;x.fillRect(i*20,j++?w*j+w+w*C(q/9)/j+59*C(q/3.9)/j:0,20,3e3))q=(j*w+i+t*j**3),x.fillStyle=R(9+j*40%w,j*20,w-j*9) View … Continue reading

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

Dissecting A Dweet #6: Breaking Broke

Today we will examine the JavaScript code to make this awesome shatter effect. The concepts demonstrated by this dweet can be used for making a variety of cool effects. In one of my previous posts I showed a similar technique … Continue reading

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

Dissecting A Dweet #4: Ring Weave

The dweet we will be looking at today may be the simplest one so far, but it’s every bit as mesmerizing and uses a neat trick to plot polar coordinates. There is plenty of room for playing around with the … Continue reading

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

Dissecting A Dweet #3: Mini Black Hole

Today we will be examining my most popular dweet, a miniature black hole simulation! It’s one of my easiest dweets to explain and the code is fairly straightforward. Read on for a full analysis… for(i=0;i<2e3;x.fillRect(i?960+i*S(F=260*(t+9)/i+S(i*i)):0,i?500+.2*(2*i*C(F)+2e4/i):0,K=i++?S(i)*9:2e3,K))x.fillStyle=R(99*i,2*i,i,i?1:.4) View post on imgur.com

Posted in JavaScript | Tagged , , , | 13 Comments

Dissecting A Dweet #2: Spirograph Design Generator

Today we will be examining this crazy small JavaScript program that generates an array of endless random spirograph designs. Read on for a full explanation of how it works. for(i=144;q=(8+t>>3)*i–;x.fillRect(i%16*120+T(S),(i>>4)*120+T(C),2,2))t%24<1?c.width|=r=n=>S(q**n)*9|0:T=f=>5*r(4)*f(r(3)*t)+9*f(r(2)*t)+60

Posted in JavaScript | Tagged , , , | 2 Comments

Dissecting A Dweet #1: Spiral JavaScript Quine

This is the first in a series of posts where I will analyze a dweet’s code, explain how it works, and why it was done that way. A dweet is a 140 character JavaScript program published on Dwitter. The goal … Continue reading

Posted in JavaScript | Tagged , , , | 4 Comments

MinBytes – A Minimal Bytebeat Album in 1024 Bytes

This is a full album with 9 tracks and visualizer in 1k of JavaScript! Each song is created by a tiny function. For example, the first song on the album uses the simple function (t&t>>8). It is amazing the complexity … Continue reading

Posted in Music | Tagged , , , | Leave a comment