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

BalintCsala

function u(t) {

for(i=0;i++<50;)(x.fillStyle=`hsl(${(i+t)*50%360},80%,80%`,x.fillRect(S(g=i/50*6.28)*(k=S(g+t)*300)+500,C(g)*k+500,20,20)) // Hey there!

Mar 7 2018 3:40 PM UTC

}// 137/140

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

u/akm

I was just about to hop on dwitter and attempt this! https://v.redd.it/r3e1n42hjbk01 Looks awesome!

show FPS hide FPS share fullscreen

yonatan

function u(t) {

for(c.width|=i=0,x.fillRect(0,0,3e3,2e3);i++<99;x.fillRect((i**8+t*Y)%3e3-999,Y**1.08-Y,Y/4,999))Y=i*9,x.fillStyle=R(i,0,i*3);

Mar 7 2018 4:56 PM UTC

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

sawaxon

function u(t) {

n=S(t)*60;for(j=0;j<45;j++)for(i=0;i<45;i++,x.fillStyle='hsl('+S(i*(t/40))*255+',99%,'+S(j/9)*50+'%)')x.fillRect(i*60,40*j,60*i,60)

Mar 9 2018 12:14 PM UTC

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

keithclark

function u(t) {

with(x)for(c.width=L=a=255,globalCompositeOperation='exclusion';a-=5;arc(v=S(G+=t)*90+L/2,v/2,a,~beginPath(fill()),6))fillStyle=R(L,G=a%2*L)

Mar 7 2018 5:56 PM UTC

}// 140/140

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

I was hoping for a more interesting vertical path but couldn't find enough bytes.

u/AnnanFay

S(G+t) saves a character.
u/keithclark

Thanks - that was left over from a previous optimisation for computing a different Y offset

show FPS hide FPS share fullscreen

Xen

function u(t) {

x.fillStyle=`hsla(${t*90},99%,30%,.01)`
x.beginPath(x.stroke()),x.fill(x.arc(950+C(t/3.3-S(t))*699,500+S(t/1.9-C(t))*299,555,0,7))

Mar 8 2018 9:24 PM UTC

}// 130/140

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

nothing fancy, just a bit of dwitter art.

show FPS hide FPS share fullscreen

magna

function u(t) {

a=[...(s=u+'')];c.width=450
for(i=140;i--;x.fillRect.apply(x,a))a.unshift(s.charCodeAt(t%i)),x.fillStyle=R.apply(0,a)

Mar 9 2018 1:47 PM UTC

}// 117/140

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

Ugly modern art gallery

u/magna

(Just experimenting with using the source code as a data source. But then I realized it's not any different than using a PRNG with a certain seed.)

show FPS hide FPS share fullscreen

Agnes

function u(t) {

with(x)t?(font='64px A',drawImage(c,4,4,w-q,h-q),fillText("👻",e=(e+w+q*S(R=Math.random()*6.3))%w,y=(y+h+q*C(R))%h)):(e=y=q=8,w=1920,h=1080)

Mar 8 2018 1:45 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 looks way cooler if q=32 but I couldn't figure out how to fit that while retaining good % behaviour at the edges.

u/fons

so nice colors

show FPS hide FPS share fullscreen

prplz

remix of d/7139 by u/prplz

function u(t) {

for(t=(t%8)+8,i=4;i--;t-=4)x.fillStyle=i&1?'#fff':'#000',x.fillText('Dwitter',~x.setTransform(z=3**t,0,0,z,0,1080),0)

Mar 9 2018 2:34 AM UTC

}// 117/140

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

Different approach than the old version (no globalCompositeOperation!)

u/prplz

#text

show FPS hide FPS share fullscreen

camel_case

function u(t) {

x.font="200px arial"
x.fillText("It's late. Go to sleep",90,600)
x.fillStyle=R(S(t)*50+99)
new Date().getHours()<21&&x.fillRect(0,0,a=2e3,a)

Mar 9 2018 1:10 AM UTC

}// 140/140

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

u/ivzem

I saw this right as the clock was ticking over to 9pm. Made it even cooler

show FPS hide FPS share fullscreen

akm

remix of d/7203 by u/fujimotos

function u(t) {

a=280;b=2;t*=2;
i=a*C(a+t)+500*C(t)
j=a*S(t)-10*S(b*t)
x.font='150px s'
x.fillStyle=`hsl(${t*44},90%,60%`
x.fillText('╳',i+900,j+540)

Mar 7 2018 9:00 PM UTC

}// 133/140

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