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

Xen

function u(t) {

x.font='99px"',x.globalAlpha=.1,x.fillRect(0,0,2e3,1e3)
for(i=499;i--;)x.fillText('🔥',1e3+S(i+t*C(t*t-i%9))*(2e3-i*4),1e3-i/9*(t*i%15))

Oct 2 2018 5:30 PM UTC

}// 135/140

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

u/donbright

awesome

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/19450 by u/katkip

function u(t) {

c.style='filter:invert(1'
for(A=a=b=i=1e4*(t<4);i--;a=S(b/7)*t+a/2+b*C(a/2)/3,b=b/2+S(A*4)/3,A=a)x.fillRect(a*6e3-2500,2e3-b*3e3,1,3/(1+t))

Jul 21 2020 2:00 PM UTC

}// 139/140

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

Point of Impact #explosion

u/katkip

booom
u/DataMeta

whoa #waitforit
u/sigveseb

Worth the wait!

show FPS hide FPS share fullscreen

Agnes

remix of d/29643 by u/TheRageToast

function u(t) {

c.width|=Q=Math.PI;x.font='300px"';x.fillText(t%(4*Q)>3*Q?"💀":"😂",950+Math.abs(S(-t)*200)*-1,650,Math.abs(S(t)*400))

Mar 14 2024 5:31 PM UTC

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

artfarnaa

function u(t) {

 for (c.width|=a=200;--a;x.arc(960+S(G+t)*400,
 540+C(t+G*1)*400,a%2*137*Math.abs(S(t))*4,0,
 6.2832))x.moveTo(G=a/2|0,0)
 x.fill('evenodd')

Aug 8 2017 1:52 AM 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/kchplr

Great !
u/sigveseb

Awesome!
u/ninerdelta

stupid question, but why c.width|=a=200? I was tinkering with this code and just made it a=200 and the fps drops significantly.
u/kchplr

ninerdelta: I think that the reason is that c.width|=something is not only clearing the canvas but also the 2d context. Without it each iterations keeps adding arcs to the current path, by the 10th frames there are 2000 arcs to redraw, by the 50th frames there are 10000, etc. In a, err, "non-cold golfing codebase" you could avoid this by using beginPath and closePath.
u/kchplr

"cold golfing", superb. I meant code golfing...
u/ninerdelta

ah that makes sense, thanks!
u/donbright

now this is fine work

show FPS hide FPS share 1 remix fullscreen

soer9606

function u(t) {

c.width=1920;
for(i=0; i<1000; i++)
x.fillRect(940+900*S(1*(t+i)), 540+400*S(5*t+i), 20, 20)

Dec 26 2017 10:34 PM UTC

}// 92/140

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

u/iverjo

Ask you friends: Does it spin clockwise or anti-clockwise? ;)
u/darrencearnaigh

Anti-clockwise, because history - :P https://en.wikipedia.org/wiki/History_of_tri…
u/lionleaf

I had to add some gravity to restore sanity ;) d/3727

show FPS hide FPS share fullscreen

sammnov

function u(t) {

c.width=1920;for(i=0;i<48;i++){x.fillStyle=R(30+5*i,140,255-4*i);x.fillRect(40+i*40,540+300*S(t*2-i/6),30,30)}

Aug 27 2026 7:50 AM UTC

}// 110/140

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

Each square only moves once the one before it has - a pulse you hand along. Made while writing about staged task handoff for https://wagglet.com/how-it-works

u/cantelope

🤔

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪀪🐱𞱩𩠨𘑴𚑻𮠽𦱝𞱦𫱲𚁩🐹𞐻𪐭𛐻𚑦𫱲𚁪🐹𞐻𪠭𛐻𚑺𛡰𭑳𪀨𮱸𞡩𛁹𞡪𛁺𞠱𯐩𯐊𩡯𬠨𬐠𫱦𘁺𚑸𛡦𪑬𫁒𩑣𭀨𝐰𜀫𚁱𛡸𚰽𤰨𬐮𮠩𚐪𞐬𜐰𜀫𚁱𛡹𚰽𠰨𬐮𮠩𚐪𞐬𝠬𝠩𛁱𛡺𚰽𠰨𬐮𮀯𜐹𚐪𤰨𬐮𮐯𜐹𚐯𜠠`.replace(/uD./g,'')))

Jun 15 2019 10:17 AM UTC

}// 127/140

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

#chaos

u/KilledByAPixel

rad

show FPS hide FPS share fullscreen

trancor

remix of d/7905 by u/trancor

function u(t) {

c.width=999,w=540,t?m=[w+S(t)*340,w]:p=[];p.push([[...m],5]),p.map((z,i)=>{k=z[0],k[0]+=S(i+t),k[1]-=z[1]+S(i*8),x.lineTo(...k),x.stroke()})

May 4 2018 1: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).

u/firegodjr

#smoke #wireframe
u/hollo47

Abstract smoke! Nice! Could look nice if it left a trail?
u/joeytwiddle

Tried shadowBlur but very heavy. Trails look better anyway: x.fillStyle='#fff3',t?x.fillRect(0,0,999,800):c.width=999;x.beginPath();w=540,t?m=[w+S(t)*340,w]:p=[];p.push([[...m],5]),p.map((z,i)=>{k=z[0],k[0]+=S(i+t),k[1]-=z[1]+S(i*8),x.lineTo(...k),x.stroke()})
u/trancor

Oooo, I like that, great idea! I'll have to try incorporating that into a remix. Thanks joeytwiddle!

show FPS hide FPS share 3 remixes fullscreen

lewdev

remix of d/28322 by u/lewdev

function u(t) {

c.width=120;[36e2,60,1,.01].map((u,i)=>(v=t>=u?~~(t/u):0,t%=u,x.fillText(v.toString(2).padStart(7,0).split``.reverse().join``,38,15+i*15)))

Oct 7 2023 2:38 AM UTC

}// 139/140

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

⏲ Binary Running #timer #clock (can't compress emojis)

show FPS hide FPS share 1 remix fullscreen

kaicarver

remix of d/649 by u/kaicarver

function u(t) {

c.width=1920;for(j=0;j<2;j++){for(i=0;i<6;i++){z=Math.round(Math.random());x.fillRect(700+j*300,280+i*100,200+100*((1-j)*z),50)}}

Feb 19 2017 5:39 PM UTC

}// 129/140

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

I Ching hexagram generator, right side up

u/kaicarver

scroll up or down to display a random hexagram, then look it up here http://wengu.tartarie.com/wg/wengu.php?l=Yij…
u/kaicarver

I'd like to make the blinking less frequent, but I can't figure out how, link randomness to a segment of t?...
u/joeytwiddle

Nice! This will break your program for 90% of every second: t%1>.1?Z:0