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 1 remix fullscreen

firegodjr

remix of d/9059 by u/firegodjr

function u(t) {

for(j=100;j--;)for(y=100;y--;)x.fillStyle=R(b=(t*99+(S(t)*(j-51)+C(t)*(y-50)^S(t)*(y-51)-C(t)*(j-50)))%99*2,b,b),x.fillRect(j*9+510,y*9,9,9)

Aug 2 2018 1:48 PM UTC

}// 140/140

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

u/Xen

Love It!
u/aleamb

great!

show FPS hide FPS share fullscreen

katkip

remix of d/4206 by u/anykey

function u(t) {

c.width|=0
x.font='200px courier'
x.fillText('ฅ     ฅ',610,650+S(t*2)*30);
x.fillText('^•ﻌ•^',730,650);

Aug 3 2018 10:40 AM UTC

}// 103/140

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

It glitched on line 4. Awesome! First working error on dwitter

u/d0n.key

Looks like my dog but it's because he's autistic
u/sigveseb

What is going on with line 4? Some RTL trickery?
u/katkip

#bug

show FPS hide FPS share fullscreen

katkip

remix of d/9079 by u/katkip

function u(t) {

x.fillStyle=R(t,t,t,.07);x.fillRect(0,0,v=2e3,v);for(i=2e3;i--;y=(i**t+t*v)%v,x.fillStyle=R(i**t,i**t,i**t),x.fillText("+",(i*250**t)%v,y));

Aug 3 2018 11:04 AM UTC

}// 140/140

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

#noise #tv #stars #fakegameoflife

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/9136 by u/joeytwiddle

function u(t) {

for(Z=1e3,i=2e3;i--;x.fillStyle=`hsla(${2e2*t},99%,66%,.02)`)
x.fillRect(Z+Z*C(i|t),500+Z*S(i^t*2),20*C(t*i),99)

Aug 6 2018 6:07 AM UTC

}// 112/140

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

#remix_chain

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/9106 by u/richev

function u(t) {

with(x)for(i=300;i--;stroke())beginPath(strokeStyle=`hsl(${290-i},99%,60%`),arc(960,1080,390+i,0,7)

Aug 5 2018 4:24 AM UTC

}// 99/140

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

Down to 99, to make room for clouds at both ends

u/richev

I'm very much a beginner here, and am still running out of characters :-) x.font="450px'";x.fillText('☁️ ☁️',90,1080)
u/stiaje

Instead of 1080, you can write 2e3 which is short for 2000.
u/stiaje

Or 1e3, I guess :)
u/stiaje

Also, because the dweet starts with with(x) you don't need to write x.fillText, just fillText, as long as you make sure to separate your statements with a comma instead of a semicolon!

show FPS hide FPS share fullscreen

Xen

remix of d/8063 by u/trancor

function u(t) {

for(c.width=i=69;i--;)for(k=39;k--;x.fillRect(i,k,1,1))x.fillStyle=R(S(j=(C(i/5-t/.9)+S(k/6+S(t)/.3)*S(i/20+t*8))*9)*99+99,C(j)*99,-S(j)*99)

Aug 2 2018 7:22 PM 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 have a play with this one, shoutz 2 trancor

show FPS hide FPS share fullscreen

sethmaxwl

function u(t) {

c.width|=100
for(i=0;i<1000;i++)
x.lineTo(1000+(1/(C(i)/S(i)))*500,600+500*C(i+t*t*t))
x.stroke()

Aug 3 2018 8:58 PM UTC

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

firegodjr

remix of d/9039 by u/firegodjr

function u(t) {

for(i=4e3;i--;)x.fillStyle=`hsl(${i/9-t*9e2},99%,${v=-S(i/520-t*5)*100}%,${v}`,x.fillRect(S(l=i%990+t)*i*.16+960,C(l)*i*.08+900,30,-v*9)

Aug 1 2018 4:32 PM UTC

}// 136/140

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

Whoever manages to add a single super saiyan cat emoji gains my eternal gratitude

u/Xen

Done(kinda) lol
u/Agnes

hsl( without a final parenthesis doesn't work on iOS :(

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/9128 by u/katkip

function u(t) {

for(Z=1e3,i=99;i--;x.fillStyle=`hsla(${i*t*t},99%,50%,.1)`)
x.fillRect(X=Z+Z*C(i-t*C(t/i)),Y=500+Z*S(i+t/3.7),i,i),x.strokeRect(X,Y,i,i)

Aug 5 2018 7:45 PM UTC

}// 136/140

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

u/katkip

#remix_chain

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/9121 by u/Xen

function u(t) {

for(Z=i=1e3;i--;x.fillStyle=`hsla(${t*15},90%,50%,.1)`)
x.fillRect(960+Z*S(t)*C(t)*C(t*i),500+500*S(t),9,9)

Aug 5 2018 7:00 PM UTC

}// 107/140

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