-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbeetbeats.html
117 lines (108 loc) · 8.22 KB
/
beetbeats.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>
<title>Cameron Russo's Portfolio!</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Portfolio for Game Designer and Developer Cameron Russo">
<meta name="author" content="Cameron Russo">
<link rel="shortcut icon" href="assets/images/blueflameguyScaledUp.png">
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<!-- Global CSS -->
<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
<!-- Plugins CSS -->
<link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.css">
<!-- github acitivity css -->
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/octicons/2.0.2/octicons.min.css">
<link rel="stylesheet" href="http://caseyscarborough.github.io/github-activity/github-activity-0.1.0.min.css">
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- ******HEADER****** -->
<header class="header">
<div class="container">
<img class="profile-image img-responsive pull-left" src="assets/images/blueflameguyScaledUp.png"
width="180"
height="180" alt="Cameron Russo" />
<div class="profile-content pull-left">
<h1 class="name">Cameron Russo</h1>
<h2 class="desc">Game Designer/Developer</h2>
<ul class="social list-inline">
<li><a href="https://www.linkedin.com/in/cfrusso18"><i class="fa fa-linkedin"></i></a></li>
<li><a href="https://www.github.com/cfrusso18"><i class="fa fa-github-alt"></i></a></li>
</ul>
<span class="label label-theme"><a href=index.html style="color: white;">Return Home</a></span></h3>
</div><!--//profile-->
</div><!--//container-->
</header><!--//header-->
<div class="container sections-wrapper">
<div class="row">
<div class="primary col-md-8 col-sm-12 col-xs-12">
<section class="about section">
<div class="section-inner">
<h2 class="heading">Beet Beats</h2>
<div class="content">
<h4 class="title">Game Summary</h4>
<p><i>Beet Beats</i> is a rhythm game made in Unity 2D for Global Game Jam 2023. The jam's theme was "roots," so we interpreted that as
root vegetables, where you play as an anthropomorphized beet on his way to make some homemade soup. The gameplay involves 3 different
gameplay sections each with its own set of mechanics. The first section is a typical 3-lane rhythm game where you pick the vegetables to the
beat. The second section has you prepping the vegetables, and you must utilize yout knife and peeler to prep each vegetable according to the
pattern shown on the vegetable. The third and final stage has you stirring the soup, where you have to press buttons as they show up on the circle.
Afterwards, you're given a score based on how well you performed!
</p>
</div><!--//content-->
<div class="content"></div>
<h4 class="title">My Roles and Contributions</h4>
<p>
For this game, I worked on design and programming. <br>
The design for this was primarily informed by the title, which I had come up with just naming root vegetables. From there, we kind of figured that
the simpler we made the mechanics the better off we'd be, and we could have a few Rhythm Heaven inspired stages that would give the game more variety
and replayability. As far as programming was concerned, I primarily worked on the 2nd stage as well as the general structure for the Game Manager and
hit detection for notes. I also was responsible for coding much of the UI. My final responsibility was to stitch together the trailer for the game, which
is admittedly not the best trailer ever made, but it is certainly a trailer!
</p>
<h4 class="title">Production and Challenges</h4>
<p>
For this jam I worked with a pretty small team of 5 people, and only two of us were programmers. Additionally, as a member of the board for Northeastern University
Game Development Club, I was one of the site organizers for 2023's jam in Boston, which we just so happened to be one of the largest sites in the entire country.
As a result, it was a pretty strenuous weekend for me, considering all the things I had to do. Therefore, scope was on the mind for the whole weekend. All things
considered though, me and the other programmer were able to get in pretty much everything that we wanted to do, plus more. We were originally planning on only having
the first 2 stages, but we figured it would feel pretty incomplete without the part where you actually make the soup. Given that my script for the hit detection and
scoring were completely abstracted, it made it pretty easy to actually just throw together that third minigame. I'm really proud of what we were able to accomplish with
our small team in the 48 hours that we were provided.
</p>
<h4 class="title">Links</h4>
<p><a href=https://cfrusso18.itch.io/beet-beats> itch.io page </a><br>
<a href=https://globalgamejam.org/2023/games/beet-beats-2> Global Game Jam Page </a></p>
</div><!--//content-->
</div><!--//primary-->
<div class="secondary col-md-4 col-sm-12 col-xs-12"><iframe width="590" height="327" src="https://www.youtube.com/embed/YLfHtbLQNTU" title="Beet Beats Trailer" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div><!--//secondary-->
</div><!--//row-->
</div><!--//masonry-->
<!-- ******FOOTER****** -->
<footer class="footer">
<div class="container text-center">
<small class="copyright">Designed with <i class="fa fa-heart"></i> by <a href="http://themes.3rdwavemedia.com">3rd Wave Media</a> for developers</small>
</div><!--//container-->
</footer><!--//footer-->
<!-- Javascript -->
<script type="text/javascript" src="assets/plugins/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery-rss/dist/jquery.rss.min.js"></script>
<!-- custom js -->
<script type="text/javascript" src="assets/js/main.js"></script>
</body>
</html>