top of page

Space Drive

  • Betty
  • May 13, 2020
  • 1 min read

Updated: Feb 3, 2023

Overview

A combination of two Code Pens to create an infinite "Space Drive" through space.


Role: Programmer, Designer

Date: April 2020


Behind the Screen

This was an assignment for my Web Design class which required students to update one or more Code Pen projects.


The Vision

I have always been interested in how games work and how they are programmed. Therefore, I wanted to pick something that was interactive and resembled a game.

I also combined it with some cool designs I also found on Code Pen.


The Development

I used HTML, CSS, and JavaScript to create it along with a JPG background.


The Final Product

I played around with the source code from two Code Pen projects; I changed the design to fit my space theme. I also made sure to give credit to the projects at the bottom.

Before (the Code Pens) :


After:


Image with a space background and an animated moon smiling on the left side. The text on the image says: Space Drive. In the center of the image there is an animated car and road. The car is in first person view so you only see the back part of the car. There is an animated speedometer with no numbers on the right side.


The Takeaway

I have learned more about how to take in user controls as input and will most likely try to make something similar on my own that take in points and deducts them.

 
 
 

Recent Posts

See All

Comments


© 2023 by Graphic Design Porfolio. Proudly created with Wix.com

bottom of page