-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
168 lines (154 loc) · 14.1 KB
/
index.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
<!DOCTYPE html>
<html lang="en" class="sr fontawesome-i2svg-active fontawesome-i2svg-complete"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>David Hás</title>
<meta name="description" content="Portfolio site for game developer David Hás.">
<meta name="author" content="David Hás">
<style type="text/css">svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1em}.svg-inline--fa.fa-stack-2x{height:2em;width:2em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}</style><link rel="stylesheet" href="files/main.css">
<link rel="shortcut icon" type="image/ico" href="media/favicon.ico">
<script defer="defer" src="files/all.js"></script>
</head>
<body style="height: 100%;">
<div id="site">
<header class="intro">
<h1 class="intro__hello">Hello!</h1>
<div class="intro__wrap">
<img class="intro__icon" src="media/Icon_Logo.png" alt="Brand Icon">
<h2 class="intro__tagline">I'm
<span class="name">David Hás</span>, a passionate professional game developer who loves to write code that is both efficient and maintainable.
</h2>
</div>
<h3 class="intro__contact">Got an interesting project? Send me a message at
<span>
<a href="mailto:[email protected]" target="_blank" class="highlight-link">[email protected]</a>
</span>
</h3>
</header>
<section class="section background" data-sr="" data-sr-id="0" style="visibility: visible; opacity: 1; transition: all, opacity 0.6s cubic-bezier(0.694, 0, 0.335, 1);">
<div class="section__title">Background</div>
<div class="section__content">
<p>
I'm a game developer currently based in <strong>Brno, Czech Republic</strong>. Being a gamer since childhood, I often found myself inspired by the games I played to make them better. I graduated from
<a class="underline-link" href="https://www.vut.cz/" target="_blank">Brno University of Technology</a> at
<a class="underline-link" href="https://www.fit.vut.cz/" target="_blank">Faculty of Information Technology</a>
and have three years of professional programming experience working on various projects. My latest job was as a game programmer at
<a class="underline-link" href="https://aldagames.com/" target="_blank">Alda Games</a>.
</p>
<p>
As a passionate gamer and programmer, I strive to be proud of the work I make. In a team, you can count on me to be annoying with feedback, always trying to improve the product, update the coding practices, and enforce code cleanliness and maintainability. You will find me searching for better tools to use in the team or generally trying to make the lives of my fellow developers easier.
</p>
<p>
Apart from this, I'm also interested in psychology of games, game design, and artificial intelligence. With the latter being my focus during my university studies. Sometimes I play with the idea of applying AI in games, which I tried to put into practice in my thesis.
</p>
<p>
<strong>If I'm not working hard on a project</strong>, I'm probably working on a game of my own, participating in a guitar jam session, climbing or jogging through the gorgeous forests of my local area.
</p>
</div>
</section>
<section class="section skills" data-sr="" data-sr-id="2" style="visibility: visible; opacity: 1; transition: all, opacity 0.6s cubic-bezier(0.694, 0, 0.335, 1);">
<div class="section__title">Skills</div>
<div class="section__content">
<div class="skillz">
<div class="skillz__category">
<div class="skillz__category__label">Languages</div>
<ul>
<li class="skillz__category__item">C#</li>
<li class="skillz__category__item">C++</li>
<li class="skillz__category__item">Java</li>
<li class="skillz__category__item">Python</li>
</ul>
</div>
<div class="skillz__category">
<div class="skillz__category__label">Tools & Frameworks</div>
<ul>
<li class="skillz__category__item">Unity</li>
<li class="skillz__category__item">Blender</li>
<li class="skillz__category__item">Firebase</li>
<li class="skillz__category__item">Docker</li>
<li class="skillz__category__item">Flask</li>
<li class="skillz__category__item">TensorFlow</li>
<li class="skillz__category__item">Git & GitHub / GitLab</li>
<li class="skillz__category__item">Atlassian</li>
</ul>
</div>
<div class="skillz__category">
<div class="skillz__category__label">Fields</div>
<ul>
<li class="skillz__category__item">Gameplay</li>
<li class="skillz__category__item">Scripting</li>
<li class="skillz__category__item">Engine</li>
<li class="skillz__category__item">User Interface</li>
<li class="skillz__category__item">Optimization</li>
</ul>
</div>
</div>
</div>
</section>
<section class="section featured-projects" data-sr="" data-sr-id="3" style="visibility: visible; opacity: 1; transition: all, opacity 0.6s cubic-bezier(0.694, 0, 0.335, 1);">
<div class="section__title">Featured Projects</div>
<div class="section__content">
<div class="project RusheroRemake">
<figure class="project__pic">
<a href="https://play.google.com/store/apps/details?id=rushero.zombies.td.aldagames.com" target="_blank">
<img src="media/banner_RusheroRemake.jpg" alt="Rushero Remake Screenshot">
</a>
</figure>
<figcaption class="project__caption">
<div class="project__name">
<a href="https://play.google.com/store/apps/details?id=rushero.zombies.td.aldagames.com" target="_blank">Rushero Remake</a>
</div>
<p>I was given the responsibility to recreate a project in a different style. This required large parts of the codebase to be redesigned to fit the new purpose. As mostly a sole programmer on the project, I reworked gameplay completely, along with user UI, player controls and various systems like level generation.</p>
</figcaption>
</div>
<div class="project RusheroOriginal">
<figure class="project__pic">
<a href="https://www.youtube.com/watch?v=Z78wFTgEENQ" target="_blank">
<img src="media/banner_RusheroOriginal.jpg" alt="Rushero Orignal Screenshot">
</a>
</figure>
<figcaption class="project__caption">
<div class="project__name">
<a href="https://www.youtube.com/watch?v=Z78wFTgEENQ" target="_blank">Rushero Original</a>
</div>
<p>After arriving at the company, I was assigned to a young project with a goal to create a card-based tower-defense shooter game. In a team of two programmers I worked to implement new gameplay mechanics, units with specific abilities, upgrade system and various menus. I also redesigned some existing systems to optimize the game and allow easier changes.</p>
</figcaption>
</div>
<div class="project Snake3">
<figure class="project__pic">
<a href="https://github.com/hasdavid/Snake3" target="_blank">
<img src="media/banner_Snake3.gif" alt="Snake3 Gameplay">
</a>
</figure>
<figcaption class="project__caption">
<div class="project__name">
<a href="https://github.com/hasdavid/Snake3" target="_blank">Snake³</a>
</div>
<p>A personal project I made before applying to the previous position. Snake³ ("Snake Cubed") is a remake of the classic game Snake, where the player traverses the surface of a cube, instead of a bounded 2D arena. My goal with this game was to start with an empty project and take it all the way to a simple but finished product. Lot of attentions was focused on camera movement and smoothness.</p>
</figcaption>
</div>
</div>
</section>
<footer class="footer">
<div class="footer__copyright">
<div class="top">
<span>Developed by David Hás</span>
</div>
<div class="bottom">
<span>2024</span>
</div>
</div>
<div class="footer__links">
<a href="mailto:[email protected]" target="_blank" title="Email">
<span class="text">Email</span></a>
<a href="https://github.com/HasDavid" target="_blank" title="GitHub">
<span class="text">GitHub</span></a>
<a href="https://www.linkedin.com/in/david-has" target="_blank" title="LinkedIn">
<span class="text">LinkedIn</span></a>
</div>
</footer>
</div>
<script src="files/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="files/scrollreveal.min.js"></script>
<script src="files/main.js" type="text/javascript" charset="utf-8"></script>
</body></html>