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

iverjo

function u(t) {

c.width=2e3;n=900;for(i=9;i<n;i+=2)s=3/(9.2-(t/2+i/99)%9),x.beginPath(),x.lineWidth=s*s*4,x.arc(n,540+500*S(t),s*119,j=i*9,j+.6),x.stroke()

Aug 11 2016 11:34 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/sigveseb

this tunnel looks so clean!
u/iverjo

Thanks :) My aim was to create a vertical camera tilt effect. I ended up just moving everything up and down. Kinda resembles tilt ^^
u/iverjo

#tunnel

show FPS hide FPS share fullscreen

iverjo

remix of d/413 by u/iverjo

function u(t) {

c.width=1e3;for(i=151;i--;)v=t-i/9,x.fillStyle='red',x.font=12+i+C(v*19-8)/(v*v)+'px A',v>0&&x.fillText((''+u)[i],490+i*5*S(v),280+i*2*C(v))

Aug 11 2016 12:13 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/katkip

awesome

show FPS hide FPS share fullscreen

sigveseb

remix of d/297 by u/sigveseb

function u(t) {

w=c.width=128;for(i=1e4;a=i%w,b=i>>7,m=a-64+S(t*3)*32,n=b-36,i--;V=((a^(b+49*t))%(2+t/2|0))/l*w,x.fillRect(a,b,V>1?1:V,1))l=m*m+n*n

Aug 9 2016 10:02 AM UTC

}// 131/140

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

scene change every 2 seconds

Show more comments…
u/iverjo

Wow, cool!
u/donbright

incredible
u/joeytwiddle

Wow :-O Like looking through frosted glass.
u/joeytwiddle

#texture #shiny
u/Galaxtone

more like 10 seconds
u/Galaxtone

ok nvm it's 5
u/Galaxtone

oh crap I forgot it's relative to my browser speed
u/joeytwiddle

#hiddengem
u/Odog8

ooga booga

show FPS hide FPS share 1 remix fullscreen

iverjo

remix of d/40 by u/iverjo

function u(t) {

c.width=1e3;for(i=60;i--;)v=t-i/9,x.fillStyle='pink',x.font=20+i+C(v*19-8)/(v*v)+'px A',v>0&&x.fillText('❤',490+i*9*S(i),260+i*9*C(i))

Aug 10 2016 1:21 PM UTC

}// 134/140

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

#hearts

u/PiggyClone205

lovely

show FPS hide FPS share fullscreen

sigveseb

remix of d/408 by u/sigveseb

function u(t) {

c.style.margin='-99px 0';for(i=c.width=256,x.font='32pt a',x.fillText('🇳🇴',0,32);i--;)x.drawImage(c,i+(a=4*C(i/9+t*9)),0,1,64,i,80-a,1,99)

Aug 9 2016 7:12 AM UTC

}// 138/140

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

It's a flag, but it doesn't render on Windows. Emojis suck a little :P

u/joeytwiddle

#flag

show FPS hide FPS share fullscreen

elrod

remix of d/359 by u/elrod

function u(t) {

for(i=99;i--;){r=Math.random();x.fillStyle=R(0,r*255,r*255,1);x.fillRect(r*1920,Math.random()*1080,50,50)}

Aug 12 2016 5:04 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 1 remix fullscreen

sigveseb

function u(t) {

for(n=c.width=i=1e3,s=S(t),k=C(t);i--;x.lineTo(n*X/Z,n*Y/Z))F=S(i),U=C(i),V=(i&7)-3,_=V*s+F*k,Z=V*k-F*s+15,X=_*k-U*s+7,Y=_*s+U*k+3;x.fill()

Aug 8 2016 1:32 AM UTC

}// 139/140

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

two-axis rotation

Show more comments…
u/sigveseb

and a quasi-reflective material
u/iverjo

Wicked!
u/iverjo

Btw, this is really slow in FF (~1 FPS) but fast in Chrome (looks like 60 FPS)
u/sigveseb

typical :P
u/3bl3gamer

FF, 30-50 fps
u/p01

Witchcraft!

show FPS hide FPS share 1 remix fullscreen

sigveseb

function u(t) {

c.style.margin='-99px 0';for(i=c.width=256,x.font='32pt a',x.fillText(u,0,32);i--;)x.drawImage(c,i+(a=4*C(i/9+t*9)),0,1,64,i,80-a,1,99)

Aug 8 2016 5:34 PM UTC

}// 135/140

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

off-screen rendering step :P

u/iverjo

See the off-screen part by replacing -99px with 0

show FPS hide FPS share 1 remix fullscreen

sigveseb

function u(t) {

s=S(t);r=a=>Math.random()*3|0;for(n=c.width=i=2e3;i--;x.lineTo(n*X/Z,n*U/Z))F=r(),U=1+r(),V=r(),Z=V*C(t)-F*s+9,X=4+s+V*s+F*C(t);x.stroke()

Aug 6 2016 10:31 PM UTC

}// 138/140

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

u/iverjo

I admire your mad skills

show FPS hide FPS share 1 remix fullscreen

sigveseb

remix of d/405 by u/sigveseb

function u(t) {

for(n=c.width=i=2e3;i--;x.lineTo(1e3+n*X/Z,560+n*U/Z))F=S(i),U=C(i),V=i%5-2,Z=V*C(t)-F*S(t)+12+9*S(t/2),X=V*S(t)+F*C(t);x.stroke()

Aug 7 2016 2:04 AM UTC

}// 130/140

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

u/iverjo

Very impressive!