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

yokljo

function u(t) {

n=[16,22,23,33,34,36,37,57,61,66,68,79,80,86]
s=78
for(b=i=255;i--;x.fillRect(i%8*s,~~(i/8)*s,s,s))x.fillStyle=R(0,0,n.includes(i)?b=~b:b)

Dec 3 2018 4:42 PM UTC

}// 138/140

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

ZZT. Bonus points for making the background black and the face white, to look like the original.

show FPS hide FPS share fullscreen

katkip

remix of d/11249 by u/katkip

function u(t) {

c.width=300,x.rotate(7.06);for(i=-145;i<20;i++)for(j=-75;j<89;j++)
if(T(j*S(i+t/999))>T(i*C(j+t/999)))x.fillRect(290+i*2,-60+j*2,2,2);

Dec 2 2018 2:31 PM UTC

}// 134/140

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

#maze that changes

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/11248 by u/katkip

function u(t) {

c.width=300,x.rotate(7.06);for(i=-145;i<20;i++)for(j=-75;j<89;j++)
if(T(t*t*10+i&j+t*t*10)>0)x.fillRect(290+i*2,-60+j*2,2,2);

Dec 2 2018 2:29 PM UTC

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

katkip

remix of d/11245 by u/metamero

function u(t) {

c.width=50;x.fillText('kipkat',11,16)

Dec 2 2018 2:14 PM UTC

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

katkip

function u(t) {

t*=9;t||(c.width=99);for(i=99;i--;)for(j=99;j--;)q=S(j*i*j*i),x.fillStyle=R(j*2+S(q+t)*40,j*2+S(q+t)*10),x.fillRect(i,j,1,1)

Dec 3 2018 1:57 PM UTC

}// 124/140

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

Tried to make a fire :'(

show FPS hide FPS share fullscreen

katkip

remix of d/11243 by u/wolfhammer

function u(t) {

w=96,h=54,s=20
for(j=w*h;j--;){e=j%w*s,y=j/w*s
x.fillStyle=R(T(j*j+t)*256,C(j*j+t)*256,S(j*j+t)*256)
x.fillRect(e,y,s,s)
}

Dec 2 2018 12:31 PM UTC

}// 122/140

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

red = tan, green = cos, blue = sin

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/11200 by u/anotherkitten

function u(t) {

a=frame%29/9
t?a?x.moveTo(2e3,540):x[j=i]=i+=i<++s|x[i-s]?s:-s:j=i=s=0
o=(f=i>j)==s%2
x.arc(i+j<<2,540,4*s,w=f*22/7,o?w-a:w+a,o)
x.stroke()

Nov 30 2018 9:52 PM UTC

}// 139/140

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

Recamán's sequence (try fullscreen)

show FPS hide FPS share fullscreen

metamero

remix of d/11217 by u/metamero

function u(t) {

eval(unescape(escape`景爨稽㜲Ᵽ⹷楤瑨簽欽〻欼㐴㤻⬫欩椽款㸴ⱪ㵫☱㔬瀽稪椬焽稪樭稬⠨椫権┲㽸⹲散琨瀬焬稬稩㨰⤬砮牥捴⡰⬴ⱱ⬴⭺⩃⡴⤪⨨欥㜩ⰲ〬㈰⤬砮牥捴⡰⬴㠬焫㐸⭺⩓⡴⤪⨨欥㔩ⰲ〬㈰⤻砮晩汬⠧敶敮潤搧⤻`.replace(/u(..)/g,"$1%")))

Nov 30 2018 9:17 PM UTC

}// 138/140

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

#Trippy #Illusion by [metâmero]

u/metamero

for(z=72,c.width|=k=0;k<449;++k)i=k>>4,j=k&15,p=z*i,q=z*j-z,((i+j)%2?x.rect(p,q,z,z):0),x.rect(p+4,q+4+z*C(t)**(k%7),20,20),x.rect(p+48,q+48+z*S(t)**(k%5),20,20);x.fill('evenodd');
u/iverjo

#opticalillusion

show FPS hide FPS share fullscreen

katkip

function u(t) {

q=9;x.fillRect(960,540,540*C(t*q),540*S(t*q));x.globalCompositeOperation='xor'

Nov 30 2018 5:47 PM UTC

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

ceaga

function u(t) {

w=255
c.width=w*3
x[c='fillStyle']=R(w,0,0,2)
x[f='fillRect'](0,t*w,w,w)
x[c]=R(0,w,0,2)
x[f](w,t*w,w,w)
x[c]=R(0,0,w,2)
x[f](w*2,t*w,w,w)

Dec 1 2018 3: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).

Hello World, first try, simple drawing. Color bar.

u/Xen

good job, look at other dweets for ideas and tricks, also check out the dwitter dicord, plenty about to help