Play my game! :)

PROJECTS

Project 1: Figma Plugin (DEVIZ)

Deviz was an early version of a more recent project (Decode). It was a figma plugin, which is constructed essentially the same as a chrome extension (with a manifest, and primarily in css, html, and js). For the early version of the project I constructed a prototype that simulated the 3 primary forms of color blindness by extracting a specific color from the color of the highlighted text or box element in figma. the amount of that color extracted (using rgb values after accessing the current rgb value of each selected item) would be desided depending on the entinsity or "severity" of colorblindness experienced by the expected audience. this is a feature added to take into account the fact that, like many neurological and problems, colorblindness is a spectrum.

Below are a couple of videos that show the plugin in action. In terms of UI/UX, I stuck to a simple layout for ease of use and access.

This same feature is used for the color blindness simulation. THe higher the severity slider is (from 0, to 1), the faster the simulation runs; making it harder and harder to read the text on the screen. This simulation only works for letters and has a limit to how many can be selected at a time in respect to proformance in figma. this works by taking all of the letters selected, seperating them by spaces into words, and shuffling each word in intervals so a few letters are moved a random number of spaces at a time. the intervals are reduced in respect to the slider's current position. I intended to add another feature for blurry vision, and more even for sever blindness problems. However I only had about a week or two to work on this at the time so I was unable to add much more functionality to this prototype as we decided to move to a chrome extensoin instead for accessibility and usefulness directly to those effected (not the designers who use figma, but the users who consume online content in-browser). This takes me on to my next project.

Project 2: Google Chrome Extension (DECODE)

For this project, I added a lot more features, and we changed our focus to web-navigation assistance, so the basic features were not the same. I worked off of the UI and UX provided by our team's UI artest and adjusted the user flow as directed by our UX researcher. Using the UI designs from our artist I made alot of adjustments with the CSS and HTML elements. for the features, many of them I added and adjusted myself as I saw need for them. generally making thingsa easier for the user to do, and adding features the user might expect in any other program of a basic or similar nature. I focused on interactivity and user friendly behaviors. useability is very important to me in anything I develop as it makes it much easier for anyone to use. So I generally tend to make it one of my priorities to make the programs that I develop easy to use. anything I add of great significance to the program generally has more than one ways for a user to do them in the program.

Below you can see a short recording of the extension in use (this is mostly a "trailor" of the extension in action). There are many things that can be done with the extension so I didn't add a longer video in consideration of time but its main fetures are; web-page content adjuistment (changin text font, size, color style, weight, etc.), changing other content (background color, opacity, bightness, and filters for a page), reducing distracting content visibility (hiding images, some ads, and other things like gifs). Additional features include, annotating a web-page, text to speech, saved annotations, log-in options, profile customization such as profile pictures, and more.

Below you can see a few images of the figma mock-ups I worked off of provided by the UI artist working on this project with me. Below each image is an image of the extension's page I put together based on what I was given. Please note; the updated UI look feel, colors etc. were decided as a result of revisions of the original UI, functional considerations and under constraints to meet deadlines during development.

UI / UX examples here

mock-up UI

extension UI

Click the 'view / hide examples' button to see or hide them.

view / hide examples

To download and try the extension yourself, click here!
For more information on the project and our team, click here!

Project 3: Jam Games

These are Games that I have programmed using GdScript(for Godot), or C# (for Unity), and in some cases I have used js for a couple of 3js games. Game jams are events in which one can collaborate or work individually to develop a game within a given time frame. I generally collaberate in teas and focus on either art or programming. the games below are games which I programmed individually. In terms of art, most of their art assets were also produced by me.

If you would like to see some of the video games I programmed, designed, and developed from Art, to tech art etc. view my itch.io page here: https://reggie5328.itch.io/ These games were created for game jams and were adjusted to fit the scope and time alloted for their creation.

Contact

Contact me directly

Hello, world