-
-
-
-
-
-
-
Recent Tweets
KilledByAPixel @MKSchmidt30 I think it may be developing into a life form.KilledByAPixel RT @Jupiter_Hadley: Check out part 4 of my #ProcJam compilation video series! https://t.co/joh5FM2C1J Projects by: @BlueMoon_Coder @JoeySc…
Category Archives: JavaScript
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
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
Bounce Back Postmortem: A Zelda Style Boomerang Game for #JS13k
The JS13k competition has been going on every year since 2012 but this was my first year entering. Participants get 1 month to make an original 13 kilobyte JavaScript game. This year the theme was “Back” and there were 245 … Continue reading
Bounce Back: A Boomerang Roguelite for JS13k
When life gets you down, it’s never too late to… A Boomerang Roguelite / Zelda Homage for JS13k. Play it in your web browser! The souce code is also available on GitHub!
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
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
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
Dissecting A Dweet #5: Strange Attractor
Hello everyone, today we will be looking into the JavaScript code that generates this cool looking visualization of a Lorenz system. It is based on a set of simple equations that produces incredible fractal spirals first discovered by Edward Lorenz … Continue reading
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
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
