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

LydianLights

function u(t) {

for(c.width=i=1920;i>0;i-=26+t<<0)for(j=0;j<1080;j+=26){a=T(i+S(t))*T(j*j+C(t));b=a<-60?-60:a>60?60:a;x.fillStyle=R(a);x.fillRect(i,j,b,b)}

Dec 20 2019 4:34 AM UTC

}// 139/140

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

Volatile squares

show FPS hide FPS share 2 remixes fullscreen

katkip

remix of d/16863 by u/KilledByAPixel

function u(t) {

with(x)for(fillRect(0,0,2e3,2e3),q=i=200;i--;beginPath(fill(arc(960+q*T(S(i+t)+i),540+400*C(C(i)+i*2-t*2)*i/q,i/5,0,7))))fillStyle=R(i*i,i)

Dec 17 2019 2:14 PM UTC

}// 139/140

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

u/LydianLights

I like the colors!
u/katkip

looks like flames

show FPS hide FPS share fullscreen

pavel

function u(t) {

t?g.next():g=function*(){for(i=2e3;i--;yield)c.width|=0,x.font='58em"',x.fillText(i,0,900)}()

Dec 20 2019 4:07 AM UTC

}// 93/140

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

Dwitters infinite loop detector wrongly stops this dweet!

u/katkip

#exploit

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/16926 by u/Odog8

function u(t) {

a=144/89;b=frame;x.fillText(t**t|0,b*S(d=a*b)+960,b*C(d)+540);throw a

Dec 20 2019 7:29 PM UTC

}// 69/140

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

remixchain 2

show FPS hide FPS share fullscreen

Piggo

function u(t) {

x.fillStyle=`hsl(${t*150},95%,45%)`;var Z=Math.abs(T(t/3))
for(var X=90;X-=1;)for(var Y=90;Y-=1;)x.fillRect(X*10*Z-50,Z*Y*10-50,9,9)

Dec 19 2019 3:18 AM UTC

}// 132/140

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

My first dweet! Tips for working in javascript would be appreciated since I've never used it before

u/jellyedwards

Hey Piggo, to reduce a few chars you don't need var, you can do -- instead of -=1 and you can put some statements in the last term of the from expression, have a look at this that does the same in 116 bytes: Z=Math.abs(T(t/3));for(X=90;X--;)for(Y=90;Y--;x.fillRect(X*10*Z-50,Z*Y*10-50,9,9))x.fillStyle=hsl(${t*150},95%,45%
u/jellyedwards

Hmm the back quotes for removed from the hsl but you get the idea!
u/Piggo

Awesome, thanks for the tips!

show FPS hide FPS share fullscreen

katkip

function u(t) {

c.width|=0
for(i=0;i<6.3;i+=.04)x.font=`${1+i/2}cm"`,x.fillText('🐲',960+C(i+t+S(i)/4)*400,540+S(i+t+C(i)/3)*400)

Dec 20 2019 4:03 PM UTC

}// 112/140

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

Ouroboros

u/katkip

be sure your browser charset supports colored emoji (such as Chrome)
u/joeytwiddle

Also fine in Firefox here on Manjaro GNU/Linux

show FPS hide FPS share 1 remix fullscreen

myphs

remix of d/16935 by u/cant_code

function u(t) {

e=99
d=(a,s,c)=>{
s=s<0?0:s
x.font=s*e+"px a"
x.fillText(c,a*e,7*e)
}
c.width|=0
d(4,7,"🐰")
for(i=t;i<t+6;i+=.45)
d(8+6*S(i),2*C(i),"🥕")

Dec 21 2019 2:20 PM UTC

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

Xen

function u(t) {

t?x.fillRect(0,9,z,z):(x.fillStyle=R(0,0,z=c.width=99),x.fillRect(0,0,z,9))
x.fillStyle="grey"
x.fillText(t?"⚠️":u,3,t?31:8)/Xen

Dec 18 2019 9:48 PM UTC

}// 128/140

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

Oops!!!!!!!!!!!!!!

show FPS hide FPS share fullscreen

WasifBoomz

function u(t) {

x.arc(0,0,50,0,Math.random()*6);x.stroke()
x.lineWidth=5
x.translate(99*Math.random(),199*t*Math.random())

Dec 19 2019 2:20 PM UTC

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

LydianLights

function u(t) {

with(x){save();fillStyle=`hsl(${9*t*t},80%,50%)`;translate(860,540);scale(S(4*t),S(3*t));rotate(t*t);fillRect(-500,-500,999,999);restore();}

Dec 20 2019 2: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).

Simple and flashy