Top #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 fullscreen

katkip

function u(t) {

if(t<3){for(i=10;i--;)x.fillStyle=`hsl(${t*10*i},99%,50%)`,x.fillRect(0,0,30*i,i*30),x.translate(i*.1,i*.061)}

Nov 15 2018 1:26 PM UTC

}// 110/140

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

3D "GLASS" tunnel #d3 #tunnel #illusion

show FPS hide FPS share 3 remixes fullscreen

anthonylewis

remix of d/7659 by u/New_Core

function u(t) {

w=c.width^=0
for(i=30;i--;)
Z=w/(i-t%2+1),x.rect(-Z/2+960,-Z/2+540,Z,Z),x.stroke()

Apr 20 2018 12:16 AM UTC

}// 82/140

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

A simple tunnel to use a base for future effects (hopefully)

u/jylikangas

You can use strokeRect here. Golfed to 71b... for(w=c.width|=i=30;i--;x.strokeRect(960-Z/2,540-Z/2,Z,Z))Z=w/(i-t%2+1)
u/magna

#tunnel

show FPS hide FPS share fullscreen

lionleaf

function u(t) {

c.width=2e3;for(i=0;s=300,a=s/(s-(t+i*s/900)%s),i<900;i++){x.strokeStyle=R(a);x.strokeRect(999-a*(1+S(t))/2,500-a*(1+C(t*2))/2,a,a)}

Jul 16 2016 9:07 PM UTC

}// 132/140

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

u/iverjo

#tunnel

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

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

Sny_de_Treves

function u(t) {

c.width=1920;d=400;for(i=0;i<99;i++){b=2*d;j=50*C(i);k=50*S(i);x.moveTo(3*d+j,b+k);x.quadraticCurveTo(b+b*S(t),d+d*C(t),b+j,b+k);x.stroke()}

Sep 8 2019 9:45 PM UTC

}// 140/140

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

#3d #curvy #tunnel

show FPS hide FPS share fullscreen

katkip

remix of d/7469 by u/Agnes

function u(t) {

with(x)for(w=c.width|=i=0,translate(w/2,540);i++<500;r=1*w/i,rotate(o=0.02*t),fillStyle=`hsl(${-t*i},90%,40%)`,fillRect(m=r*2,m-t,r*m,m*r));

Sep 7 2018 1:44 PM UTC

}// 140/140

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

#waitforit #tunnel

show FPS hide FPS share fullscreen

katkip

function u(t) {

t||x.translate(960,540);for(i=0;i<99;i++)x.fillRect(-t*300+i*100+S(t)*300,100,50,200);x.rotate(t/1337);x.fillStyle=R((t**3)%256,(t**8)%256);

Aug 4 2018 5:26 PM UTC

}// 140/140

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

Couldn't resist. #default meme 4 ever. #tunnel

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

c.width*=1;x.translate(960,540);
for(i=0;i<100;i++)
x.fillRect(i+S(t/99)*300,-1e3,5,2e3),x.rotate(t/9)

Sep 18 2018 11:59 AM UTC

}// 102/140

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

#tunnel

show FPS hide FPS share fullscreen

katkip

function u(t) {

θ=frame*25%1980;x.fillStyle=`hsl(${C(t)+θ/30+t*10},99%,50%)`;x.fillRect(0,0,θ,θ)

Sep 8 2018 10:01 AM UTC

}// 80/140

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

#tunnel Dwitter text expander test 6+

dwitter.net | #Tunnel