Skip to content

Commit

Permalink
pre-final portfolio
Browse files Browse the repository at this point in the history
  • Loading branch information
rythmyr committed Nov 30, 2016
1 parent c037950 commit 27b160d
Show file tree
Hide file tree
Showing 29 changed files with 817 additions and 612 deletions.
175 changes: 93 additions & 82 deletions css/base.css
Original file line number Diff line number Diff line change
@@ -1,83 +1,94 @@
html {
height: 100%;
box-sizing: border-box;
}

*,
*:before,
*:after {
box-sizing: inherit;
}

body {
margin: 0;
padding-bottom: 50px;
background-color: #222222;
color: #c4e3f3;
min-width: 600px;
position: relative;
min-height: 100%;
}

.content {
width: 90%;
padding: 20px 50px 20px 250px;
max-width: 1200px;
margin: 0;
}

h1, h2, h3, h4, h5, h6 {
color: #99aadd;
}

h1 > small {
color: #bbbbbb;
}

a {
color: #66afe9;
}

a:hover {
color: #8888dd;
}

a:visited {
color: #8888dd;
}

.footer {
background-color: #101010;
color: #acc;
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
text-align: center;
border-top: 2px solid #202040;
}

.nav {
padding-top: 30px;
background-color: #303030;
float: left;
height: 100%;
position: absolute;
max-width: 12%;
min-width: 200px;
}

.nav ul {
list-style-type: none;
padding-left: 0;
}

.nav li {
padding: 3px 20px 3px 15px;
margin: 0;
}

.nav .selected {
background-color: #404040;
html {
height: 100%;
box-sizing: border-box;
}

*,
*:before,
*:after {
box-sizing: inherit;
}

body {
margin: 0;
padding-bottom: 100px;
background-color: #222222;
color: #c4e3f3;
min-width: 600px;
position: relative;
min-height: 100%;
}

.content {
width: 90%;
padding: 20px 50px 20px 250px;
max-width: 1200px;
margin: 0;
}

h1, h2, h3, h4, h5, h6 {
color: #99aadd;
}

h1 > small {
color: #bbbbbb;
}

a {
color: #66afe9;
}

a:hover {
color: #8888dd;
}

a:visited {
color: #8888dd;
}

.footer {
background-color: #101010;
color: #acc;
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
text-align: center;
border-top: 2px solid #202040;
}

.footer table {
min-width: 300px;
margin-right: auto;
margin-left: auto;
text-align: center;
}

.footer table tr td {
width: 20px;
}

.nav {
padding-top: 30px;
background-color: #303030;
float: left;
height: 100%;
position: absolute;
max-width: 12%;
min-width: 200px;
}

.nav ul {
list-style-type: none;
padding-left: 0;
}

.nav li {
padding: 3px 20px 3px 15px;
margin: 0;
}

.nav .selected {
background-color: #404040;
}
109 changes: 64 additions & 45 deletions portfolio/cs309/index.html
Original file line number Diff line number Diff line change
@@ -1,46 +1,65 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Com S 309 - Not Minecraft</title>

<!-- Bootstrap -->
<link href="/css/bootstrap.css" rel="stylesheet">
<link href="/css/base.css" rel="stylesheet">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="nav">
<ul>
<li><h3><a href="/portfolio">Home</a></h3></li>
<li><h3>Projects</h3></li>
<li class="selected"><h4>Com S 309</h4></li>
<li><h4><a href="/portfolio/cs362">Com S 362</a></h4></li>
<li><h4><a href="/portfolio/LD33">Ludum Dare</a></h4></li>
<li><h4><a href="/portfolio/se491">Senior Design</a></h4></li>
<li><h3><a href="/portfolio/geneds">General Education</a></h3></li>
</ul>
</div>
<div class="content">
<h1>Com S 309 - "Not Minecraft"</h1>
<p>Com S 309 is a project class where we had to come up with a project of our own to implement, in order to
practicethings like agile development, and using iterative cycles in order to improve upon software we had
alreadystarted.So the first iteration, we had a very basic game set up, that was barely functional, and each
iterationafterward,we managed to make it quite a bit better. By the end of the semester, we had a halfway decent
game that we couldcall our own.</p>
<p>The game we made is actually very similar to Minecraft in the sense that it uses procedural generation in
ordertogenerate the world. We don't have nearly as many different types of blocks as Minecraft, but we do have
monstersthat we can spawn whenever we want, and a health and inventory system. It was also designed for VR, and
testedonthe Oculus Rift DK2.</p>
</div>
<div class="footer">&copy; Robert Young, <a href="mailto:[email protected]">[email protected]</a></div>
</body>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Com S 309 - Not Minecraft</title>

<!-- Bootstrap -->
<link href="/css/bootstrap.css" rel="stylesheet">
<link href="/css/base.css" rel="stylesheet">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="nav">
<ul>
<li><h3><a href="/portfolio">Home</a></h3></li>
<li><h3>Projects</h3></li>
<li><h4><a href="/portfolio/cs309">Com S 309</a></h4></li>
<li><h4><a href="/portfolio/cs362">Com S 362</a></h4></li>
<li><h4><a href="/portfolio/ld33">Ludum Dare</a></h4></li>
<li><h4><a href="/portfolio/se491">Senior Design</a></h4></li>
<li><h3>Work Experience</h3></li>
<li><h4><a href="/portfolio/work/tr">Thomson Reuters</a></h4></li>
<li><h4><a href="/portfolio/work/webdev">ITS Web Development Services</a></h4></li>
<li><h3><a href="/portfolio/geneds">General Education</a></h3></li>
</ul>
</div>
<div class="content">
<h1>Com S 309 - "Not Minecraft"</h1>
<p>Com S 309 is a project class where we had to come up with a project of our own to implement, in order to
practice things like agile development, and using iterative cycles in order to improve upon software we had
already started.So the first iteration, we had a very basic game set up, that was barely functional, and each
iteration afterward,we managed to make it quite a bit better. By the end of the semester, we had a halfway
decent
game that we could call our own.</p>
<p>The game we made is actually very similar to Minecraft in the sense that it uses procedural generation in
order to generate the world. We don't have nearly as many different types of blocks as Minecraft, but we do have
monsters that we can spawn whenever we want, and a health and inventory system. It was also designed for VR, and
tested on the Oculus Rift DK2.</p>
<p> The main thing I did in this project was the procedural generation. Unity only has 2-dimensional perlin noise,
so I had to go through and make a similar function, but using 3d noise. I also multithreaded it, so we could
generate multiple chunks of land simultaneously.</p>
<p>Some things I had to consider while creating the generation code was how the chunks are stored in memory, so I
could go back and let the other people working on the project know how they could modify the blocks, since this
is a game where you can interact with the environment.</p>
<h2><a href="https://www.youtube.com/watch?v=JovayafWCA0" target="_blank">Demo</a></h2>
</div>
<div class="footer">
<p>&copy; Robert Young, <a href="mailto:[email protected]">[email protected]</a></p>
<table>
<tr>
<td><a href="http://github.com/obberton">Github</a></td>
<td><a href="http://linkedin.com/in/obberton13">LinkedIn</a></td>
</tr>
</table>
</div>
</body>
</html>
94 changes: 53 additions & 41 deletions portfolio/cs362/index.html
Original file line number Diff line number Diff line change
@@ -1,42 +1,54 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Com S 362 - Media Rental</title>

<!-- Bootstrap -->
<link href="/css/bootstrap.css" rel="stylesheet">
<link href="/css/base.css" rel="stylesheet">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="nav">
<ul>
<li><h3><a href="/portfolio">Home</a></h3></li>
<li><h3>Projects</h3></li>
<li><h4><a href="/portfolio/cs309">Com S 309</a></h4></li>
<li class="selected"><h4>Com S 362</h4></li>
<li><h4><a href="/portfolio/LD33">Ludum Dare</a></h4></li>
<li><h4><a href="/portfolio/se491">Senior Design</a></h4></li>
<li><h3><a href="/portfolio/geneds">General Education</a></h3></li>
</ul>
</div>
<div class="content">
<h1>Com S 362 - Media Rental</h1>
<p>My junior year of college, I took Computer Science 362, which is the design patterns course for Iowa
State University. In this class, we were to work in groups of 2-4 and make a project over the course of the
semester. The project my group chose to do was a media rental application, which would help store managers keep
track of different movies, CDs, and video games, as well as possibly books, that they have and have rented or
sold to customers.</p>
</div>
<div class="footer">&copy; Robert Young, <a href="mailto:[email protected]">[email protected]</a></div>
</body>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Com S 362 - Media Rental</title>

<!-- Bootstrap -->
<link href="/css/bootstrap.css" rel="stylesheet">
<link href="/css/base.css" rel="stylesheet">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="nav">
<ul><!-- TODO unmark the one that is currently being used as selected, and undo link -->
<li><h3><a href="/portfolio">Home</a></h3></li>
<li><h3>Projects</h3></li>
<li><h4><a href="/portfolio/cs309">Com S 309</a></h4></li>
<li><h4><a href="/portfolio/cs362">Com S 362</a></h4></li>
<li><h4><a href="/portfolio/ld33">Ludum Dare</a></h4></li>
<li><h4><a href="/portfolio/se491">Senior Design</a></h4></li>
<li><h3>Work Experience</h3></li>
<li><h4><a href="/portfolio/work/tr">Thomson Reuters</a></h4></li>
<li><h4><a href="/portfolio/work/webdev">ITS Web Development Services</a></h4></li>
<li><h3><a href="/portfolio/geneds">General Education</a></h3></li>
</ul>
</div>
<div class="content">
<h1>Com S 362 - Media Rental</h1>
<p>My junior year of college, I took Computer Science 362, which is the design patterns course for Iowa
State University. In this class, we were to work in groups of 2-4 and make a project over the course of the
semester. The project my group chose to do was a media rental application, which would help store managers keep
track of different movies, CDs, and video games, as well as possibly books, that they have and have rented or
sold to customers.</p>
<p>For this project, I implemented all of the functionality related to adding and removing entries/stock from the store, as well as adding those items to individual transactions in the app itself. I had to learn a lot about JDBC and how to connect to databases using Java during this project.</p>
</div>
<div class="footer">
<p>&copy; Robert Young, <a href="mailto:[email protected]">[email protected]</a></p>
<table>
<tr>
<td><a href="http://github.com/obberton">Github</a></td>
<td><a href="http://linkedin.com/in/obberton13">LinkedIn</a></td>
</tr>
</table>
</div>
</body>
</html>
Loading

0 comments on commit 27b160d

Please sign in to comment.