#lmk some feedbacks & bugs if ther are any. Tryn...

1 messages · Page 1 of 1 (latest)

ashen lanternBOT
#

Thread automatically created, you can use it to discuss about the project!

topaz mural
#

You win

#

my only complaint is that it is kind of laggy

#

and when it lags, it ruins the scroll animations

modest cobalt
#

Im in iphone nothing lags

#

Maybe it does lag on small end devices

topaz mural
#

yeah ↑

modest cobalt
#

But its just portfolio doesn’t matter that much

topaz mural
#

yeah

modest cobalt
#

Great work at age of 17

#

blob_hyper keep it up

mild vault
#

looks awesome, as a 17 year old, I am impressed. Maybe reduce the scroll time if possible.

#

oh and maybe showcase your projects, could also be lost and missed them.

#

Could you tell what package you used for the progressive scroll effect?

dusk parrot
#

whenever it does scale() for svg it buggy af

dusk parrot
dusk parrot
dusk parrot
dusk parrot
mild vault
dusk parrot
#

makes it hard to adjust stuff tbh

#

should've done some research

#

its like this

# 
export default function LivingInTianjin ({...props}) {

    const {scrollY, windowHeight} = useContext(ScrollContext)

    return <>
        <div className={styles.primalContainer}{...props}  style={{
            opacity: scrollY > 7.7 * windowHeight ? 0 : (scrollY - windowHeight * 6.5 + windowHeight) / 100,
            transition: '0.05s ease-out',
        }}>
            <TianjinLineArt farness={(scrollY - 6.5 * windowHeight) / 1000}/>
            <Caption style={{
                transform: `translateY(${-1 * Math.min((scrollY - 7 * windowHeight), 0)}px)`,
            }} title={"TIANJIN, CHINA"} subtitle={"Tianjin was my new home. It was a bright and bustling city that truly never slept."}/>
        </div>
        <div className={styles.scrollContainer}/>
    </>
}
mild vault
#

btw, a cool animation would be the plane flying around the earth on scroll

dusk parrot
#

after some more polishing hoping to sub 4 awwwards lol

mild vault
dusk parrot
#

but yeah i should've made it a little more modular than hardcoding the rel scroll values

topaz mural
dusk parrot
#

yeah how i coded it is criminal LOL using *windowheight

proven silo
#

how is the window height mapped to svg movements?

upper lotus
#

Where's your work/projects?

dusk parrot
dusk parrot
#

hard to explain but you can see how it is made here

dusk parrot
upper lotus
dusk parrot
upper lotus
#

ah ok.