-
-
Recent Tweets
KilledByAPixel @TheRealPomax Thanks!KilledByAPixel RT @MaximeEuziere: Hi again, I just published my entry's making-of, and you can read it here: https://t.co/Xc2GqZFB44 (~10,000 words only)…KilledByAPixel Night of the Living Dead 🧟 https://t.co/wtzr9HeLLq #javascript #creativecoding L=(r,a)=>x.lineTo(X+=r*C(a),Y+=r*S(… https://t.co/J3obs5Bhcz
Tag Archives: dwitter
Dissecting A Dweet #9: City Sunset
Hello, tiny coders, I’m back with another dwitter dissection! Today we will explore the JavaScript code that produces this beautiful procedurally generated cityscape. for(z=k=2e3;k–;x.fillRect(i*9+S(z*t)*z|0,j*9+t*420,t?9:z,9))i=k%9,j=k/9|0,x.fillStyle=R(q=t?i*j%2*400*S(k*k*t):k/3+C(k*k)*39,q-99,t?q-k:99) Continue reading on for a full explanation of how it was made!
OS13k Submitted to JS13k
Play The Official JS13k Entry OS13k on GitHub Features 3 Games! JS13k Trophy System ZzFXM Music Player ZzFX Sounds Piano & Visualizer Custom User Programs & Dweets More apps and bonus features Results 32 place overall out of 227 entries … Continue reading
Tiny Coding: Making Big Games With Little Code
Posted in Game Dev, JavaScript, Projects
Tagged dwitter, javascript, MAGFest, tinycode
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) Continue reading on for … 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) Continue … 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)
