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

username

remix of d/12619 by u/Nexrem

function u(t) {

for(c.width^=i=0;i<2e3;i++)x.lineTo(950+C(i)*950,540+S(i*~~t)*540);x.stroke()

Mar 5 2019 5:06 PM UTC

}// 77/140

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

u/rodrigo.siqueira golf

show FPS hide FPS share 1 remix fullscreen

pstefanlarsson

remix of d/1542 by u/pstefanlarsson

function u(t) {

c.width=1920; /* clear the canvas */
for(i=0;i<1920;i+=3){
h = 540*C(i*t/30+30*t);
x.fillRect(i, 540, 3, h)
}

Feb 28 2017 9:35 AM UTC

}// 110/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

tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪀽𜐹𜠬𤠽𝀸𛁩🐸𜀶𝀻𪐭𛐻𮀮𩡩𫁬𤡥𨱴𚁓𚰹𝠬𥀫𝐴𛁃𚁍𨑴𪀮𨑴𨑮𜠨𤰽𪐥𞐷𛑒𛁔👩𛰹𝰭𤠬𬠽𚁓𚡓𚱔𚡔𚐪𚠮𝐩𚠹𚐪𜠰𛑲𙠴𝀦𙡲🠳𝠿𬠼𝀲🱔𛱒𞡓𛱒𞠱𛁲🠳𝠿𬠼𤠺𮠨𜰩𛰵𚐩𮠽𫠽🡮𛐭𙠦𠰨𥀯𜠫𤰪𥀯𤠫𭀪𞐩𚡃𚁔𛰴𛑺𚁮𚐪𜠩𛑲𛰶`.replace(/u../g,'')))

Nov 13 2020 1:17 AM UTC

}// 140/140

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

#stargate

Show more comments…
u/DataMeta

wow WHAT
u/DataMeta

super rad combo of that fluid/smoke technique from a while back and the recent 2.5D Doom texture tricks!
u/chris@grimtech.net

Is this an incoming or outgoing wormhole? thanks
u/magna

WHAT.
u/sigveseb

Holy smokes!
u/tomxor

https://news.ycombinator.com/item?id=25088683
u/aleamb

brutal! amazing!!!
u/rep_movsd

This is one of the all time greats
u/Xen

Yess!
u/UEZ

Awesome. One rookie question: where are the color values saved?
u/red-lady

Stargate!!
u/tomxor

@UEZ the width and height of fillRect are used, when less than one pixel it will interpolate the alpha channel in proportion to the area. The same happens when an edge lies between two pixels (anti-aliasing).
u/UEZ

@tomxor: thanks for your fast reply. :-) That's what I thought but when will width used, when height? I'm trying to under JS by converting it to FB.
u/UEZ

*understand
u/tomxor

The following are equivalent when the values of w and h are between 0 and 1: fillRect(0,0,w,h) == fillRect(0,0,w*h,1). This is because the alpha channel of this pixel value is roughly proportional to the subpixel area (w*h). In terms of the patern we are trying to create, multiplication it's like the continuous version of AND, i.e the binary version is 1 IF w AND h. Additionally a lot of characters are saved when separating into w and h because we dont need to wrap the actual subexpression used to create w and h in parens and multiply them i.e fillRect(0,0,(.1+.2)*(.3+.4),1) becomes fillRect(0,0,.1+.2,.3+.4), that's -5 chars!
u/UEZ

@tomxor: thx.
u/nystrand

epic!
u/jelmo

Nice
u/vain

Wow! This seems to be your stargate... Seems you are not from this world! Incredible!!!

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/4842 by u/joeytwiddle

function u(t) {

c.width=W=400;d=-2.1;e=1.9;for(l=j=t,i=3e4;i--;x.fillRect(W/2+j*W/5,W/4+l*W/9,.3,.3))k=S(d*l)+C(t)*C(j*d),m=S(e*j)+S(t)*C(l*e),j=k,l=m

Jan 3 2018 2:13 AM UTC

}// 134/140

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

This version is easier to tweak. Medium: W=1e3, i=2e5 Heavy: W=2e3, i=1e6

u/joeytwiddle

Please upvote the original (where most of the work was done!)
u/joeytwiddle

by Jezza

show FPS hide FPS share fullscreen

yonatan

remix of d/9584 by u/yonatan

function u(t) {

for(w=c.width|=i=0;i<128;x[f](0,i++&&200+b,w,w))x.fillStyle=R(a=i**.5*24,a,a),o=i-S(t*2)*32,x[f='fillRect'](b=400+i*4,b/2,b,o<64&&o&8&&b)

Aug 31 2018 12:57 PM UTC

}// 137/140

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

#d3 #default ?

u/magna

#d3fault
u/Xen

smooth style
u/aleamb

stylish and beautiful
u/donbright

bravo

show FPS hide FPS share 1 remix fullscreen

mildlybean

function u(t) {

for(X=c.width+=0;X--;x.fillRect(X,540+S(X/200)*99*(t/2%Math.PI+.5)-Y/2,9,Y))x.fillStyle='#6A5',Y=S(X/800-t-3),Y=(Y**.4*150+Y*25)

Sep 21 2019 2:22 PM UTC

}// 128/140

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

Say hi to Monty

u/aleamb

#organic
u/katkip

snake

show FPS hide FPS share 1 remix fullscreen

ADESONOM

function u(t) {

x.globalCompositeOperation=t%15<13?"screen":"multiply";for(i=20;i--;x.fillStyle=R(0,c=(t*10)%3,c))x.fillRect(i*100+S(t+i)*300,0,50,1e3)

Dec 28 2017 10:36 PM UTC

}// 136/140

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

Curtains, probably.

u/E-Mouse

Yeah, probably.
u/joeytwiddle

Yeah my curtains are always doing that!

show FPS hide FPS share fullscreen

joe.m

remix of d/16019 by u/joe.m

function u(t) {

if(!t){r=1,d=100}
for(z=d;z--;){
r++
n=0
for(i=r**.5|0;i>1&&n==0;i--)if((r/i)==(r/i|0))n=1
if(!n) x.fillRect(960+r/d*C(r),540+r/d*S(r),4,4)}

Oct 11 2019 9:48 AM UTC

}// 140/140

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

now with a (slightly) less rubbish #prime test

u/pavel

91 for(d=z=99;z--;i||x.fillRect(960+r/d*C(r),540+r/d*S(r),4,4))for(r=t&&r+1,i=r**.5|0;r%i--;);
u/katkip

u used 3blue1brown video

show FPS hide FPS share fullscreen

sybarita

remix of d/16958 by u/sybarita

function u(t) {

c.width=3333
c.height=10000
for(i=0;i<46;i++,x.fillStyle=R(i*6,200*C(3*t),255-(5*i)))x.fillRect(1500,920+20*i*S(.5*t),i*25*C(i*t),8*C(i*t))

Dec 24 2019 4:12 AM UTC

}// 139/140

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

last one ok!

show FPS hide FPS share fullscreen

cantelope

function u(t) {

eval(unescape(escape`𩡯𬠨𮁛𫰽𙱦𪑬𫁒𩑣𭀧𧐨𜀬𜀬𭰽𨰮𭱩𩁴𪀽𝠰𜀬𭰩𛁙🐹𜐻𦐭𛐻𚑦𫱲𚁘🐱𝐰𞱘𛐭𞱸𛡦𪑬𫁓𭁹𫁥👒𚁷𛀰𛁤𚠴𜀬𛠲𚐬𮁛𫱝𚀨𦀪𝀫𩰪𩀩𚡥𚱘𚠴𚠨𩠽𜐭𩐩𛀨𦐪𝀫𪀪𩀩𚡥𚱙𚠴𚡦𛐹𛀶𛀶𚐩𩀽𠰨𣑡𭁨𛡨𮑰𫱴𚁧👘𛐷𝀬𪀽𦐭𝀵𚐯𞀪𚁥👓𚁴𛰶𚐩𛑴𚐪𜰻`.replace(/u../g,'')))

Nov 24 2025 12:44 AM UTC

}// 140/140

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

u/ximavus

I like the grid idea