/Brochure-Video-Game-Website

A brochure website for a video game I designed using the Unreal Engine.

Primary LanguageCSS

Wicka Brochure Site

Live Site

This is a repository for a React Router, node/Express website. The website acts as a brochure and download portal for a video game I designed using the Unreal Engine. The video game is called "Wicka" and features third-person fantasy combat.

The site consists of 4 pages:

  • home
  • grimoire
  • about
  • download

and contains custom spritesheets that I created using Maya, the Unreal Engine, iMovie, and the Python PIL library, as well as other media, such as images and gifs.

The 'home' page features an interactive spritesheet that animates when the user 'mouses-over' it, and blinking monster eyes that are randomly-placed each time the page loads.

The site has a short 'about' page as well as an in-depth, "deep-dive" 'grimoire' page that touches on the various game mechanics of Wicka.

Finally, the 'download' page allows users to download the game to their home computer.

Technologies

These technologies were used in the making of the website:

node.js/Express.js
Heroku
HTML
CSS
React.js
Maya
Unreal Engine
Python PIL library
iMovie

Authors

  • Jamie McCrory

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Future Improvements

Slow-loading media

The site's media sometimes loads slowly, depending on the user's internet connection and remains the focus of future improvements. The 'lazy-loading' of off-screen media may improve performance as well as compressing or resizing the media.

CSS 'grimoire' page

The CSS of the 'grimoire' page, specifically the 'navbar', 'content', and the 'page controls' HTML elements should be changed to better adapt to a changing page height.

Note

This project was bootstrapped with Create React App.