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

Xen

remix of d/21153 by u/lowpoly

function u(t) {

for(i=199;i--;x.fillRect(S(t+i*(t/2|8))*2e3,9,s=19,s,x.fillStyle=`hsla(${i*9},99%,50%,.3)`));x.drawImage(c,0,s)

Jan 5 2021 11:14 PM UTC

}// 111/140

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

Golf & Play

u/Xen

#waitforit

show FPS hide FPS share fullscreen

erin

remix of d/21156 by u/erin

function u(t) {

O=9999,x.filter=`contrast(2)`,x.fillStyle=`hsl(${t*50},69%,50%)`;x.fillText('█',960,6),x.drawImage(c,S(t*O*O*O)*50,9)

Jan 7 2021 2:55 AM UTC

}// 117/140

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

rainbow puke

u/erin

d

show FPS hide FPS share fullscreen

DaSpider

remix of d/21170 by u/rodrigo.siqueira

function u(t) {

x.fillStyle=`hsl(${t*99%99},69%,${40+S(t*2%4)*70}%)`
x.fillText('火',955+S(K=C(frame))*520,10),x.drawImage(c,V=S(t*35)*K*9,K*V+t)

Jan 7 2021 2:22 AM UTC

}// 129/140

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

Scrolling #bacon 🥓

show FPS hide FPS share fullscreen

Pascal

remix of d/21116 by u/pavel

function u(t) {

c.width=512;for(i=23e3;i--;)i/1e3-12>T(T(S(i%80/13)*S(i/1e3-4*t)-.4*S(t))-t)&&x.fillRect(i%80,i/80,1,1);for(i=4;i--;)x.drawImage(c,i*80,0)

Jan 6 2021 12:20 PM UTC

}// 138/140

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

my gpu doesn’t like this

show FPS hide FPS share 1 remix fullscreen

erin

remix of d/21138 by u/erin

function u(t) {

c.style.filter="blur(5px)contrast(90)"
x.globalAlpha=.3
for(i=0;i<38;i++)
x.fillRect(i*50+(i*t<<i),460+T(t+i)*150+(i*t<<i)%99,40,40)

Jan 5 2021 5:19 AM UTC

}// 132/140

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

modern art..?

show FPS hide FPS share fullscreen

Xen

remix of d/21198 by u/New_Core

function u(t) {

c.style.filter="blur(4px)contrast(9)"
for(c.width|=i=1e3;i--;x.fillRect(935+i*S(a=i^t),515+i*C(a),59*S(b=t-i),59*C(b)))x.fillStyle="#"+i

Jan 7 2021 11:59 PM UTC

}// 136/140

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

quick play

u/danny@hille.dk

Love it
u/Xen

#waitforit

show FPS hide FPS share fullscreen

codingsilver

function u(t) {

c.style.filter=`blur(2px)`
for(i=0;i<20;i++){x.fillStyle=`hsl(${t*999},69%,70%)`;x.fillRect(400*i+C(t)*300,40*i+S(t)*200,70*i,200*i)}

Jan 7 2021 9:41 AM UTC

}// 133/140

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

u/Xen

welcome to the dwitter family!
u/codingsilver

so excited to be here!

show FPS hide FPS share fullscreen

tomxor

remix of d/21135 by u/Pascal

function u(t) {

for(c.width&=i=8320;i--;)x.fillRect(X=i&127,Y=i>>7,1,!~~T(T(S(X/8+Y/8)*S(Y/8-X/16)+t/16)-T(t/16)+.79))

Jan 5 2021 3:07 PM UTC

}// 102/140

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

Portal Chess - Warning Flashing Images

u/DataMeta

cool effect! the bitwise AND + bitshift technique is so rad

show FPS hide FPS share fullscreen

Pascal

remix of d/21116 by u/pavel

function u(t) {

for(c.width|=0,i=10600;i--;)i/500-10>T(T(S(i%40/6.5)*S(i/500+4*t))-1.57)*9&&x.fillRect(i%40*8,i/10,8,8);for(i=5;i--;)x.drawImage(c,i*320,0)

Jan 5 2021 6:58 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 thing, but chess

u/tomxor

:P all of these are actually the same basic function, was that pure accident?
u/tomxor

Actually it's draughts not chess 😄
u/erin

checkers..?

show FPS hide FPS share fullscreen

Xen

remix of d/21141 by u/erin

function u(t) {

c.style.filter=`blur(6px)contrast(9)`
for(i=79;i--;x.fillStyle=`hsl(${t*19},90%,50%)`)x.fillRect(t**i%2e3,T(t*i)*i,19,i)

Jan 5 2021 2:49 PM UTC

}// 120/140

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

Modern Art 2

u/erin

great remix! was playing around with color but nothing turned out good
u/Xen

thank you