-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgamedev.html
193 lines (147 loc) · 6.42 KB
/
gamedev.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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!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.0" />
<!--CSS Styles -->
<link rel="stylesheet" href="assets/css/styles.css" />
<!-- Favicons -->
<link
rel="apple-touch-icon"
sizes="180x180"
href="assets/icons/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="assets/icons/favicon-32x32.png"
/>
<!-- Animate CSS CDN -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<title>Brevin Banks | Game Dev</title>
<style>
div.backhead {
padding: 1.1rem;
background-image: url(page-Gamback.png);
background-repeat: no-repeat;
/* background-attachment: fixed; */
text-shadow: -1px 1px #000000;
background-size: cover;
}
div.backblank {
padding: 1rem;
background-color: rgb(255, 255, 255);
background-repeat: no-repeat;
/* background-attachment: fixed; */
background-size: cover;
}
</style>
</head>
<body>
<!-- Navbar -->
<nav>
<h1>Brevin Banks </h1>
<ul class="navigation">
<li><a href="./index.html" class="nav-link">Home</a></li>
<li><a href="#Games" class="nav-link">Games</a></li>
<li><a href="./index.html#contact" class="nav-link">Contact</a></li>
<li><a href="./more.html" class="nav-link">More</a>
<ul>
<li><a href="./projectportfolio.html">Project Portfolio</a></li>
<li><a href="./revdev.html">Revyn Development</a></li>
<li><a href="./resources.html">Resources</a></li>
<li><a href="./gamedev.html">Game Development</a></li>
</ul>
</li>
</ul>
<button class="burger-menu" id="burger-menu">
<ion-icon class="bars" name="menu-outline"></ion-icon>
<!-- <ion-icon class="times" name="close-outline"></ion-icon> -->
</button>
</nav>
<div class="backhead">
<h2 style="color:white;">Game Development</h2>
</div>
<div class="backblank">
</div>
<!-- More about -->
<section class="more-about" id="description">
<h1>Revyn Entertainment</h1>
<p>I have a small game enterprise I like to call Revyn Entertainment. A branch of my Revyn branded engineering projects
where I focus on projects made with engines that support open source software development and software art (think filtering and AI generated art).</p>
<p>I want to make these passion projects designed with tons of colorful, filled with fun, and made to be unique and original games.
I aim to bring familiarity and nostalgia to life inside these games, as they will all have an element to them we all already have experience with.
Think of casual everyday things, and then attach your childhood fantasies to them. I want to achieve a full re-imagination of what we used to imagine as children.</p>
<p><b>Review my game privacy policy here: <a href="./privacypolicy.html">Privacy Policy</a></b></p>
</section>
<section class="more-about" id="Games">
<h1>Games</h1>
</br>
<h3>TooTic2Tac</h3>
<p>My first game was made with the <a href="https://godotengine.org/" taget="_blank">Godot Engine</a> and is called TooTic2Tac.
I create it with the absolute most basic thing I could imagine and then just added flare. TicTacToe may not be that interesting, but if it's completely unpredictable, unfair, funny, and emphasizes the already casual nature of passing the time playing the game with a friend - I would call that a win.</p>
<!-- <figure> -->
<img
src="assets/images/TooTic2Tactitle.png"
height= "auto"
alt="Camera on the Revyn Arm"
loading="lazy"
class="pic-center"
/>
<!-- <figcaption>Fig.1 Revyn Arm with webcam attached.</figcaption> -->
<!-- </figure> -->
<p>Check out information on the <a href="TooTic2TacDesign.html">development of TooTic2Tac</a> and a link to download and play here.</p>
</section>
<!-- Projects section -->
<script type="text/javascript" src="assets/js/shared_content.js">
</script>
<script type="text/javascript"> writeProjects();
</script>
<!-- Social accounts - Fixed to the right -->
<script type="text/javascript" src="assets/js/shared_content.js">
</script>
<script type="text/javascript"> writeSocials();
</script>
<!-- Scroll to top -->
<div id="back-to-top" class="back-to-top animate__animated animate__backOutDown">Back to Top</div>
<!-- Website scripts -->
<!-- This script controls the hamburger menu -->
<script src="assets/js/app.js"></script>
<!-- This script will hide the back to top button or show it -->
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
</script>
<script type="text/javascript" language="javascript">
$(function () {
var $win = $(window);
$win.scroll(function () {
if ($win.scrollTop() < 5){
document.getElementById("back-to-top").classList.remove('back-to-top:hover');
document.getElementById("back-to-top").classList.remove('animate__animated', 'animate__backInUp');
document.getElementById("back-to-top").classList.add('animate__animated', 'animate__backOutDown');
}
else{
document.getElementById("back-to-top").classList.add('back-to-top:hover');
document.getElementById("back-to-top").classList.remove('animate__animated', 'animate__backOutDown');
document.getElementById("back-to-top").classList.add('animate__animated', 'animate__backInUp');
}
});
});
</script>
<!-- Ion icons scripts -->
<script
type="module"
src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"
></script>
<script
nomodule
src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"
></script>
</body>
</html>
<!-- Fix the hamburger menu so tapping away will hide it -->