3D Photo Gallery

It’s my 1 year anniversary with my girlfriend, and I wanted to gift her a cool present. After some thought, I decided to create a 3d photo gallery of us for her to view online. It basically serves as a cool digital scrapbook. Here’s how I made it.

Basic Steps

Note: if you aren’t familiar with Unity and want to do this project, I’d recommend using your favorite AI to help in conjunction with this guide. I used Unity’s WebGL capabilities.

- I started by moving all the photos I wanted into the Unity project I created. Next, I dragged all my photos into my scene.

- After that, I set all the z values of my photos to be further and further away in my scene.

- I wrote a simple script to place them, but for some reason Unity was skipping values (must be a Unity bug), so instead I manually moved my GameObjects to the right places. Then, I wrote and gave all my image GameObjects this script:

I had to play around with the values. But the numbers I used are what worked for me and my amount of photos.

- Lastly, I tested it by hitting play and then building the project.

From there I deployed my Unity web project onto a subdomain, but it can also be deployed to github pages as I’ve done here. I disabled the compression method in the publishing settings to get things to work immediately. To run this website locally, you can type python3 -m http.server. If you are so inclined, you can mess with the built files if you don’t like the automatically generated Unity UI to change how things look.

End

Anyways, this was a fun and chill project, and my girlfriend was super happy with the results. You can find the full code here!

- Marius