Random dweets | Dwitter

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // draw 50x200 rects

} // 122/140

Please log in (or register) to post a dweet (copy-paste the code somewhere safe to save it meanwhile)


    u(t) is called 60 times per second.
    t: Elapsed time in seconds.
    S: Shorthand for Math.sin.
    C: Shorthand for Math.cos.
    T: Shorthand for Math.tan.
    R: Function that generates rgba-strings, usage ex.: R(255, 255, 255, 0.5)
    c: A 1920x1080 canvas.
    x: A 2D context for that canvas.

Try the new frontend: beta.dwitter.net
Current theme challenge: #Food

show FPS hide FPS share fullscreen

solendil

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪁼👲🐰𛁢🐧𘁢𫱴𭁬𩑳𘁯𩠠𨡥𩑲𙰬𭰽𨠫𙰠𫱮𘁴𪁥𘁷𨑬𫀧𞱦𫱲𚁩🐹𞐻𪐭𛐻𬠫👩𚱷𚰧𘰣𙰫𪐫𭰫𙰬𘀧𚱩𚱢𚱠𘱔𨑫𩐠𫱮𩐠𩁯𭱮𛀠𬁡𬱳𘁩𭀠𨑲𫱵𫡤𛀠𨀩𮀮𩡯𫡴🐧𝁥𫐠𨐧𞱲𛡳𬁬𪑴𨀣𨀮𫑡𬀨𚁦𛁩𚐽🡸𛡦𪑬𫁔𩑸𭀨𩠬𭠽𞀰𛁶𚠨𪐭𭀩𚐩`.replace(/uD./g,'')))

Oct 8 2020 3:19 PM UTC

}// 138/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

99 bottles of beer

u/solendil

First #obfuscated entry for me...
u/solendil

One verse is 113 characters long. It leaves only 27 theoretical characters to repeat, display and scroll ! :)

show FPS hide FPS share fullscreen

Ohead

remix of d/26925 by u/Ohead

function u(t) {

for(i=0;i<500;i++){y=(t*i)**5%1;z=(t*i)**6%1;x.fillStyle=`hsl(${z*6}rad,100%,${y*99}%`
x.fillRect(z*2e3-1e2,y*1200-1e2,100/(t/5),100/(t/5))}

Jan 25 2023 5:47 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Color palette

show FPS hide FPS share 1 remix fullscreen

Talesseed

remix of d/6011 by u/Talesseed

function u(t) {

a=0|60*t%60
for(n=z=w=0;n++<256&z*z+w*w<4;[z,w]=[z*z-w*w+a/20-2,2*z*w+~~t/20-1])x.fillStyle=R(g=256,g-3*n,g),x.fillRect(a*25,~~t*25,25,25)

Jan 14 2018 2:34 PM UTC

}// 138/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

2 characters shorter

u/iverjo

#mandelbrot #fractal

show FPS hide FPS share 5 remixes fullscreen

taupelink

function u(t) {

k=120;for(i=k;i--;)
f=i*t,X=f*f%16,Y=X*f%9,
x.fillStyle=R(q=i*2,q*=1+S(X),q*=1-S(Y)),
x.fillRect(k*X,k*Y,k/5**t,i)

Sep 7 2021 2:03 PM UTC

}// 114/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

d/23806 figure 1

Show more comments…
u/taupelink

this week i will give a line-by-line description here in comments and then maybe in a blog post
u/taupelink

definitely a blog post. the comments will come over time...don't feel obligated to come back and check this dweet for new comments
u/taupelink

k=120: for code golfing purposes, this variable plays multiple roles: loop iteration count per frame, scale factor for X&Y coordinates, width of each rectangle at the start of the animation
u/taupelink

for(i=k;i--;): establishes a loop where i counts down from 120 to 1. "i--" means, If i is 0, then stop here; otherwise, decrement i by 1
u/taupelink

f=i*t,X=f*f%16,Y=X*f%9: this code creates quasi-random decimals X (0.0-15.999) and Y(0.0-8.999). (Hat-tip to whoever suggested this technique... u/pavel ?) If you multiply the upper bounds by 120 each, you get the overall dimensions 1920x1080.
u/taupelink

x.fillStyle=R(red,green,blue): sets the RGB color value for fills. I will take each component one at a time...
u/taupelink

q=i*2: sets the red component to 2x the loop index, i.e. an even number from 2 to 240. This covers most of the possible range 0-255. The red value is tied to i but not to X or Y; rectangles everywhere have a random degree of red.
u/taupelink

q*=1+S(X): sets the green component, and updates the value of q, to q*(1+sin(X)). Where sin(X) is close to -1, around X=1.5*pi and X=3.5*pi, the value of q is close to being zeroed out by this code; that explains the vertical red bands.
u/taupelink

q*=1-S(Y): sets the blue component, and updates the value of q, to q*(1-sin(Y)). This is why you see the green bands (no blue) around Y=0.5*pi and Y=2.5*pi; that's where sin(Y) is close to 1.
u/taupelink

x.fillRect(top,left,width,height): standard Javascript for drawing a rectangle. Again I will take one component at a time...
u/taupelink

k*X,k*Y: the X- and Y-coordinates of the upper left-hand corner of the rectangle, scaled by a factor of k.
u/taupelink

k/5**t: the width of the rectangle, which decreases exponentially over time. This can provide texture at different scales, including fine-grained detail.
u/taupelink

i: the height of the rectangle, equal to the index variable. The height of each rectangle is proportional to the red component, indeed to every component; so, for the 120 rectangles that are drawn in any given frame, some are tall and bright, some short and dark.
u/taupelink

A blog post on this dweet is up: https://medium.com/@taupelink/elements-of-a-…

show FPS hide FPS share fullscreen

Shasoelsoh

function u(t) {

c.width=1920;for(i=0;i<48;i++){x.fillRect(1920/2+S(t-i+S(t))*(C(t)*200),1080/2+C(t-i)*200,20,20)}

Mar 9 2022 10:14 AM UTC

}// 97/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Rolling circle

show FPS hide FPS share fullscreen

joe.m

remix of d/16063 by u/joe.m

function u(t) {

t?l=v=m=n=0:0
M=[0,1,1,0]
for(i=1e3;i--;){v=4*Math.random()|0
q=(v+1)%4
if(l!=q)x.fillRect(1e3*(m=m+(M[l=v]-m)/2),1e3*(n=n+(M[q]-n)/2),1,1)}

Oct 13 2019 7:21 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

saved a byte or two to add a more comples rule #chaos

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/9872 by u/katkip

function u(t) {

if(!t)p=0;{for(i=0;i<3;i++)x.lineTo(-540+i*2+S(p)*540+p*1,540+C(p)*540+C(p));x.stroke();p+=9}

Sep 16 2018 8:55 AM UTC

}// 93/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share 1 remix fullscreen

michael

remix of d/5914 by u/michael

function u(t) {

c.width=1920
for(i=0;i<9;i++)
{
x.fillStyle=R((10*t*i)%255,0,0);
x.fillRect(400+i*100+S(t)*300,400+S(t + i) * 80,50,200);
}

Jan 11 2018 7:02 PM UTC

}// 124/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share 2 remixes fullscreen

AdamLantz

function u(t) {

x.font="1080px Arial"
x.fillStyle="tomato"
x.fillText("hot dogs",0,820,1920)

Mar 15 2019 5:25 PM UTC

}// 76/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Remix me.

u/andrea270872

LOL
u/Xen

Done
u/midnoclose

Done

show FPS hide FPS share fullscreen

patavinas

function u(t) {

if(!t)j=n=0,o=250,c.width=o
r=(l)=>S(++j)**2 * o 
n=j%9<6?r():--j
for(i=0;i<o;i++)x.fillStyle=R(r()/n,n/r(),n,2e-2),x.fillRect(r(),n,4,o)

Jan 5 2023 1:56 AM UTC

}// 137/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).