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

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/23062 by u/KilledByAPixel

function u(t) {

for(w=c.width&=j=10368;j;T+=9)(a=j%w/64*T-T+t*9&t*30-j/8e3*T-T|T)%w>T||x.fillRect(j%w,--j>>7,1,1,x.fillStyle=R(v=T*4-w,S(v)*v,w-C(a)*v),T=1)

Jun 8 2021 9:06 PM UTC

}// 140/140

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

Fractal Fences

u/UEZ

#parallax #scrolling
u/vain

cool fx

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

for(i=2e3,c.width=w=60;i--;)x.fillRect(X=i%w,Y=i/w|0,1,T(Y|X+t*w*Y/9)/9)

Mar 13 2021 6:11 AM UTC

}// 72/140

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

Express Train Past Factories 🚄🏭

u/tomxor

I like it. Reminds me of your castle #parallax d/17367
u/KilledByAPixel

Thanks! This one turned out interesting for how simple it is.

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

DataMeta

function u(t) {

c.style.filter=`invert(`
with(x)for(c.width|=i=384;i--;)a=192/(i*3),x.fillRect(1920*(T(i)+a*t)%3e3,540+540*S(a*2e3),a*6<12?d=a*6:d=0,d)

Feb 6 2021 3:01 AM UTC

}// 135/140

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

flying among the #stars

u/cantelope

#starfield #parallax
u/New_Core

...(the with(x) dont do anything here.. )
u/New_Core

but I totaly understand.. I forget to remove stuff all the time.. ;) ..well done else
u/Qwitter

U="🛸";c.style.filter=invert( with(x)for(c.width|=i=384;i--;x.font="99px A",fillText(U,p=540,p+S(7*t)*p/2))a=192/(i*3),x.fillRect(1920*(T(i)+a*t)%3e3,540+540*S(a*2e3),a*6<12?d=a*6:d=0,d)
u/DataMeta

haha yes, I was mucking about with arcs to start :) thanks

show FPS hide FPS share fullscreen

Joachim

function u(t) {

eval( unescape(escape`󮬽󨼮󭽩󩍴󪌽󜼰󜌊󫽮󫝯󭝳󩝭󫽶󩜽󩜽󟭘󟝥󛭸󒭸󛭧󫍯󨭡󫍁󫍰󪍡󟜮󝼊󩭯󬬨󪜽󭼽󞜹󞜻󪜭󛜻󚝸󦽦󟜧󩭩󫍬󤭥󨽴󙽝󚍩󚬹󛜹󛝘󛼲󛌱󝼰󛌹󛍡󟜭󜼰󛜴󜌥󤼨󪜩󚬴󜌩󛌊󮍛󩭝󚍩󚬹󛜹󛝘󛌱󝼰󛌹󛍡󚼱󝜩󒭦󫽲󚍩󟝷󞽩󛜭󞼩󮍛󩭝󚍩󛝘󛽃󚍓󚍺󚼫󚜩󛍴󙝔󚍩󚜪󞜹󛌱󛌱󚜻`.replace(/u../g,'')))

Sep 19 2021 8:03 AM UTC

}// 140/140

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

Hover mouse over iframe #interactive

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

show FPS hide FPS share fullscreen

icecuber

function u(t) {

w=c.width=299;for(i=2691;i--;)x.fillStyle=R(0,2e5/i),k=2e5+i+t/(0|i/w)*99,y=49+C(k/19)*5+S(k)+C(k/23)*9+S(k/7)*7,x.fillRect(i%w,y*2e3/i,1,w)

Feb 22 2016 1: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).

u/Jezza

This is great!
u/joeytwiddle

#parallax #landscape #scenery #hills

show FPS hide FPS share 1 remix fullscreen

iverjo

function u(t) {

c.width=2e3;for(i=4e3;i--;)s=149/(i*3+199),q=s*99,x.fillRect(2e3*(T(i/9)+s*t)%2100-q,540+540*S(s*2e3),q,q)

Feb 21 2016 8:49 PM UTC

}// 106/140

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

Try this in full screen. Move your head close to the screen and focus on one of small, slow-moving dots. It probably feel like you are moving sideways.

u/iverjo

You brain might also trick you into believing that the smallest dots are moving right
u/iverjo

I mean left
u/aemkei

down to 87 bytes: https://www.dwitter.net/d/2180
u/iverjo

#parallax

show FPS hide FPS share 1 remix fullscreen

andrea270872

function u(t) {

f=(X,Y,a)=>{for(i=1;i<10;i+=.2){K=5*(10-i);x.fillRect(X+(250-a.x)/i-K,Y+(180-a.y)/i-K,2*K,2*K)}}
onmousemove=e=>f(800,450,e,c.width|=0)

Jan 30 2021 6:46 PM UTC

}// 135/140

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

mouse-controlled tower with parallax #interactive #parallax

u/katkip

nice
u/tomxor

nice
u/andrea270872

Thanks :) I wanted to have 2 towers but I ran out of characters :D
u/danny@hille.dk

cool

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

dwitter.net | #parallax