.png)
10 devlogs
14h 49m 14s
I am gonna add my experiments with webgl and GSAP here which will be served as a showcase, ill try something new everyday!
not been doing much lately because exams are going on currently, but this is what i did today, i am trying to create a card flip effect.
0
Log in to leave a comment
Made this button! but i still havent finalized it yet and i dont even if this is gonna count as an “Effect” because thats a component, and the main idea of this project to do 50 experiments on creating multiple effects. but this is a button still lmk what yall think!
0
Log in to leave a comment
8th Effect: Doneee! It is finally ready! See the video (those cards are empty because i didn’t knew what to put inside those :(
Now gonna work on the 9th Effect yayyyy!
0
Log in to leave a comment
8th Effect in progress…. : This will be a simple cards overlapping scroll effect, see the video! It’s almost ready just need to do some finishing touches and optimizations
0
Log in to leave a comment
7th Effect!!!!!!!!!!! (2 effects in a day!): In this effect, the concept is very simple yet entertaining, in this wherever you click an image pops up and then goes away, really nice for a playful site!
2
Log in to leave a comment
Comments
cool! ^^
@Kajmix Thank you!
6th Effect: This one is a techy loader! For all my linux fans out there!
0
Log in to leave a comment
Effect completed! and also created a repository for the playground, main repository will be added after i complete creating all 50 experiments!
0
Log in to leave a comment
Another effect in progress! gonna finish it tommorow!
0
Log in to leave a comment
Another Effect in! For this experiment, i upgraded the image trail effect i made before (https://bylunar.dev/app/cursor-draw) by adding these things:
-
Inertia & Velocity to each card: adding this was important to make this effect look like you are throwing the images, before it was just spawning hte images based on user’s cursor position but now it also throws it into a that direction with a velocity also!
-
Instead of jsut normal scale up and scale down animation, i added a clip path animation that looks way better!
*Images used are from cosmos.so
0
Log in to leave a comment
Two effects are already created for this project 48 more experiments to go!
1
Log in to leave a comment
Comments
cool effects! keep it up!