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 8 remixes fullscreen

iverjo

remix of d/104 by u/iverjo

function u(t) {

c.width^=0;for(i=9;i<2e3;i+=2)s=3/(9.1-(t+i/99)%9),x.beginPath(),j=i*7+S(i*4+t+S(t)),x.lineWidth=s*s,x.arc(960,540,s*49,j,j+.6),x.stroke()

Feb 24 2017 6:47 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 more comments…
u/SpecialAgent

my hat goes off to you sir!
u/Kalanchoe

That's unbelievable
u/iverjo

Try this one in fullscreen for a more immersive experience
u/Niklas

impressive!
u/donbright

:)
u/aendrew

This is incredible.
u/vonzo

reminds me to Gescom <3
u/hvge

http://www.pouet.net/prod.php?which=3397 ❤️
u/badthai

How did you come up with this?
u/iverjo

@badthai: First I made a classic tunnel effect (like this: https://www.dwitter.net/d/205). Then I made several remixes of it by tweaking parameters. This was one of the results. See also https://www.dwitter.net/d/106
u/iverjo

#tunnel
u/vain

cool segmented tunnel fly

show FPS hide FPS share 4 remixes fullscreen

p01

function u(t) {

for(d=2e3;d--;x.fillRect(960+d*C(a),540+d*S(a),24,24))a=Math.random()*6.3,x.fillStyle=R(e=255*C(t-1e3/d*S(t-a-C(a*99/d))),99*S(a-e/d),6e4/d)

Feb 22 2017 11: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).

u/sigveseb

Nice!
u/ninerdelta

wow!
u/p01

Thanks :)
u/ArtsyBiker1

Awesome!
u/TheGreatRambler

Messing with my brain!
u/lionleaf

#tunnel

show FPS hide FPS share 5 remixes fullscreen

pavel

function u(t) {

with(x)for(i=999;i--;fillRect(~setTransform(s=24e3/i,0,0,4*s,960-i+9*s*C(a=i+60*t),540+8*s*S(a)),~rotate(T(a*a)),2,2))fillStyle=R(9,i/4,i/3)

May 4 2020 7:34 PM UTC

}// 140/140

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

Underwater #cavern

Show more comments…
u/KilledByAPixel

sick
u/KilledByAPixel

looped https://twitter.com/KilledByAPixel/status/12…
u/pavel

One trick here is f();g();h(-1,-1) is the same as h(~f(),~g()) when f and g return a falsy value, undefined in this case.
u/pavel

Notice how none of the distance variables are based on time, only angles are, yet the distances are changing and nothing is rotating...
u/pavel

Try making the moving a little faster :)
u/pavel

After I wrote this I looked for other dweets using a similar technique and this is the earliest one I've found, and it includes an explanation d/10212
u/KilledByAPixel

Amazing work! I have not seen the ~ before, will be using it a lot now. I tried to explain the 60*t trick in one of my blog posts, https://frankforce.com/?p=7160
u/pavel

That is an amazingly detailed explanation with great visual aids.
u/pavel

To clarify your explanation, any integer time works. 60*t is naturally an integer (ish). frame is one char longer without numerical errors. In general, (n*t|0) works for any n.
u/AndrewK

privet
u/katkip

masterpiece
u/joeytwiddle

I think this also counts as a #tunnel
u/Qwitter

Awesome!

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

c.width=300+S(t/2)*99
with(x)for(i=17;--i;fill())globalAlpha=.2,arc(X=99+i*S(t/3)*3,70,450/(Z=i-t*6%1),2.7,6.7)&rect(X-(z=150/Z),70+z,z*2,7)

Mar 31 2018 10:18 AM UTC

}// 140/140

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

Tribute to Strange Crystals

Show more comments…
u/iverjo

Very good tunnel!
u/p01

✨ You can save 3 bytes by replacing 2.7 and 6.7 by 9 and 13
u/jylikangas

Thanks! Improved version: c.width=W=350+C(t)*150 with(x)for(i=17;--i;fill())globalAlpha=.2,arc(X=W/2+i*S(t/3)*4,70,450/(Z=i-t*8%1),9,13)&rect(X-(z=150/Z),70+z,z*2,7)
u/iverjo

#tunnel
u/sigveseb

#witchcraft
u/pavel

Even better with(x)for(c.width=W=350+C(t)*150,i=17;--i;fill(rect(X-z,70+z,z*2,7)))globalAlpha=.2,z=150/(i-t*8%1),arc(X=W/2+i*S(t/3)*4,70,3*z,9,13)
u/vain

This psydo 3D programming is just too high for me! My biggest respect! ! ++++

show FPS hide FPS share 1 remix fullscreen

ellisk1

remix of d/5056 by u/ellisk1

function u(t) {

x.fillRect(0,0,q=c.width=2e3,q);for(i=q;i--;)r=99+i**4/7e7/t,x.fillStyle="#fff",x.fillRect(1e3+C(z=i%q*i+3e2*t/r)*r,1e3+S(z)*r-i,8+6*S(z),5)

Jan 3 2018 3:46 PM UTC

}// 140/140

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

A little remix of my black hole dweet

u/RomanW

Really fantastic!
u/iverjo

Nice 3D effect!
u/M1T0

very impressive
u/lionleaf

#tunnel #black_hole #tornado
u/vain

Looks so great!

show FPS hide FPS share 3 remixes fullscreen

KilledByAPixel

remix of d/18610 by u/KilledByAPixel

function u(t) {

with(x)for(k=i=700;--i;m=i+t*k/2|0,fill(arc(k-i+(r=(S(t*4+m/k)/2+1)*(m%39?1e5:3e4)/i)*S(m*=m),k+C(m)*r,r/2,0,7)))beginPath(fillStyle=R(i/2))

May 7 2020 4:28 PM UTC

}// 140/140

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

Blood #Cavern 🩸 #uncompressed

Show more comments…
u/joeytwiddle

Sweet!
u/KilledByAPixel

#blood
u/katkip

racing inside venes
u/DataMeta

Whoa
u/sigveseb

Smaller and looks better! Nice!
u/joeytwiddle

This is probably the best #tunnel on Dwitter!
u/Ohead

wow, this dweet sent me down a "with" keyword rabbit hole. I've never seen it before!

show FPS hide FPS share 1 remix fullscreen

RUNIE

function u(t) {

c.width|=0
for(i=0;i<64;i++)x.fillStyle=R(b=(60-i)*(S(t*-1+i/32)+3),b,b),x.fillRect((a=1920*i/128)+S(-t+i/7)*99,a/2-48,1920-a*2,1920/1.5-a)

Jan 17 2018 1:17 AM UTC

}// 139/140

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

First dweet! I call it the wibbly wobbly infinite hallway :D

Show more comments…
u/zanella

Welcome! Awesome dweet, I keep thinking that Pennywise will suddenly com running towards the camera! :D
u/sigveseb

Good shadows
u/magna

WOW
u/nystrand

Scary shadows. Very nice!
u/iverjo

Impressive
u/joeytwiddle

#tunnel
u/Cloud

Scary

show FPS hide FPS share 4 remixes fullscreen

keithclark

function u(t) {

for(k=i=1e3;z=--i/9;x.fillRect(k+S(m=k*j^k)*r-z*C(j)*6,540+C(m)*r-z*S(j)*4,s=5e3/z,s))j=i/k+t/4,r=1e4/z,x.fillStyle=R(a=99+S(j*7)*99,a,a)

Oct 8 2019 12:04 AM UTC

}// 137/140

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

Show more comments…
u/yonatan

good remix of d/10212 :)
u/keithclark

Yes! It's totally based on your dweet yonatan - thanks for the link to the original. I found this in a text file from last year but couldn't remember who did the original.
u/keithclark

I also had this version: for(k=i=1e3;z=--i/9;x.fillRect(k+S(m=z%1&&k*j|5)*r-z*C(j)*6,540+C(m)*r-z*S(j)*4,s=5e3/z,s))j=i/k+t,r=1e4/z,x.fillStyle=R(a=99+S(j*9)*99,a,a) but wasn't happy with the rail
u/tomxor

Smooth!
u/tomxor

I quite like the rail ver, bit fast though
u/katkip

#tunnel
u/logomach

doctor who theme intensifies
u/larzuk

ultra nice!
u/Cloud

WOW!
u/vain

Just unbelievable. <3

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

with(x)for(c.width|=j=-8*t%1;j++<32;clip(fill(arc(960+40*j*S(j/9+t/5),700,5e3/j,9,13))))beginPath(fillStyle=R(a=9*j,a,a))

Jan 23 2019 11:54 PM UTC

}// 121/140

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

#tunnel using clip()

Show more comments…
u/joeytwiddle

Sir. *applause*
u/jylikangas

Smooth!
u/katkip

:0
u/magna

#pavel
u/iverjo

Very nice!
u/bekfast2390

sick dude!!!
u/vain

Fucking cool!
u/visualDev

I am new here sorry how to run this locally?

show FPS hide FPS share 2 remixes fullscreen

BalintCsala

function u(t) {

eval(unescape(escape`景爨欽椽㉥㌻椭ⴻ砮晩汬剥捴⡓⡴⤪稫㤶〫匨洽房⡫⩪簰⤪⨴㨰⤪爭猯㈬䌨琩⩺⬵㐰⭃⡭⤪爬猬房猺猯㤩⥢㵩┲㤬稽椯㤬樽⡩⽫⭴⤥ㄬ爽⡢㼱攴㨸攳⤯稬猽㙥㌯稬砮晩汬却祬攽刨愽㤹⭓⡪⨹⤪㠸ⱡⱡ⤻`.replace(/u(..)/g,"$1%")))//SC

Oct 2 2018 12:01 AM UTC

}// 140/140

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

Strange crystals v0.140

Show more comments…
u/BalintCsala

Thanks to u/yonatan for making this possible
u/joeytwiddle

Strange crystals was a #js1k demo so wow! https://js1k.com/2013-spring/demo/1459 https://js1k.com/2013-spring/demo/1555
u/joeytwiddle

yonatan's 139 redux: for(k=i=2e3;i--;x.fillRect(960+S(m=(k*j&-b)**4)*r-z,540+C(m)*r,T=5e3/z,T))b=i%9>0,j=(i/k+t)%1,z=i/9,r=(b?1e4:8e3)/z,x.fillStyle=R(S(j*9)*z)
u/joeytwiddle

yonatan's 149 redux: for(k=i=2e3;i--;x.fillRect(960+S(m=(k*j&-b)**4)*r-z,540+C(m)*r,s=5e3/z,s))b=i%9>0,j=(i/k+t)%1,z=i/9,r=(b?1e4:8e3)/z,x.fillStyle=R(a=99+S(j*9)*99,a,a)
u/magna

Whoa!
u/lionleaf

#minecraft
u/iverjo

#witchcraft
u/Joachim

#tunnel

dwitter.net | #Tunnel