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

kus

remix of d/17007 by u/KilledByAPixel

function u(t) {

for(c.width|=i=150,x.translate(960,99);i--;x.fillText(r+' _______ '+r,S(a/137)*S(a/69)*i-44,9))x.scale(q=1.03,q),r=(a=i+t*60|0)%37?'':'👉🏿👌🏿'

Dec 31 2019 10:29 AM UTC

}// 140/140

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

Had to be done!

u/katkip

#nsfw #joke ?

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

f=(a,b)=>C(b)*S(a)>0?f(-a/3,b):S(a)+C(b)<0
for(i=4999;i--;){a=(r=Math.random)()*1920,b=r()*1080;if(f(a/49,b/49))x.fillRect(a,b,3,3)}

Dec 30 2019 7:40 PM UTC

}// 132/140

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

Go this way! #recursion

u/katkip

#illusion

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/14340 by u/Xen

function u(t) {

x.strokeRect(!x.drawImage(c,9+C(t),9+S(t),z=1902,y=1062),0,z,y)
x.strokeStyle=R(t*z%257)

Dec 30 2019 4:14 PM UTC

}// 88/140

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

bit'o'golf + keeping sway

show FPS hide FPS share fullscreen

taupelink

remix of d/15471 by u/taupelink

function u(t) {

f=frame;c.width|=0;x.translate(960+500*S(t),540);x.fillStyle=R(0,f>>8,f%255);x.rotate(t);x.font=((2+C(f/20))*9)+'em"';x.fillText("MMXX",0,0)

Jan 1 2020 2:31 AM UTC

}// 140/140

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

MMXX

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/701 by u/sigveseb

function u(t) {

for(let i=4e3,j,s;j=--i>>4;x.fillRect(960+(j%8*2+i%2-8.5+C(t))*s,540+(i%16-8.5+S(t))*s,s,s))x.fillStyle=R(s=666/((j>>3)+1-t*7/11%1),s/2,s/4)

Dec 27 2019 10:14 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/lionleaf

Oh nice! You added forward movement
u/iverjo

Great remix!
u/New_Core

d/15165 ;)
u/katkip

instead of that let you can use i=4e3,j=s=0
u/pavel

The let is only there for performance to use up free chars. j and s don't need initializing. But i at 4e3 cant do 60fps without let on my machine.
u/pavel

Can just do i=2e3 if you are remixing and need chars
u/katkip

oh, i understand
u/sigveseb

awesome
u/Cloud

Wow

show FPS hide FPS share 1 remix fullscreen

DataMeta

remix of d/16988 by u/katkip

function u(t) {

c.width|=0;x.scale(23,23);for(i=96;i--;)for(j=54;j--;)if((i^j)%(g=2+~~t%7))x.fillRect(i+S(t*4+j/g)-1,j+S(t*4+i/g)-1,z=.9,z)

Dec 26 2019 5:35 PM UTC

}// 123/140

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

u/magna

Sweet!
u/sigveseb

very nice
u/gambit

hi im new! can you explain me "c.width|=0" what does it do? thanks
u/DataMeta

Welcome! It's a shorter way of clearing canvas pixels/state. Can be chained like so: for(c.width|=n=i=256;i--;). It can't be done here because we must clear the canvas before scaling it
u/includeRubiks

so cool

show FPS hide FPS share fullscreen

Xen

remix of d/17013 by u/katkip

function u(t) {

//Xen 99
for
(
i
=
2e3
;
i--
;
)
x
.
fillRect
(
i
*
S
(
z
=
t
/
3
+
i
)
*
2
,
i
*
C
(
z
)
,
4
,
4
)

Dec 30 2019 4:38 PM UTC

}// 99/140

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

#obfucated Xen's 99byte #moire

u/katkip

for(i=2e3;i--;)x.fillRect(i*S(z=t/3+i)*2,i*C(z),4,4)

show FPS hide FPS share fullscreen

Xen

remix of d/16994 by u/DataMeta

function u(t) {

x.rotate(.523*~~t);for(i=99;i--;x.fillStyle=R(m=S(i*12+t)*i*t,i*m,i-m,.04))x.fillRect(-3e3,i*40-2e3,6e4,240)//౫

Dec 28 2019 4:15 PM UTC

}// 111/140

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

slight remix #Xweet

u/Xen

#waitforit
u/Odog8

looks like it could go to a song!

show FPS hide FPS share fullscreen

katkip

function u(t) {

z=(a,b)=>C(b*2)<S(a+b)?z(a+b*2,a-b*2):S(b*b+a)<C(a*a-b);t||(w=0);for(v=9;v--;w++){for(i=1080;i--;)if(z(i/190,w/400))x.fillRect(w,i,1,1)}

Dec 28 2019 2:33 PM UTC

}// 136/140

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

#scanline #slowrender

show FPS hide FPS share 2 remixes fullscreen

yonatan

function u(t) {

t*=44
for(c.width|=i=99;i--;x.fillRect(w+z*(y%8-2),y%4*k,3,-q))z=5e3/(i-t%1),x.fillRect(w=960-z+(S((y=t+i|0)/9)-C(t/9))*z,k=540+z,q=z*2,3)

Dec 25 2019 7:40 PM UTC

}// 138/140

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

https://twitter.com/ntsutae/status/120935675…

u/katkip

amazing! #street #road
u/ivylab

Really nice, howwww