Dwitter - javascript demos in 140 characters

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

katkip

remix of d/11500 by u/katkip

function u(t) {

t*=t/99;c.width*=1;x.fillRect(0,0,2e3,2e3);for(q=40;q>0;q-=.01)x.clearRect(960+960*T(q*t*C(t)*S(q)),540+540*T(q*t*t*S(t))*C(q),q,q)

Dec 20 2018 12:19 PM UTC

}// 131/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 2 remixes fullscreen

pavel

remix of d/11455 by u/pavel

function u(t) {

for(r=c.width|=0;--r;)x.stroke(p=new Path2D,p.arc(960,540,r,a=(r+~~(99*t)-t/9)*5**.5/2%(2*Math.PI),a+(x.lineWidth=32)/r))

Dec 19 2018 1:13 AM UTC

}// 121/140

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

Black Hole

u/pavel

Deleting %(2*Math.PI) works in Chrome but not in Safari.
u/pavel

Notice that the radius does not change with time. The inward motion is achieved by drawing a smaller radius square next to where the larger radius square was a frame ago.
u/pavel

If the squares were numbered you'd see that the numbers jump around every frame.
u/pavel

I've made an explanation dweet d/11488

show FPS hide FPS share fullscreen

metamero

remix of d/11415 by u/metamero

function u(t) {

c.before(u),speechSynthesis.speak(new SpeechSynthesisUtterance(u))

Dec 19 2018 7:38 PM UTC

}// 66/140

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

now with audio

show FPS hide FPS share fullscreen

Nixotica

remix of d/11515 by u/Nixotica

function u(t) {

s=10;w=c.width=1920;h=c.height=1080;for(i=h;i--;x.fillRect((w-s)/2+(w-s)/2*S(t/s*i*1/3),s*i,s,s));

Dec 22 2018 3:22 AM UTC

}// 98/140

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

u/katkip

Everybody can do this sine dynamic patterns. They are so many on dwitter
u/13thptr

There's no need to be aggressive
u/13thptr

or rude, no one forces you to "awesome"

show FPS hide FPS share 2 remixes fullscreen

katkip

function u(t) {

q=t/25;x.fillRect(0,0,2e3,2e3);for(i=500;i--;)x.clearRect(960+S(t-i*q)*(500-i),540+C(t-i*q)*(250-i+S(t)*99),8,8)

Dec 17 2018 6:20 AM UTC

}// 112/140

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

#galaxy

u/jamespwilliams

Cool!
u/otomakan

Gorgeous!
u/C010011012

one of the oscillator things with the θ=r*t I see

show FPS hide FPS share fullscreen

pavel

remix of d/11487 by u/pavel

function u(t) {

for(r=c.width|=0,x.font='30px"';--r;)x.fillText(r,960+r*C(a=(r+~~(99*t)-t/9)*5**.5/2),540+r*S(a))

Dec 19 2018 1:24 AM UTC

}// 97/140

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

Explanation of d/11487

show FPS hide FPS share 1 remix fullscreen

metamero

remix of d/11278 by u/metamero

function u(t) {

eval(unescape(escape`䙐匽渽ㄶⱣ⹷楤瑨㵹㵮⨹㭍㵴㽍⹭慰⠨洬欩㴾砮晩汬剥捴⠹⨨津温ⰹ⨨樽洯湼〩ⰹⰹⱉ㵡㴾⡭⭡⭹⤥礩籫㽍孫ⴱ崺瘭㈿瘿䤨瘩╮⭪⩮㩉⠭温㩉⡮⤩㩛㈬瘽ㄬ潮步祤潷渽攽㹶㵥⹫敹䍯摥ⴳ㡝`.replace(/u(..)/g,"$1%")))

Dec 21 2018 8:42 PM UTC

}// 130/140

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

snakito

show FPS hide FPS share fullscreen

metamero

function u(t) {

eval(unescape(escape`瑼籣⹩湳敲瑁摪慣敮瑈呍䰨❢敦潲敢敧楮✬✼愠桲敦㵨瑴灳㨯⽢楴⹬礯㉁㡆捺朠瑡牧整㵟扬慮欠楤㵯㹭整敲漼⽡㸧Ɐ湭潵獥浯癥㵥㴾筳㵯⹳瑹汥㭳⹭慲杩湌敦琽⡡㵥⹸⼲⤫❰砧㭳⹦潮琽愫❰砠捯畲楥爧紩`.replace(/u(..)/g,"$1%")))

Dec 20 2018 8:25 PM UTC

}// 138/140

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

u/joeytwiddle

nice hat!
u/metamero

metâmero is metamere in pt(-br)

show FPS hide FPS share fullscreen

ellisk1

function u(t) {

c.width=99;onclick=e=>{i=e.x/200-1,j=e.y/99-2,h=9,X=Y=30};for(k=9;k--;)x.fillRect(19+k*7+9*S(t),25,3,9);x.fillRect(X+=i,Y+=j+=.03,h/=1.05,h)

Dec 19 2018 4:17 PM UTC

}// 140/140

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

#default Shooter

u/ellisk1

Click to shoot
u/ellisk1

the i and j definitions may need to be different for different browsers

show FPS hide FPS share fullscreen

DataMeta

remix of d/9262 by u/DataMeta

function u(t) {

with(x)for(c.width|=i=45;i--;stroke())lineWidth=7,
arc(960,540,Math.abs(480*S(C(t-i)*S(t/3)+S(t/2)*4))+42,i,i)

Dec 17 2018 10:23 PM UTC

}// 110/140

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

u/artfarnaa

Excellent