Main game play area
Main game play area topdown perspective
Software: Unity, Visual Studio Code
Fear Naut stands as an ongoing project in the realm of virtual reality (VR) horror gaming. Set within another world's equivalant of the Bermuda Triangle, Fear Naut places the wheel chair bound player aboard a research vessel embroiled in eerie mysteries.
In its current iteration, Fear Naut remains in the early stages of development, where eforts are devoted to crafting immersive gameplay experiences. The focus of development efforts lies in refining fundamental gameplay mechanics, shaping the atmospheric environment, and cultivating an eerie mood to captivate players.
The future developmental for Fear Naut encompasses a series of strategic milestones. Currently, the project prioritizes the refinement of core gameplay mechanics and refinment of the play space/setting. Following this, a second round of UX/UI testing will be administerd, with the results of this testing guiding future development.
Image sorting code upper half
Image sorting code lower half
Above is some of the code responsible for the image sorting game loop in Fear Naut. In this loop, the player is presented with batches of random images, and they must sort them into different categories. Currently, this loop is in its most basic functional form-images spawn, and in-game buttons correspond to each one. When the correct button is pressed, the image despawns and a new one spawns in.
An initial struggle I had with setting this loop up was timing when image batches appeared, as well as ensuring the spawning and despawning occurred in a consistent manner. Upon discovering IEnumerator and coroutines, I created a much more consistent and effective process. I created two coroutines: one defining the spawning and despawning of images with the delays between the destruction and creation within a "batch." The second coroutine sets a longer delay before another batch of images appears, as well as resets the counter for how many batches have been displayed. I call the two coroutines using an if-else statement that is called when the player presses one of the in game buttons.
This portfolio was independently designed and developed from the ground up using HTML, CSS, and Bootstrap.
Partial code to create the Nav Bar
Partial code of the 'This Portfolio' section
The code above (left) is part of the implementation for my navigation bar. Using Bootstrap, I combined a sticky navbar with a collapsible menu to create a responsive and user-friendly navigation experience. On desktop, the navbar spans the full width of the screen and remains visible as the user scrolls. On mobile, the navbar condenses into a hamburger menu icon that expands to reveal the different sections.
The code above (right) demonstrates how I structured this section of my portfolio. It follows standard HTML conventions, ensuring that the code is clean, easy to read, and simple to modify or navigate.
The primary aim of this project was to employ data visualization techniques to illustrate cosplay trends observed within the Reddit community, as well as within Boise State University's Gaming, Interactive Media, & Mobile (GIMM) program, and within my personal experiences.
Languages Used: HTML, CSS, JavaScript, MySQL
Partial code to create an Interactive circle graph
Interactive circle graph
This section of code plays a key role in the development of one of the more intricate and visually compelling graphs I've created. The graph is designed to illustrate the predominant forms of media being cosplayed on Reddit in an engaging and interactive way. One of the primary challenges I faced in its creation was understanding a complex graphing function and determining the most efficient method for its implementation.
The graph above (right) visualizes data by representing each data point (cosplayer) as a colored circle, grouped by media type. What makes this graph particularly engaging are the two interactive features. First, when a user hovers over a circle, a tooltip appears, displaying the name of the cosplay and the media from which it originates. The second interaction allows users to drag the circles around the graph. While this action doesn't affect the data itself, it adds an element of playfulness as the circles automatically return to their original group when released.