DEV Community

Cover image for I built an interactive 3D photo display with JavaScript

I built an interactive 3D photo display with JavaScript

Chris Greening on June 27, 2021

I am a sucker for interactive websites. The developer portfolios that have stuck with me have always been the ones with bold designs and animation...
Collapse
 
larsejaas profile image
Lars Ejaas •

Wow! That's really cool! Never really got around to learning Three.js - I always tend to get amazed of the level of cool stuff you can create with it!! I have my own portfolio at larsejaas.com/en/ - although it doesn't have anything this cool 😂

Collapse
 
chrisgreening profile image
Chris Greening •

YES this is exactly the type of portfolio I love seeing; fantastic job Lars!!!

Absolutely love the floating phone animation - something like this is on my agenda of things to learn how to do

Collapse
 
larsejaas profile image
Lars Ejaas •

Ahh - glad you liked it! It's actually a couple of years old - I have burried myself in webdevelopment stuff like React, Typescript and Headless WordPress lately.

I actually feel I need to do something more on the creative side soon again! I have made the animation using GSAP and drawing the phone in InkScape - GSAP is nice! Although I feel it's a bit troublesome to work with in React at times!

Thread Thread
 
chrisgreening profile image
Chris Greening •

Awesome! I really gotta pick up React or Vue or something - I don't know any frontend frameworks/libraries aside from working knowledge of jQuery 😬 endless list of things I wanna learn just not enough time lmao

Collapse
 
codeitout_ profile image
Codeitout •

It's awesome

Collapse
 
chrisgreening profile image
Chris Greening •

thank you Namita!!! 🙌

Collapse
 
marianpirvan profile image
marianpirvan •

It's love it, for me look like in SC diration, you wanna shared code for this?

Collapse
 
chrisgreening profile image
Chris Greening •

Thank you!

I will share it open source sometime soon 😄

Collapse
 
lepinekong profile image
lepinekong •

I like 3D must learn it ;)

Collapse
 
bennyboy_jp profile image
bennyBoy_JP •

Great work Chris! It looks awesome and is a very cool concept for photographs.

Collapse
 
chrisgreening profile image
Chris Greening •

Ayy thanks so much my friend!!

Collapse
 
garimasharma profile image
Garima •

This is so cool ! ✨

Collapse
 
chrisgreening profile image
Chris Greening •

Hey Garima, thanks so much 😄 it means a lot!!

Collapse
 
chrisgreening profile image
Chris Greening •

As always your support means the world Beckett, thank you!

Collapse
 
parth_codes profile image
Parth Bhardwaj •

It's amazing ! Great work :D

Collapse
 
chrisgreening profile image
Chris Greening •

Thank you so much Parth!

Collapse
 
marco23 profile image
Rishov Saha •

Really cool stuff

Collapse
 
chrisgreening profile image
Chris Greening •

Thank you so much Rishov 😄

Collapse
 
vaibhavkhulbe profile image
Vaibhav Khulbe •

Crazy and amazing! Great work 🔥

Collapse
 
chrisgreening profile image
Chris Greening •

Thank you my friend!!!! Appreciate the feedback :D

Collapse
 
chrisgreening profile image
Chris Greening •

Let's connect on LinkedIn or Twitter!
LinkedIn: linkedin.com/in/chris-greening-dev/
Twitter: twitter.com/ChrisGreening

Collapse
 
sachindahal profile image
Sachin Dahal •

Chris Bro!
It's really amazing. You've done this with a cool concept

Collapse
 
chrisgreening profile image
Chris Greening •

Ayy bro thanks so much!!!

Collapse
 
devfranpr profile image
DevFranPR •

Wow this is amazing :O

Collapse
 
chrisgreening profile image
Chris Greening •

Ayy thanks so much my friend, glad you appreciate! :D

Collapse
 
charliebrickman75 profile image
Chuck Brickman •

Your photography project was badass

Collapse
 
chrisgreening profile image
Chris Greening •

Hey Chuck, thanks so much for the feedback! Really appreciate you taking the time to check it out :D