New #Tunnel dweets

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: #Opposites

show FPS hide FPS share 1 remix fullscreen

Cloud

function u(t) {

for(c.width|=i=35;i--;)for(j=40;j--;)a=j*(Math.PI/20),c=t%2*100,w=1150-i*50+c,x.fillStyle=R(w/4),x.fillRect(S(a)*w+860,C(a)*w+520,150,150)

Apr 17 2020 9:02 AM UTC

}// 138/140

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

#tunnel

u/Xen

love it

show FPS hide FPS share 1 remix fullscreen

Cloud

remix of d/17759 by u/Cloud

function u(t) {

for(c.width|=i=400;i--;){
x.fillStyle=R(i/2)
x.fillRect(800+C(t*3-i/100)*50-i/2, 500+S(t*3-i/100)*10-i/2, 300+i, 300+i)
}

Feb 26 2020 7:19 PM UTC

}// 121/140

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

#tonel

u/13thptr

#tunnel
u/vain

clever coding!

show FPS hide FPS share 1 remix fullscreen

Cloud

function u(t) {

for(c.width|=i=400;i--;){
z=i
x.fillStyle=R(z/2)
x.fillRect(800+C(t*3-i/100)*50-i/2, 500+S(t*3-i/100)*10-i/2, 300+z, 300+z)
}

Feb 26 2020 7:19 PM UTC

}// 125/140

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

#tonel

u/ivylab

I tried the same thing a few weeks ago but I couldn't do it. Now just make it more performant so you can fill the entire canvas! :)
u/13thptr

#tunnel

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/17700 by u/yonatan

function u(t) {

for(c.width|=k=i=560;i--;x.strokeRect(960-i*2,400+9*C(t)*k/i-i/1.3,i*4,i*2))n=i/2.12,x.setLineDash((t*k+1e5/i)%99>50?[n*i,n,0]:[n,0,n])

Feb 22 2020 10:27 PM UTC

}// 136/140

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

Upward and downward road tunnel. View it in fullscreen mode.

u/13thptr

woah at first sight I thought this was compressed :0 nice job
u/joeytwiddle

#tunnel
u/katkip

nice

show FPS hide FPS share 3 remixes fullscreen

yonatan

function u(t) {

for(c.width|=k=i=540;i--;x.strokeRect(960-i*2,k-i,i*4,i*2))n=i/7,x.setLineDash((t*k+1e5/i)%99>50?[n,n,0]:[n,0,n])

Feb 22 2020 6:45 PM UTC

}// 113/140

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

pattern idea from https://twitter.com/ntsutae/status/123119038…

u/aleamb

amazing! #tunnel

show FPS hide FPS share 3 remixes fullscreen

pavel

function u(t) {

for(c.width|=j=21,x.scale(5,5),x.lineJoin="round";j--;)for(i=26;i--;)x.arc(192,108,1.3**(r=j+i%2+t%2),a=(i+j)%24/3.8197+C(r)/2,a);x.stroke()

Feb 11 2020 7:29 AM UTC

}// 140/140

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

Creeping

u/katkip

kind #tunnel
u/Yogeshp3

source of mathematics?
u/cantelope

source: pavel
u/pavel

I was inspired by https://twitter.com/beesandbombs/status/1221… I wanted to see if I could draw it with one stroke. Then I just started playing around. +C(r)/2 does most of the work here, if you delete it you can see the reference shape.
u/pavel

%24 is only there to avoid a bug in Safari from angle being too big on arc. /3.8197 is short for *Math.PI/12

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/17426 by u/rodrigo.siqueira

function u(t) {

for(i=880;i--;x.fillStyle=R(Y/2.5-r/(350+S(t*2)*300),0,r/2000,.8))x.fillRect(X=S(r=i*i)*i*3+i*C(t*3)+900,Y=C(r)*i+390+S(t*2)*i/3,i,i)

Jan 31 2020 6:05 PM UTC

}// 133/140

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

Underwater lava cave #perspective

Show more comments…
u/tomxor

I keep switching perception between cave and mountain top, it gets stuck on mountain top... i can't control it 😳
u/sigveseb

I don't see mountain top 🤔 how?!
u/tomxor

funny, i can't see anything else now... it;s like looking down from above a mountain peak. Maybe imagine you are looking down from a circling helicopter.
u/rodrigo.siqueira

This #illusion is called "bistable perception". When I posted it was looking like a cave, now it seems to keep changing between mountain top and cave. I prefer a cave.
u/sigveseb

yes, I see it now!
u/rodrigo.siqueira

#tunnel
u/joeytwiddle

To see the mountaintop, maybe look at the blue and imagine it is the floor or the sea, far away.

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/17175 by u/pavel

function u(t) {

for(i=c.width|=p=355/226;i--;x[i&5?'arc':'moveTo'](960,600-50*z,2e3/z,b=((i>>3)*2+S(i*p)-z)/8%4*p,b))z=2.5-2*t%1+(i>>7)+C(i*p)/2;x.fill()

Jan 17 2020 2:47 AM UTC

}// 137/140

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

u/aleamb

amazing!
u/tomxor

ooh, toroidal chess?
u/katkip

#tunnel

show FPS hide FPS share 2 remixes fullscreen

pavel

function u(t) {

for(let i=c.width|=0,p=355/226;i--;x[i&5?'arc':'moveTo'](960,540,2e3/z,b=p/4*((i>>3)+S(i*p)/2+4*t+z/2),b))z=2-4*t%1+(i>>7)+C(i*p)/2;x.fill()

Jan 11 2020 8:41 PM UTC

}// 140/140

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

Aw this is broken in Safari

u/aleamb

#tunnel #d3

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/17089 by u/rodrigo.siqueira

function u(t) {

for(i=45;i--;x.strokeStyle=`hsl(${32*t},65%,${50*S(t*9)}%,.5`,x.stroke())x.beginPath(r=t*9),x.arc(960+r*C(a=t+i/70),540+r*S(a),5*t*t,0,7)

Jan 9 2020 2:56 PM UTC

}// 137/140

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

Neon lights #tunnel #neon Try to remove +i/70 to see a #spiral Moiré pattern.

u/Xen

10billion awesomes because it went to my music!

dwitter.net | #Tunnel