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

d0n.key

function u(t) {

c.width*=1;
for(i=0;i<20;i++)r=50*(2+.8*S(4*t+i+1.5)),x.beginPath(),x.arc(260+i*75,540+S(4*t+i)*80,r/5,0,9),x.fillStyle=R(r,0,r),x.fill()

Jan 12 2018 10:18 AM UTC

}// 137/140

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

u/iverjo

#dots

show FPS hide FPS share fullscreen

thenize

remix of d/31873 by u/thenize

function u(t) {

for(j=2e3;r=j--/(j%(t/900+2)*T(t));x.fillRect(j,9,.1,2e3))x.clearRect(C(j)*r+920,S(j)*r+500,r/=10,r)

May 24 2024 4:58 PM UTC

}// 100/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/mhi

mid tbh
u/cantelope

@mhi, while some users may not mind non-constructive criticism, this user didn't ask you. Please keep feedback positive
u/thenize

thanks for the feedback mhi

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

KilledByAPixel

function u(t) {

eval(unescape(escape`𭀿𫱮𫑯𭑳𩑭𫱶𩐽𩐽🡥𛡢𭑴𭁯𫡳🱔🰨𡐽𩐬𪐽𥀽𜀬𠐽𦱝𚐺𠐮𬁵𬱨𚁻𮀺𩐮𮀬𮐺𩐮𮑽𚐺𥀿𜀺𥀽𥠽𩐺𠐽𦱝𞱣𛡷𪑤𭁨👩𫡮𩑲𥱩𩁴𪀻𫀽𠐮𫁥𫡧𭁨𞱔𙠦𫀦𙠨𨐽𠑛𪐫𚰥𫁝𛁡𛡸𚰽𥠮𮀭𡐮𮀬𨐮𮐫👖𛡹𛑅𛡹𚐻𩡯𬠨𨐠𫱦𘁁𚑸𛡦𪑬𫁒𩑣𭀨𨐮𮀬𨐮𮐬𞐬𞐩`.replace(/u../g,'')))

Jul 16 2019 4:03 PM UTC

}// 139/140

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

Draw a squiggle and watch it move #interactive

u/katkip

This is so clever
u/PotatoImaginator

how does this work ? plz explain

show FPS hide FPS share fullscreen

Xen

remix of d/6305 by u/yonatan

function u(t) {

t?0:k=X=Y=9/4
for(t<9?i=1e4:i=1;i--;X=n)x.fillRect(960+X*350,540+Y*350,.2,.2),n=S(-k*Y)+C(-k*X),Y=S(k*X)+.7*C(k*Y)

Jan 22 2018 12:40 AM UTC

}// 114/140

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

Slight tweak, Shoutz 2 yonatan.

u/yonatan

nice alpha channel trick!
u/Kevjonesin

"murmuration"

show FPS hide FPS share 1 remix fullscreen

Qwitter

function u(t) {

s=350;c.width=9*s;q=p=0;for(i=9*s;i--;x.fillRect(q*s,p*s,7,3)){N=Math.floor(3*Math.random());p=p/2+N*N%2;q=(q+N*(N+1))/2;}x.drawImage(c,0,s)

Jan 16 2018 4:59 PM UTC

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

donbright

function u(t) {

k=t
for(m=-k;m<=k;m++)for(n=-k;n<=k;n++){
r=m*m-n*n,B=m*m+n*n,G=2*m*n
x.fillRect(4*(r+B),4*(G+B),9,9)
}

Apr 14 2017 4:14 AM UTC

}// 103/140

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

weird optical illusion after it finishes

u/iverjo

Oh yeah, it looks like there are white horizontal and vertical lines, but they are not actually there
u/joeytwiddle

Oooh yeah. I was only seeing grey dots at the intersections before, but on this bright monitor I can see the white lines too. *blinks*
u/alien

nice
u/Xen

i eat my pillow tonight and i'm blaming you!
u/donbright

lol sorry

show FPS hide FPS share fullscreen

el_campman

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 */

Feb 24 2017 2:46 AM UTC

}// 122/140

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

u/BirdsTweetCodersDweet

#default

show FPS hide FPS share 1 remix fullscreen

pangolin

function u(t) {

if(t-~~t<.5){new Audio("data:audio/wav;base64,UklGRsYAAABXQVZFZm10IBAAAAABAAEAQB8AAIA+AAACABAAZGF0YaIZAAA"+Array(90).join("DWEET")).play();}

Mar 21 2017 3:46 PM UTC

}// 140/140

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

Show more comments…
u/Myst

Play freebird
u/pangolin

I've been trying to get something that would play different notes, but I can't get it small enough. The next step would clearly be freebird.
u/recursive

There's a separate audio synthesis api that might work. It's kind of wordy though
u/mxfh

;new Audio("data:audio/wav;base64,UklGRsYAAABXQVZFZm10IBAAAAABAAEAQB8AAIA+AAACABAAZGF0YaIZAAA"+c.toDataURL("image/bmp").substr(22,4000)).play()
u/mxfh

have no idea how to tweak the wav header to align samples with imagedata and where the bmp header ends, but just past this to the end of any dweet
u/pangolin

There isn't much that changes in the header info: http://soundfile.sapp.org/doc/WaveFormat/
u/mxfh

ok here's your header tweak tool: http://codepen.io/mxfh/pen/mWLMrJ
u/joeytwiddle

#audio

show FPS hide FPS share fullscreen

danny@hille.dk

function u(t) {

for(w=Y=34;Y--;)for(X=61;X--;x.fillStyle=`hsl(${(S(X/(f=S(t)*3+9))*C(Y/f)-t)*180+180} 99%55%`)x.fillRect(X*w,Y*w-w,w,w)

Jan 17 2021 3:10 PM UTC

}// 119/140

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

psychedelic pixels

u/danny@hille.dk

WebGl version -> http://glslsandbox.com/e#70784.1