New #parallax 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: #ScaryMovies

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/15236 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𩡯𬠨𪐽𜠱𞐻𪐭𛐻𥀽𨐽🡃𚁪𛰹𛱡𚠨𪐯𪠫𭀪𪠪𚠳𚐩𛱪𚑦𫱲𚁪🐰𞱪🀵𞱸𛡦𪑬𫁒𩑣𭀨𪐪𞐬𪠫𚰿𬐿𜠳𜀪𪠫𜐹𞐪𥀨𜠩𚰹𞐪𥀨𛠹𚐺𞐹𚰲𩐳𚡍𨑴𪀮𨑢𬰨𥀨𜐸𚐩𞠰𛀹𛁱𯁼𥀨𞐩🀭𛠱𞐹🰳𩐳𞠲𜀩𚑱👪𘐽𝀬𮀮𩡩𫁬𤱴𮑬𩐽𪠿𤠨𪠪𝐴𙐷𜠬𬐪𪠪𜠹𚐺𘠣𞑁𡠢`.replace(/u../g,'')))

Aug 3 2019 5:08 AM UTC

}// 140/140

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

Day Drive with Power Lines

u/katkip

Incredible!
u/aleamb

nice!
u/aleamb

#landscape #parallax
u/jylikangas

Cool!
u/magna

Awesome!

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/15228 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𫐽𨐽🡓𚁡𚠨𪐯𪠯𞐫𭀪𪠪𚠳𛰹𚐩𛱪𞱦𫱲𚁩🐲𜐹𞱩𛐭𞰩𩡯𬠨𪠽𜀻𪠼𝐻𮀮𨱬𩑡𬡒𩑣𭀨𪐪𞐬𤰨𪐪𪐩𚠵𜰹𛀲𛀴𚠡𪠬𮀮𩡩𫁬𤡥𨱴𚁩𚠹𛁪𚰫🰲𜠰𚡪𚠪𛠹𚰱𞐹𚡭𚁪𛰲𚐫𞐹𚡭𚁪𚠱𛠳𚐫𜠹𚡭𚀹𚐺𜀬𞐬𜱥𜰩𚐩𮀮𩡩𫁬𤱴𮑬𩐽𤠨𞐫𪠪𞐥𜐵𛁪𚠹𛁪🰹𞠳𞐩`.replace(/u../g,'')))

Aug 2 2019 3:38 AM UTC

}// 140/140

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

Night Train Window V2

show FPS hide FPS share fullscreen

katkip

function u(t) {

c.width*=1;x.font='3cm"';for(i=9;i--;)x.fillText(document.head.innerHTML.substring(99+t,2e3),-Math.abs(C(t*i/9+i)+t)*1000,100+i*120);

May 22 2019 11:42 AM UTC

}// 133/140

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

What does a programmer dream at night?

u/Xen

niice
u/joeytwiddle

#parallax #text

show FPS hide FPS share fullscreen

andrea270872

function u(t) {

c.width|=i=0
with(x)for(;i++<15;fillText("🚗",2e3-i*t*97%2e3,i*70),font=i**.9+"em'")fillRect(0,i**.9*99,2e3,i**.6)

Mar 17 2019 3:39 PM UTC

}// 113/140

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

infinite traffic

u/andrea270872

(after suggestion from #vinca :> )
u/f8f82804

#parallax

show FPS hide FPS share fullscreen

katkip

function u(t) {

// Transferring...








receiveMessage=pauseDemo=0;q="";l=q.length;for(i=616;i--;)q+=C(i+C(t+i/99)*10+t*29)<0?'0':'1'
throw q

Feb 28 2019 2:42 PM UTC

}// 128/140

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

#binary #hax

u/rnbw

oh neat! i tried to do something like this once (never published it) but your execution is really good
u/Ath0r

cool!
u/joeytwiddle

#parallax
u/C010011012

throwing errors for animation? wow clever

show FPS hide FPS share 2 remixes fullscreen

yonatan

remix of d/9341 by u/yonatan

function u(t) {

for(c.width=i=1e3;i--;x.fillRect(S(i)*m+500+S(z)*m+m*S(t),C(i)*m+260+C(z)*m,z,z))m=i/13,x.fillStyle=`hsl(25,19%,${a=50-S(z=i**.5)*19}%`

Aug 23 2018 5:24 AM UTC

}// 135/140

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

u/joeytwiddle

Whoa! So 3D! :D #parallax
u/f8f82804

#shading #d3
u/magna

#sorcery
u/sigveseb

Straight up #witchcraft
u/jylikangas

Best dweet in a long time.
u/joeytwiddle

#organic #model #shell

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

a=c.width=2e3;for(j=15;j--;){q=j*9;for(i=50;i--;)x.lineTo(i*(40+q),(99-j*5)*S(t*j*.5+i)+300+j*60);x.lineTo(0,a);x.lineTo(a*2,a);x.stroke()}

Apr 21 2017 12:08 PM UTC

}// 139/140

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

a quick paralx idea, ofcourse would been nicer filled in colors ;) wonder if it can be shorten enough for that.

u/donbright

remix https://www.dwitter.net/d/2547
u/lionleaf

Reminds me of https://www.dwitter.net/d/113
u/joeytwiddle

More sine waves here https://www.dwitter.net/d/1509 ;)
u/13thptr

#parallax

show FPS hide FPS share 1 remix fullscreen

Jenky

function u(t) {

w=c.width|=0
for(i=0;++i<99;)z=50+~~(i**2/80),x.font=z+`px a`,x.fillText(['🌲','🌳'][i%2],(S(i)*w+t*z*4)%(w+z)-z,z*5)

Mar 31 2017 11:58 AM UTC

}// 115/140

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

Trees to go along with https://www.dwitter.net/d/2352 :D

Show more comments…
u/Jenky

I challenge someone to combine the two, golfing that is gonna be a doozy
u/z3vin

i love this can you explain: z=50+~~(i**2/80), specifically ~~ and **
u/nonce

~~ is Math.floor() and ** is Math.pow(), I do not understand why you need to floor? Why do you need an integer z? Also i*i is 1 char shorter than i**2 so you could shorten it to: z=50+i*i/80 am I missing something?
u/nonce

FWIW you can have a non integer font size
u/nonce

Golfed a bit, removed the pines (they are evergreen) and added a season: https://www.dwitter.net/d/2361 (autumn)
u/Jenky

Totally missed that, and didn't realise fonts could have floating px. Nice remix, too :D
u/sfz

floating px makes the rendering much slower but it's doable with a reasonable amount of entities
u/nonce

@sfz what about floating em? What is the perf like for that?
u/aemkei

Nice one! Really love the style.
u/aemkei

You can save ~9 bytes:
u/aemkei

for(w=c.width|=i=0;++i<99;)z=50+(i**2/80),x.font=z+px a,x.fillText(i%2?'🌲':'🌳',(i**7+t*z*4)%(w+z)-z,z*5)
u/tapgiles

Very nice!
u/Polyducks

omg haha are these emoji!? That's so smart!!!
u/joeytwiddle

#landscape #parallax #trees
u/micahcowan

#emoji
u/katkip

#perspective

show FPS hide FPS share fullscreen

mxfh

remix of d/2184 by u/mxfh

function u(t) {

for(w=540,i=W=4*w;i;x.beginPath(),x.arc(W*(T(i)+s*t/3)%W,i?w+w*S(r=s*W):w,i?s*9:W,0,6),x.fillStyle=R(i,i,r%i,i?1:.1),x.fill())s=w/(i--*3+w)

Mar 18 2017 4:36 PM UTC

}// 139/140

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

u/sfz

great idea and execution 💯💯💯
u/donbright

excelllent work
u/iverjo

#parallax #stars
u/mxfh

arc
u/mxfh

#arc

show FPS hide FPS share 1 remix fullscreen

mxfh

remix of d/2180 by u/aemkei

function u(t) {

for(i=W=c.width=2e3;i--;x.beginPath(),x.arc(W*(T(i/9)+s*t)%W,540+540*S(s*W),s*30,0,7),x.fill())s=149/(i*3+199)

Mar 18 2017 3:05 AM UTC

}// 110/140

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

arc all the things

u/iverjo

#parallax #dots
u/mxfh

#arc

dwitter.net | #parallax