Justin Yu Student and Researcher Resume

🔙 to Projects

Bezier Rider

🗓 March—April 2015

Project Link: https://github.com/justinvyu/bezierrider

Technologies Used

Objective C, SpriteKit

Screenshots

...
Home Screen 🏡

The Bezier curve here is drawn using a UIBezierPath!

...
Playground 🏀

Plot a Bezier curve by tapping 3 or 4 points on the screen. 3 points will create a quadratic Bezier curve, and 4 points will create a cubic curve.

...
Reach the Goal! 🏁

After plotting the points, click play to turn those bezier curves into platforms for the ball to roll on... to the goal!

...
Challenging Levels 🤯

Turn on gravity and watch the platforms appear! Look out for moving platforms to time your run.

Summary

This is a game I created for my final project in math class in 9th grade!

The topic I chose to study was Bezier Curves, which are interpolated curves used in lots of applications, primarily computer graphics. The main idea behind generating Bezier curves is producing a (weighted) linear combination a set of basis functions. Four points will uniquely define a family of cubic Bezier curves, but not because the curve will go through these four points, but because the linear combination weightings for each point can be changed in such a way to produce a bunch of possible curves, bounded by these four points. Take a look at this article if you want to learn more: https://pomax.github.io/bezierinfo/.

As for the game itself, I thought a little interactivity would spice up my final presentation. I modeled it after “line rider” type of games like this one, but instead of just drawing a line with your hand, you plot points to create Bezier curves! The curves do not appear as you plot the points, but rather when the Play button is pressed. At that point, all curves become platforms, and gravity starts affecting the red ball. If the red ball leaves the bounds of the screen, then the scene resets and you can try again. The goal is to reach the black target at the other side of the screen using as few curves as possible.