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

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/23876 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󨼮󭽩󩍴󪍼󟝳󟝧󟝪󟜰󞼫󚽪󟌸󞼩󩭯󬬨󭼽󪜽󝍥󜼬󬜽󪬭󜬬󮌮󩭩󫍬󤽴󮝬󩜽󤬨󭬽󬜿󞜹󛝪󚬱󝜺󭼬󭬬󭬩󛍤󟝪󚬹󞜫󭌪󜬰󚭱󚬪󜭼󜌻󪜭󛜻󮌮󩭩󫍬󤭥󨽴󚍩󚭪󛍱󟽪󟬱󟼲󝜰󚽧󚬲󚽪󚭪󚬱󝬺󜌺󬬪󜜵󛍪󛍱󟽷󞬲󚜩󩼫󟝳󟜨󬬽󚼫󩌪󚬱󛬳󚬱󩜹󙜴󜌩󟌴󟽲󛜲󞭳󛝧󛼲󩜳`.replace(/u../g,'')))

Sep 20 2021 2:50 AM UTC

}// 139/140

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

Parallax Mountains ⛰️

Show more comments…
u/KilledByAPixel

These are non-repeating mountain ranges, using a similar formula used in my #JS13k game Space Huggers
u/rep_movsd

#parallax #landscape
u/rodrigo.siqueira

The first game where I saw this effect was in Moon Patrol, I liked it a lot, it was great and also had a great music. I think it would not be difficult to recreate Moon Patrol from this Dweet.
u/andrea270872

moon patrol ate so many of my coins!! :D
u/tomxor

Pretty sure I first saw the effect in StarRay (Atari ST), I think I enjoyed the music more than the gameplay, no coins though :P
u/vain

Very cool and smooth paralax landscape

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

pavel

remix of d/23223 by u/rep_movsd

function u(t) {

for(k=c.width|=0;j=--k>>5;x.fillRect(960-((2*t+j*j)%z*2-z)*s,1080,s,j%6*-s-99))z=9+j/2,s=2e3/(z+k%32/42),x.fillStyle=R(a=s-k%32*3,a,a)

Jun 25 2021 10:53 PM UTC

}// 134/140

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

u/rep_movsd

Clever drawing different Z in different colors so there is no need to draw a border
u/katkip

#parallax

show FPS hide FPS share 1 remix fullscreen

rep_movsd

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪁼👱🐱𝐰𒡋👆🐾𚁃𚁩𚡩𚐫𜠩𚡆𒡦𫱲𚁂🐴𞱂𛐭𞰩𩡯𬠨𪠽𜠰𛁰🐹𝠰𛁚👂𚰲𞱪𛐭𞱚𛐽𜐯𬐩𩡯𬠨𣰽𪠿𜐺𝐬𦀽𛑴𚡰𛁩👱𞱩𛐭𞱘𚰽𥰫𢰨𬐩𚑈👋𚁰𛰲𚐬𥰽𢰨𬐩𛁸𛡦𪑬𫁓𭁹𫁥👒𚁍👏𚠴𜀬𣐬𣐩𛁸𛡦𪑬𫁒𩑣𭀨𬀫𦀯𦠫𣰬𬀬𥰯𦠭𣰪𜠬𛑈𛱚𚱏𚐻`.replace(/u../g,'')))

Jun 24 2021 10:32 PM UTC

}// 140/140

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

Parallax Buildings #3d #scroller

Show more comments…
u/taupelink

cool!
u/donbright

:)
u/rep_movsd

I made a mistake of repeating the same sequence in each layer.
u/DataMeta

nice one! didn't notice that until you mentioned it ;)
u/aleamb

amazing!
u/katkip

#parallax

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

rep_movsd

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑻𨐽𝠵𝐳𝰬𨠽𜐵𜀬𮠽𬐽🡦𪑬𫁓𭁹𫁥👱𒡺𨀣𩐷𝡠𒡸𛡦👦𪑬𫁒𩑣𭀊𩠨𪐽𜐬𜀬𭰽𜡥𜰬𪀽𭰩𒡺𨀣𜀰𜀱𨀊𭱨𪑬𩐨𚰫𪐼𝠩𩡯𬠨𦐽𤱛𪑝🰿𨠬𢠽𠱛𪑝🰿𪐬𦀽𜐻𚰫𦀼𭰻𦁞𪑼𯀨𤱛𪑝👙𛁃𦱩𧐽𢠩𛁙𚰽𞀪𢠯𨐭𝀬𢠽𢠪𨠥𨐩𩠨𦀬𦐫𪐪𨠬𝠬𪀩𯐻`.replace(/u../g,'')))

Aug 29 2020 10:58 PM UTC

}// 138/140

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

Dusky mountains

u/rep_movsd

#landscape #scroller #parallax

show FPS hide FPS share 3 remixes fullscreen

KilledByAPixel

remix of d/15354 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𩡯𬠨𪰽𜀻𪰼𝰶𞀻𮀮𩡩𫁬𤡥𨱴𚁩𚠲𜀬𪠿𪠭𝀿𥀪𪠫𥀪𠰨𬐯𞐩𛱪𚰵𞐪𠰨𬐯𝀩𛱪𞡔𚡪𛐴𜀰𚰳𞐪𚁓𚁱𚐪𚠴𚐫𜰹𞐪𚁓𚁱𛰳𜠩🀮𝰩𞠰𛁔🐱𝀳𛁪𛐴🰲𩐳𞠱𩐳𚰷𞐹𚡃𚁱𛰱𝠩𛁸𛡦𪑬𫁓𭁹𫁥👒𚁪𚡔𙐲𜐴𛁪𚠽𜠵𛁔𛑪𚐩𚑩👫🠾𜰬𪠽𪰫𚰥𞀬𬐽𪐫𭀪𪠪𚠳𯀰`.replace(/u../g,'')))

Jan 24 2020 8: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).

Old #Castle Drive

u/Xen

nice! #Parallax
u/katkip

woww
u/katkip

#genius #compressed
u/sigveseb

fantastic!
u/lionleaf

Insane!

dwitter.net | #parallax