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
 
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
 
lepinekong profile image
lepinekong

I like 3D must learn it ;)

Collapse
 
chrisgreening profile image
Chris Greening

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

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
 
parth_codes profile image
Parth Bhardwaj

It's amazing ! Great work :D

Collapse
 
chrisgreening profile image
Chris Greening

Thank you so much Parth!

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
 
marco23 profile image
Rishov Saha

Really cool stuff

Collapse
 
chrisgreening profile image
Chris Greening

Thank you so much Rishov 😄

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
 
chrisgreening profile image
Chris Greening

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

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
 
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
 
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