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 fullscreen

danny@hille.dk

remix of d/23599 by u/danny@hille.dk

function u(t) {

c.width=w=92;for(i=6e3;i--;x.fillRect(m,i/w|0,o=((w/(Y*Y+X*X)**.5+t*w*5&w^w*a*2+w+t*w&w))/w,.7/o))a=Math.atan2(X=-.5+(m=i%w)/w,Y=-.4+i/7e3)

Sep 2 2021 3:45 PM UTC

}// 139/140

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

uncompressed tunnel remix

u/tomxor

Interesting an-anisitropic event horizon in the middle :P
u/danny@hille.dk

:P I couldn't fit the code to darken by depth...
u/danny@hille.dk

heres another interesting rendition c.width=w=127;for(i=1e4;i--;x.fillRect(m,i/w|0,o=((w/(Y*Y+X*X)**.5+t*w&w^w*a+w-t/5*w&w))/w,.5/o))a=Math.atan2(X=-.5+(m=i%w)/w,Y=-i/-9e3)
u/danny@hille.dk

#tunnel

show FPS hide FPS share fullscreen

Joachim

function u(t) {

eval(unescape(escape`󘝴󟽰󟝛󧜺󬌮󭝮󬽨󪝦󭌨󮽸󞬹󝬰󚽓󚍴󚜪󞜹󛍹󞬵󝌰󚽃󚍴󚜪󝜰󛍳󞬱󛍣󞭒󚍓󚍴󚬹󚜪󜜵󜌬󥌨󭌪󞜩󚬸󜌬󜌩󯜩󒭦󫽲󚍩󘍯󩬠󬌩󮽩󛭳󟬱󞜹󞜿󬌮󬍯󬌨󚜺󮌮󫍩󫭥󥽩󩍴󪌽󪜮󬼯󞜊󮌮󬽴󬭯󪽥󤽴󮝬󩜽󪜮󨼊󮌮󬽴󬭯󪽥󤭥󨽴󚍩󛭸󛝩󛭳󛼲󛍩󛭹󛝩󛭳󛼲󛍩󛭳󚬽󜜮󜌳󛍩󛭳󚝽`.replace(/u../g,'')))

Aug 24 2021 1:37 PM UTC

}// 140/140

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

#Tunnel Of Power

show FPS hide FPS share 3 remixes fullscreen

danny@hille.dk

function u(t) {

eval(unescape(escape`󭍼󯌨󢜽󫭥󭼠󢝭󨝧󩝄󨝴󨜨󨼮󭽩󩍴󪌽󭼽󜬵󝜬󪌽󜜶󜌩󚜻󩭯󬬨󪜽󭼪󪌻󪜭󛜻󢜮󩍡󭍡󛭳󩝴󚍛󛌬󚍰󚽴󚭷󙭷󧭷󚭡󚬱󛬶󚽷󛝴󚭷󙭷󚜭󬌯󞜬󭽝󛍩󚬴󚜩󨜽󣝡󭍨󛭡󭍡󫬲󚍘󟜭󛬵󚼱󚬨󪜥󭼩󛽷󛍙󟜭󛬴󚼲󚭩󛼱󩜵󚜬󬌽󭼯󚍙󚭙󚽘󚭘󚜪󚬮󝜪󛬵󞽸󛭰󭝴󢝭󨝧󩝄󨝴󨜨󢜬󜌬󜌩`.replace(/u../g,'')))

Aug 19 2021 9:08 PM UTC

}// 140/140

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

Second attempt at an old school tunnel effect

Show more comments…
u/danny@hille.dk

Uncompressed code: t||(I=new ImageData(c.width=w=255,h=160));for(i=w*h;i--;I.data.set([,,(p+t*w&w^w*a*1.6+w-t*w&w)-p/9,w],i*4))a=Math.atan2(X=-.5+1*(i%w)/w,Y=-.4+2*i/1e5),p=w/(Y*Y+X*X)**.5*.5;x.putImageData(I,0,0)
u/danny@hille.dk

#tunnel
u/danny@hille.dk

first attempt: d/23462
u/danny@hille.dk

Javascript garbage collector is struggling, when you create a new ImageData at each run, which results in some nasty stuttering. t||(I=new ImageData... fixes this issue
u/magna

This worked for me: I=x.getImageData(0,0,c.width=w=255,h=160) (no need for t|| check)
u/danny@hille.dk

u/magna while getImageData does not hit the garbage collector quite as hard, it takes about 1.3 times longer to execute, wich amounts to 53 fps, while t||(I=new ImageData... runs at a constant 60 fps (on my old 2014 macbook pro :-))

show FPS hide FPS share fullscreen

danny@hille.dk

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪀽𭰽𜠵𝐻𩡯𬠨𪐽𜀬𩰽𭰪𭰬𬰽𮀮𩱥𭁉𫑡𩱥𡁡𭁡𚀰𛀰𛁷𛁷𚐻𩰭𛐻𚁰👳𛡤𨑴𨐩𦱩𚰽𝁝👷𛰨𝠪𚁘𚡘𚱙𚡙𚐪𚠮𝐫𜰪𦀩𚱴𚡷𙡷𧠨𭰪𨐪𛠹𝐵𚐭𭀪𭰦𭰬𬁛𪐭𜑝👷𚑡👍𨑴𪀮𨑴𨑮𜠨𦀽𛐱𚰲𚠨𩰥𭰩𛱷𛁙🐭𜐫𜠪𩰯𞑥𝀩𞱸𛡰𭑴𢑭𨑧𩑄𨑴𨐨𬰬𜀬𜀩`.replace(/u../g,'')))

Aug 2 2021 6:16 PM UTC

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

Joachim

function u(t) {

eval(unescape(escape`󮬽󨼮󭽩󩍴󪍼󟝴󟼰󞭰󟝛󧜊󬌮󭝮󬽨󪝦󭌨󮽸󞬹󝬰󛝓󚍴󚜪󞜹󛍹󞬵󝌰󛍳󞬱󛍣󞭒󚌰󛍓󚍴󚭺󚜪󞌰󛌰󚝽󚜊󩭯󬬨󪜠󫽦󘍰󚝻󮌮󬽴󬭯󪽥󤽴󮝬󩜽󪜮󨼊󮌮󫍩󫭥󥽩󩍴󪌽󪜮󬼯󞜊󪜮󮌼󜌦󙭰󛭳󬍬󪝣󩜨󪜬󜜩󒭸󛭳󭍲󫽫󩝒󩝣󭌨󫜽󪜮󮌭󪜮󬼯󜬬󫜯󜜮󝜬󪜮󬼪󟜱󛬰󝜬󪜮󬼩󯜻`.replace(/u../g,'')))

Jul 1 2021 9:41 AM UTC

}// 139/140

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

Snake Tunnel

u/Joachim

#tunnel
u/Toby

FFS! How does that work?!

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

for(i=400;i--;x.fillRect(960-(i>200)*5,i%200*6,5,7))x.fillStyle=`hsl(${q=(t*9+i)^i} 99%${q%7>4?50:0}%`
x.drawImage(c,-99,-40,2118,1160)

Apr 9 2021 3:08 AM UTC

}// 135/140

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

Space Odyssey 🚀

u/aleamb

#spaceodyssey #psychedelia #tunnel
u/andrea270872

... it's full of stars :)
u/tomxor

I remember this part, it always makes me fall asleep :P
u/vain

reminds me on tron...

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/21436 by u/taupelink

function u(t) {

for(i=k=540;--i;x.fillRect(k+X*C(Y),k+X*S(Y),w=i/2**t,w))f=i*t,X=f*f%2e3,Y=X*f%6.3,x.fillStyle=`hsl(${h=240+61**S(X/3e3+Y)},80%,${h&X/12}%)`

Mar 31 2021 1:42 PM UTC

}// 140/140

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

d/22314

u/magna

#tunnel

show FPS hide FPS share 1 remix fullscreen

erin

remix of d/19542 by u/IV

function u(t) {

for(w=i=960;i--;)D=S(w*i+t),X=S(D),Y=C(i*i),x.fillRect(w+X/t*w,w/2+Y/t*w,s=99/t,s),x.fillStyle=`hsla(${D*99},99%,50%,1`

Mar 10 2021 7:47 PM UTC

}// 119/140

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

colored tunnel #tunnel

u/danny@hille.dk

Looks realy nice

show FPS hide FPS share fullscreen

Pascal

function u(t) {

for(c.width|=i=360;i--;)w=(i/178)**11,x.fillStyle=`hsl(${i-90*t},99%,${w**.55}%)`,x.fillRect(960-.5*w+20*S(i-90*t),540-.25*w,w,.5*w)

Jan 3 2021 6:25 PM UTC

}// 132/140

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

rainbow #tunnel

show FPS hide FPS share fullscreen

Pascal

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪁼👩🐲𝀻𪐭𛐻𚑸𛡳𭁲𫱫𩑓𭁹𫁥🐢𘰰𜐳𘠬𮀮𩱬𫱢𨑬𠑬𬁨𨐽𛠴𛁪🐨𭀫𛠲𝐪𪐩𙐶𛁸𛡬𪑮𩑗𪑤𭁨🐱𚰱𜀪𪠪𚠲𛁷🐱𞀪𪠪𚠳𛁸𛡳𭁲𫱫𩑒𩑣𭀨𞐶𜀭𛠵𚡷𚰲𜀰𚡃𚁴𚐫𜠵𚡃𚁪𚐪𤰨𭀩𚡃𚀭𜠪𭀩𚡪𛀵𝀰𛐮𜰪𭰫𜐰𜀪𤰨𪠩𚡓𚀮𝐪𭀩𛁷𛀮𝠪𭰩`.replace(/u../g,'')))

Jan 1 2021 8:40 PM UTC

}// 140/140

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

blue rectangle #tunnel

dwitter.net | #tunnel