Assassin’s Creed Origins: Panoramics
Web
The beautiful world of Assassin’s Creed: Origins - in Panoramics.
Ancient Egypt is my favourite period of history and my love for landscape photography got the best of me when playing this game.
The beautiful world of Assassin’s Creed: Origins - in Panoramics.
Ancient Egypt is my favourite period of history and my love for landscape photography got the best of me when playing this game.
The team over at Ubisoft did a sensational job of recreating 49 BC Egypt. It was amazing being able to explore the ancient ruins now lost to the sands of time. I love that they included a photo mode with the game and I have to admit I spent far more time taking photos than actually playing the game.
I wrote a full article about the website I created where I go into more detail about the panoramics too, you can read it here: Read Medium article
To host all of the panoramics I took in game I created a website which, creatively, was inspired by the official Assassin’s Creed: Origins website’s art direction.
It made sense to try and match their website style so it felt like the photos truly belonged within the world created by the team of Assassin’s Creed: Origins. All credit of course goes to Ubisoft and the brilliant team behind the official website’s original artwork and style which inspired me to create this website.
This was a really fun side project and I wanted to challenge myself to see if I could recreate the animations used throughout the official website by myself.
After a fair few hours I’m happy to say I finally figured out how to animate all the animations I wanted to use.
I animated the corner lines, logo fade in, as well as the hover animations on the cards (which proved very tricky, read more about it below).
There are also some animations of sand continuously sweeping across the entire page which might be hard to see in the gif so please make sure to check out the actual site!
This section was really challenging, both in terms of layout and the hover animations.
In reality you can’t have divs that are hexagonal in shape, so these are actually all square with the images within then carefully overlapped.
This solution makes the hover triggers a bit tricky as where the invisible square edges of divs overlap it stops you from interacting with parts of some of the shapes. However they still work really well.
It was a fun challenge that I spent probably far too long on.
“Man your site is so cool. I just sent the site to the whole Ubisoft team, hope it won't explode! I am really happy to see that our world inspires players in a creative way!”
My website was featured on the Ubisoft YouTube channel.
The video should play at the correct time mentioned: 6 minutes in.
Below are some of the panoramics i created using the photo mode in Assassin's Creed Origins and stitched together using other software. View more here
"I worked on this game. I have the code in my editor right now. I've spent weeks of my life flying around with the eagle and I STILL can't believe how good these look."
Creating the panoramics website was a really fun side project and seeing how well they were received by gamers as well as the actual creators of the game at Ubisoft was awesome.