#so cool tho i never saw this before
quick violet
what ?? i just noticed this LOOL
marble forge
lol
quick violet
between this is great i did not know you can do so much with the git graph
marble forge
made a thread cus im spamming
ahha
yeah they give you the data. i am actually using fake data at the moment
just playing around with it
quick violet
we are used to spammers no worries eheh
quick violet
yeah they give you the data. i am actually using fake data at the moment
was this you were working this week?
marble forge
if i make somethign i like ill hook it up to github but idk. i feel like it's a great idea but the execution is gonna be so hard to master
no i was working on work stuff
and i did some of the backend for my portfolio but not this threejs stuff that was today
quick violet
no i was working on work stuff
no like me doing frog all yesterday 😂
marble forge
hahaha
awesome!
maybe if it was a small component it might work. just in the corner
on that note i know a really cool portfolio, one mo!
https://www.joshwcomeau.com/ if you hover near the person in the corner
omg i think he's using a similar technique and i didn't realise it
yes i think so!! <canvas data-enable-interactive-features="true" width="1406.25" height="731.25" class="cq0g9op" style="width: 1000px; height: 520px;"></canvas>
marble forge
literally just geometry that follows the mouse cursor and changes angle based on it. not as complicated as i thought now i understand how it works
yeah!
quick violet
HOW the hell did he do that!
marble forge
lol
quick violet
sowry
marble forge
rendering a bunch of rods that face you, so they look like dots, then it follows the mouse and the angle changes
and then they become lines
marble forge
threejs! i hope this is the future for websites lol
he's executed it EXTREMELY well because it's not overpowering
quick violet
i would no able to do that 😵💫
marble forge
like you wouldn't know it's there until you mouseover
quick violet
ik yeah!
marble forge
something to keep in mind for design one day though
as long as the developer understands the concept you're trying to portray, the animation doesn't have to be perfect
but ya don't feel bad if you can't design things like that. it's really rare people can. he is exceptional i think haha
omg maybe that's how i do it
vertical view so it looks identical to the github graph!!
then when you scroll you see it's 3d
quick violet
marble forge
yess!!
quick violet
also the perimeter is a band where the lines turns within
quick violet
must be a method
marble forge
omg i really like this view
quick violet
the more i look at it the more i think is not that difficult how it looks like yeah
marble forge
what do you think of it?
yeah!
this is simple, 0 pixel height. you scroll, height rapidly grows. camera angle is top down
really simple calculation
quick violet
uhmm yeah
i take time to understand yeah... but eventually i get there 🙈
ok
need to get back to the frogs now
keep me posted
marble forge
ahha yesss
marble forge
i take time to understand yeah... but eventually i get there 🙈
took me a while too
marble forge
quick violet
niiiiiceeeee!!!
aahaaha
they follow the cursoor!!!
can you make them move on lateral view as well?
quick violet
aaahhh cool!!!
its really fun!!
make me wanna try it
interact with it
nice work!
marble forge
thanks : D
i've started to hate it lol. i might keep the code and blog it or something
marble forge
yes threejs
you can't easily do that in css i think
posssssssssssssibly can but hmm it would be a nightmare
actually i can think of a way but it would be a pain in the butt lol
balmy spear
it'd be easier than you're anticipating
except for the distance calculation obviously
that could probably still be done with a crazy application of sibling selectors
marble forge
i have done 3d stuff in the past