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

rodrigo.siqueira

remix of d/6095 by u/Renaud___

function u(t) {

t?d=++f/1e5-1:f=h=i=99
for(e=4,z=2;z<3e3;z*=4)f%z==z/2?e=1:1;i+=e
x.fillRect(t*120,h-=d*S(i)*8-1,2,2e3)

Dec 18 2020 6:53 PM UTC

}// 103/140

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

I was trying to remix a snowflake fractal and found mountains instead.

u/Xen

you almost beat me to my secret project i've been working on for last 2 weeks in silence ;-)
u/rodrigo.siqueira

I want to see your project u/Xen. My wishlist is to use x.drawImage(c,1,0) trick to show infinite horizontal scrolling mountains. I like this style of generative mountains since I saw them for the first time in Moon Lander game, Atari's Vanguard and Moon Patrol.

show FPS hide FPS share 2 remixes fullscreen

pavel

function u(t) {

with(x)for(fillRect(i=-710,i,i*=-2,i);i--;clearRect(20+9*S(a=i+t),2,w=C(a),w>0))setTransform(16,0,0,16,960,540),rotate(i/226)

Dec 15 2020 11:04 PM UTC

}// 125/140

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

Torus Study #1

u/magna

WOW!
u/vovanmozg

fantastic!

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

c.width|=t+=99;for(i=99;i--;x.lineTo(960+540*S(t+t*i/98),540+540*C(t-t*i/99)))x.moveTo(960,540);x.strokeStyle=`hsl(${t*9} 99%33%`;x.stroke()

Dec 19 2020 11:33 PM UTC

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

neimad

remix of d/21012 by u/pavel

function u(t) {

with(x)for(fillRect(i=-710,i,i*=-2,i);i--;clearRect(30+C(t)*9*T(a=i+S(t)),2,w=T(a),w>C(t)*-2))setTransform(16,0,0,16,960,540),rotate(i/226)

Dec 17 2020 5:56 AM UTC

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

rodrigo.siqueira

remix of d/20959 by u/jellyedwards

function u(t) {

c.style.filter=`invert(`
for(e=k=c.width|=w=50;k--;x.fillRect(w|x.rotate(k%w+t/4),9,1,1))
x.setTransform(v=2+k%7,0,0,v,k,(k*k+t*v)*w%e-w*8)

Dec 15 2020 6:23 PM UTC

}// 139/140

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

Night snow #snowflake

u/Xen

smooth!
u/pavel

Nice. Here's 126, maybe room for snowflake code with(x)for(fillRect(0,0,i=2e3,i);i--;)clearRect(50,9,!setTransform(s=2+i%7,0,0,s,i,i&&(i*i+t*s)*50%2e3-400),i&&!rotate(i+t/4))

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/21021 by u/pavel

function u(t) {

with(x)for(c.width|=i=300;i--;beginPath(fill(ellipse(40+19*C(a=++t%3.1),0,S(a),!rotate(i/6),a,0,7))))setTransform(9,0,0,9,960,540)

Dec 17 2020 5:54 PM UTC

}// 130/140

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

gold and play

show FPS hide FPS share fullscreen

New_Core

function u(t) {

with(x)for(c.width|=i=9;i--;fill())beginPath(fillStyle=R(255-i*255,255-i*9)),arc(X=960+(80-i*9)*S(t+i/9),Y=i*40+99,50+i*50,1,2),lineTo(X,Y)

Dec 16 2020 7:01 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 year the Christmas tree has a "star" but no decoration

u/pavel

-4 with(x)for(c.width|=i=9;i--;fill(arc(X,Y,50+i*50,1,2)))beginPath(fillStyle=R(255*!i,255-i*9)),moveTo(X=960+(80-i*9)*S(t+i/9),Y=i*40+99)
u/pavel

-1 255*!i -> !i<<7

show FPS hide FPS share fullscreen

jellyedwards

remix of d/20964 by u/jellyedwards

function u(t) {

for(e=k=c.width|=w=60;n=--k/w|0;x.fillRect(k%w/16|x.rotate(k%w*.52+R*t),S(n),R=-R|1,R))x.setTransform(v=n%9,0,0,R*v,(n+S(t))*w,(n+t)*v*w%e)

Dec 17 2020 12:05 AM UTC

}// 139/140

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

#snowflake

show FPS hide FPS share fullscreen

katkip

remix of d/21013 by u/Steckerleiste

function u(t) {

for(z=4*t,v=99*(C(z/4)+1),x.fillStyle=`${R(v,v,v)}`,j=0;j++<509;)i=j/7<<6,n=z/9+j%7*.9+i/250,x.fillRect(S(n)*i*t+960,C(n)*i*t+540,j/t,j/t)

Dec 16 2020 2:57 PM UTC

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

ocattaco

remix of d/21022 by u/ocattaco

function u(t) {

c.style.filter=`invert(`
for(i=1e3;i--;f(0,0,960/(1+i%99),t*i))f=(X,Y,s,r)=>s>1?f(Y+s*S(r),X+s*C(r),s/(2+t),r*0):x.fillRect(X+940,Y+540,1,1)

Dec 17 2020 4:39 AM UTC

}// 140/140

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

light at the end of tunnel