feat: implement portfolio redesign#18
Open
EdanStasiuk wants to merge 1 commit into
Open
Conversation
* chore: add landing page assets * chore: update .gitignore * feat: add layer 1 of landing scene * feat: add building layers 2 and 3 * fix: remove extra layer 1 component from scene * feat: add parallax effect * feat: add bird * feat: rework train positioning on window resize * fix: fill missing windows, minor pillar errors * feat: add sun * fix: extend pillars, buildings * feat: make sun arc more arcy, tweak layer 1 descent speed * feat: tweak sun arc * feat: add clouds * feat: split clouds through middle for parallax * feat: decrease sun flicker speed * chore: add flower assets for the branch * chore: add branch assets * feat: add Branch component * chore: remove unnecessary branch and flower assets * feat: pixelate all foreground assets, prevent Bird pixel jittering with meta frames around each bird asset * feat: add another branch frame, tweak cloud positioning, decrease train speed * feat: add more branch assets, minor refactoring of layers zero and four, and the branch component * feat: add all branch animation frames * refactor: add assets with new colours * fix: correct some minor blossom animation mistakes * chore: run npm install * fix: add missing flashing lights for LayerTwo buildings, make lights in layerOne buildings consistent * refactor: optimize LayerTwo and LayerFour for performance and GPU-friendly animations * fix: remove unnecessary flickering in LayerThree * refactor: switch Branch and Bird components to requestAnimationFrame for better performance * fix: correct train scroll speed, refactor layers 1, 2, and 4 - Fixed train horizontal movement speed relative to scroll for smooth animation. - Replaced setTimeout/setInterval flicker logic in layers 1, 2, and 4 with requestAnimationFrame + time-based frame calculations--this should also ideally prevent single image frame drops from occuring when switching back to the portfolio from a different tab. requestAnimationFrame pauses when the tab is hidden, so the issue could still be occuring in theory, but it doesn't seem to be an issue now--hopefully the issue is resolved since requestAnimationFrame is tied to the browser's paint cycle and thus allows the animation to be synched to the display's refresh rate. * refactor: increase frame rate of branch * refactor: make train appearance more random * feat: add vehicles to layer 3 bridge * fix: extend layer 2 building downards to account for small overlooked gap * fix: correct minor building mistakes * refactor: remove layer 1 and 2 light flickering, rename css class Could not figure out how to resolve pixel borders from jittering from browser resizing during animation, so I'm removing the flickering animation in layers 1 and 2 all together. Fuck I hate web development. * feat: add hero, rearrange clouds to balance the scene
EdanStasiuk
force-pushed
the
portfolio-2.0
branch
from
818b276 to
c30d5a7
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Implements the redesign of my portfolio.
Testing
N/A