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

Joachim

function u(t) {

c.width=z=400;t?q-=p/z:q=p=0;onmousemove=e=>p=e.x-z;for(i=4e4;i--;x.fillRect(200+(i%z-99)*Y,99+Y*9+C(30/Y+t*9)*C(i%z/3-q)*Y*2,Y,Y/9))Y=i/2e3

May 9 2022 10:02 AM UTC

}// 140/140

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

Mountain Flyover - use the mouse to pan around

Show more comments…
u/GreyHope

#interactive #d3 #landscape
u/vain

great interactive #3d landscape fx
u/pavel

-1 q=t?q-p/z:p=0
u/neimad

wizardry
u/Qwitter

nice!!!
u/Qwitter

nice!!!
u/cantelope

reminiscent d/11420

show FPS hide FPS share 1 remix fullscreen

jpthinker

function u(t) {

t?t:Y=v=9,c.width|=0,x.font=`9em"`
for(i=14;i--;)p=2e3/14*i,X=t*i*60,x.fillText("Gimme a rubric"[i],X<p?X:p,Y)
Y+=v++;if(Y>880)v*=-.7,Y-=9

May 17 2025 2:23 PM UTC

}// 138/140

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

It's a nifty word

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

katkip

function u(t) {

c.width*=1;for(i=9;i--;)x.fillRect(400+i*100+S(t)*300,400,50,200);c.style.transform=`skewY(${t*180}deg) skewX(${140*t}deg)`

May 16 2019 4:01 PM UTC

}// 123/140

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

skewed #default

show FPS hide FPS share fullscreen

WorldMerge

function u(t) {

x.fillText("◤",400,1000);
eval(unescape(escape`𮠽𝐰𜀻𨰽𜐶𝠻𮀮𩡩𫁬𤡥𨱴𚀰𛀰𛁺𛁺𚐻𮀮𩡩𫁬𤡥𨱴𚁺𚰱𜀰𛀰𛁺𚠴𛁣𚐻𮀮𩡩𫁬𤡥𨱴𚁺𚰱𜀰𛁺𛰱𛠵𛁺𚠴𛁣𚐻𮀮𩡩𫁬𤡥𨱴𚀰𛁺𚰱𜀰𛁺𚠴𛁣𚐻𮀮𩡯𫡴🐢𝐰𜁰𮀠𨐢𞰻`.replace(/u../g,'')))

Mar 28 2020 4:36 AM UTC

}// 135/140

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

This American Life Logo, Host is Ira #glass

u/WorldMerge

Original uncompressed code: z=500;x.fillRect(0,0,z,z);x.fillRect(z+100,0,z*4,z/3);x.fillRect(z+100,z/1.5,z*4,z/3);x.fillRect(0,z+100,z*4,z/3);x.font="500px a";x.fillText("◤",z-100,z+z);
u/WorldMerge

I used u/metamero 's compressor: https://www.dwitter.net/d/11852
u/13thptr

Hi :) your code can be shortened so that it fits into 140c without compression : z=500;x[s="fillRect"](0,0,z,z);x[s](600,0,z*4,z/3);x[s](600,z/1.5,z*4,z/3);x[s](0,600,z*4,z/3);x.font="500px'";x.fillText("◤",400,z+z)

show FPS hide FPS share fullscreen

katkip

remix of d/16060 by u/katkip

function u(t) {

t||(q=0)
p=(r,θ)=>x.fillRect(960+C(-θ)*r,540+S(-θ)*r,3,3)
for(i=99;i--;)p(b=S(q)*200-200+C(q)*200/t,q),p(q,S(b)+3.9),q+=T(q/999)/99+1/9

Oct 13 2019 12:00 PM UTC

}// 135/140

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

#math #art using polar coordinates

show FPS hide FPS share 1 remix fullscreen

terkel

function u(t) {

w=c.width,h=c.height
for(i=0;i<90;i++){
x.fillStyle = R(i*(t/200)*4,i*40,150,1/i)
x.fillRect(w/2+S(t)*250*i,h/2+C(t)*(20*i),10,10)
}

Apr 19 2017 7:01 PM UTC

}// 132/140

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

u/Polyducks

This is so smooth. Feels like a radar :>
u/terkel

Thanks mna!

show FPS hide FPS share 2 remixes fullscreen

rodrigo.siqueira

remix of d/14338 by u/rodrigo.siqueira

function u(t) {

v=(a,b,Φ,r)=>{for(i=0;i++<r;)x.fillRect(a-=S(Φ),b-=C(Φ),s=r/40,s)
r>2&&v(a,b,Φ+Math.random()-.5,r*=.82)}
t<4&&v(940,1e3,0,45*t)

Jun 3 2019 6:43 PM UTC

}// 127/140

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

Growing root #organic #fractal #tree

show FPS hide FPS share 1 remix fullscreen

pe8ter

function u(t) {

d=127
x.fillStyle=R(d+d*S(t),d+d*S(t/2),b=d+d*C(t/3),.5+.5*S(t))
for(i=0;i<1920;i+=10)x.fillRect(i,535+535*S(C(i/200+2*t)-6*S(t/2)),21,200)

Dec 27 2017 9:10 PM UTC

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

keithclark

remix of d/8799 by u/keithclark

function u(t) {

for(c.width=240,Z=5;Z>0;Z-=.1)for(Y=X=-60;X<60;x.fillRect(120+X++/Z*9,45-Y/Z,1/Z*24-Z,99))x.fillStyle=R(Y-=7*C(X*.4^Z+t*6),Z*50-Y,-Y/87<<8)

Jul 3 2018 11:50 PM UTC

}// 139/140

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

This one has water - not flat unfortunately. Had to trade off the pseudo-shading to fit the colour change int

u/zanella

OH MY GOD! I stayed out of Dwitter for a couple of days, and suddenly it has become Shader Toy! :)
u/hollo47

This is so good! #landscape
u/sigveseb

with water! #water
u/Cloud

WOOOOOOOOOOOOOOOOOOOOOOOW!!!!
u/rep_movsd

Underrated AF