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

pavel

remix of d/10356 by u/pavel

function u(t) {

for(x.fillRect(0,0,X=w=c.width=600,w);X-=6;)for(r=X**2.3%w,Y=h=r*t&504;Y;x.fillText(r*Y&1,X,Y-=8))x.fillStyle=R(b=Y-h||w,250+Y-h,b)

Oct 15 2018 12:05 AM UTC

}// 131/140

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

#matrix #rain v3 shorter, faster, and with variable speed droplets

u/joeytwiddle

Let the white burn briefly: b=250+(Y-h)*6

show FPS hide FPS share fullscreen

f8f82804

remix of d/10479 by u/f8f82804

function u(t) {

for(w=c.width=594;w-=99;x.beginPath(x.stroke()))for(i=17;i--;)x.lineTo(297+w*S(p=1.57*(i-(i>>2))+t)/(Z=4+C(p)),99+.4*w*((i&4)+T(t+w))/Z)

Oct 15 2018 10:53 PM UTC

}// 136/140

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

#d3 #perspective #cube #remix -- this alternative approach is more "correct" in drawing each cube once (and avoiding the moveTo/lineTo dance), but it actually loses the multiple-stroke effect that makes the outer cubes heavier

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/10354 by u/pavel

function u(t) {

for(x.fillRect(0,0,i=W=c.width=600,W);i;i-=5)for(j=0,a=((W*i^1e7)+t*W)%W;j<a;x.fillText(i%j&1,i,j+=9))x.fillStyle=R(b=(a-j<9)<<8,300+j-a,b)

Oct 13 2018 4:01 AM UTC

}// 139/140

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

Matrix Rain v2

show FPS hide FPS share fullscreen

ms.roboto

function u(t) {

S.call&&(S=[...Array(1920)].map(_=>Math.random()<0.5),Y=-1)
++Y<1080&&(S=S.map((n,i)=>(b=S[i+1],!S[i-1]&n&b^n^b&&!x.fillRect(i,Y,1,1))))

Oct 16 2018 1:34 PM UTC

}// 136/140

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

Rule 110 - Random seed

show FPS hide FPS share fullscreen

ms.roboto

function u(t) {

w=1920;h=1080;if(T.call||T<h){S.call&&(S=Array(w).fill(0),S[w/2]=1,T=0);S=S.map((_,j)=>(n=S[j-1]^S[j+1],n&&x.fillRect(j,T,2,2),n));T++}

Oct 15 2018 6:24 PM UTC

}// 135/140

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

Rule 90

show FPS hide FPS share fullscreen

S.T.L.K.R.

function u(t) {

x.beginPath(),f=2e3,r=Math.random,
x.moveTo(f*C(t),f*S(t))
x.lineTo(f*r(),0)
x.lineTo(f,f*r())
x.fillStyle=`hsl(${r()*f} 99%70%)`
x.fill()

Oct 18 2018 12:52 AM UTC

}// 138/140

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

when you can't do #triangulation

show FPS hide FPS share fullscreen

lufinkey

function u(t) {

c.width=320
m="pls touch my peepee"
x.translate(180,99)
x.rotate(t*S(t/4))
i=0
for(let c of m){
x.fillText(c,i*10-99,S(8*t+i)*(10-i))
i++
}

Oct 16 2018 11:55 PM UTC

}// 139/140

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

somebody pls

u/f8f82804

How do I delete someone else's dweet?
u/Lazy1337

@f8f82804 Only lionleaf can

show FPS hide FPS share 2 remixes fullscreen

akx

function u(t) {

for(c.width|=0,y=0;1080>y;y+=5)for(i=0;10>i;i++)x.setTransform(1+(.002*y)**3,0,0,1,960+100*S(3*t-.015*y),y),x.fillRect(100*(i-4.75),0,50,5)

Oct 13 2018 1:38 PM UTC

}// 140/140

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

laminar marimekko

u/qbob

oooohhhhh
u/katkip

nice
u/lionleaf

Amazing! #flow
u/joeytwiddle

wibbly wobbly #warping
u/Purpzie

Shortened by 10 characters: for(c.width=b=2e3;b--;x.fillRect(100*(b%10-4.75),0,50,5))x.setTransform(1+(.002*(y=(0|b/10)*5))**3,0,0,1,960+100*S(3*t-.015*y),y)

show FPS hide FPS share 1 remix fullscreen

kevlened

function u(t) {

d=new Date%2;q=d._+'';n=60;a=typeof(a)==q?0:(a+n)%1920;b=typeof(b)==q?0:a?b:b+n;x.moveTo(a+n*!d,b);x.lineTo(a+n*d,b+n);x.stroke();

Oct 14 2018 2:13 PM UTC

}// 130/140

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

10 PRINT

u/ern0

I made similar for PC-DOS 256-byte https://www.youtube.com/watch?v=G1cpei7vykg

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

c.width|=c.style.background=R();for(i=150;i--;x.fillStyle=R(255,0,0,i/250))x.fillRect(935+S(d=i*t/39)*599,i*9+(v=C(d)+1)*99-250,p=30*v+29,p)

Oct 15 2018 1:23 PM UTC

}// 140/140

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

which way is it turning?

u/magna

So soft and silky when it first starts!