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

andreym

function u(t) {

c.width=1920;max=Math.min(t*10, 150);for(i=0;i<max;i+=4){x.beginPath();x.moveTo(0,c.height/max*i);x.lineTo(c.width/max*i,1080);x.stroke();}

Aug 16 2022 1:43 AM UTC

}// 139/140

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

just tryin

show FPS hide FPS share fullscreen

Xen

remix of d/14838 by u/KilledByAPixel

function u(t) {

for(c.width|=i=187;i--;x.fill())for(x.beginPath(k=3);k--;x.arc(w+(i%17)*w,60+(i/17|0)*w,w/1.7-C(-t*5)*w*.01,a=k*1.57+t*(i%2-.5),a))w=99

Jun 30 2019 9:35 PM UTC

}// 135/140

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

quick test

show FPS hide FPS share fullscreen

New_Core

remix of d/6866 by u/41407

function u(t) {

x.fillStyle=`hsla(${t*60},100%,50%,.02)`
a=b=e=S(t/2)*1300
for(i=1e3;i-=1;a=960+S(i*t)*e,b=500+C(t)*C(i*t)*e)~t%4!=0?x.fillRect(a,b,20,20):0

Feb 12 2018 6:51 PM UTC

}// 140/140

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

u/41407

That's so cool!
u/Apex

T̛͙̻͓̠̘͙H͔͚̯͕͘E҉̮͓̖ ̸̟E҉̖̻̳Y̹͚̦E͕̯̥̱

show FPS hide FPS share fullscreen

lewdev

remix of d/33608 by u/lewdev

function u(t) {

eval(unescape(escape`睩瑨⡸⥦潲⡲敳整⡩㴰⤻椼㘻⥢敧楮偡瑨⡦楬汓瑹汥㴢⌢⭛≃䍃∬≆〰∬∰〰∬≆䙆≝孩㰲㽩㨲⭩┲崩ⱡ牣⡗㴴㔰ⱗⱩ㰲㽗㨲㔰⽩ⰰⱩ㰲㼳⸲㨶⸳Ⱪ⤬椫⬽㴲☦晩汬剥捴⠰ⰴ㈵ⱗ⨲ⰵ〩ⱦ楬氨⤠`.replace(/u([^D].)/g,'$1%')))

Apr 23 2025 8:00 PM UTC

}// 136/140

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

#pokemon pokeball (-11b)

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 1 remix fullscreen

DaSpider

remix of d/17599 by u/Yogeshp3

function u(t) {

c.width=z=1920
c.style.filter="blur(1vh)sepia()invert(1"
for(i=4e3;i--;)x.fillRect(z/2+C((w=t*i/60))*w*7,z/5+S(w)*w*3,15,15);

Feb 13 2020 4:49 PM UTC

}// 126/140

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

Multiple spirals

u/Xen

sexy!

show FPS hide FPS share fullscreen

hamptonio

function u(t) {

r=540;m=t%99|0;for(n=1;n<m;n++){c.width=2e3;for(i=0;i<6.3*n;i+=.01){q=r*C(i*m/n);x.lineTo(2*r+C(i)*q,r+S(i)*q)}x.fill("evenodd");x.stroke()}

Mar 3 2017 6:12 PM UTC

}// 140/140

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

u/iverjo

Kudos!
u/donbright

excellent

show FPS hide FPS share fullscreen

tylerjhowe

function u(t) {

c.width=32;for(i=1;i<Math.random()*5;i++)x.fillRect(1+i*Math.random()*100+C(i)*i,0,Math.random()*i,200,i);

Dec 30 2017 12:43 AM UTC

}// 107/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 fullscreen

Xen

remix of d/11418 by u/akm

function u(t) {

for(c.width|=i=101,x.scale(20,20),t*=9;i--;)for(j=54;j--;)if((i^j)&1)x.fillRect(i+S(t+j/4),j+S(t+i/3),C(t/9),2)

Feb 4 2019 12:36 AM UTC

}// 111/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 fullscreen

skoehler

function u(t) {

c.style.background=`#999`
x.fillStyle=R(99)
t?x.drawImage(c,~x.fillText(98,~x.scale(s=1-C(1/++t)/30,s),0),~x.rotate(2)):x.translate(980,540)

May 24 2024 5:08 PM UTC

}// 140/140

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

u/warbino

awesome!
u/warbino

ummmmmmmm. this is rodridgo.siqueira's dwitter.
u/warbino

i take back my awesome :/
u/cantelope

hello @skoehler, out of curiosity was your remix here an accidental "new post"? i see it's the first of this account...
u/lewdev

The original dweet: d/31871 I recommend using the "Remix" feature to credit the original author.