Compare commits
2 Commits
62d7d64e32
...
379634db47
| Author | SHA1 | Date |
|---|---|---|
Jacob Søfeldt
|
379634db47 | |
|
Jacob Søfeldt
|
4b49d05fe1 |
|
|
@ -11,6 +11,12 @@
|
|||
rel="stylesheet"
|
||||
href="../../vendor/twbs/bootstrap/dist/css/bootstrap.min.css"
|
||||
/>
|
||||
<style>
|
||||
#navbar {
|
||||
transition: top 0.3s; /* Transition effect when sliding down (and up) */
|
||||
}
|
||||
</style>
|
||||
|
||||
<script src="../../vendor/twbs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script
|
||||
src="https://code.jquery.com/jquery-3.6.0.min.js"
|
||||
|
|
@ -20,8 +26,11 @@
|
|||
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||
<body class="bg-dark text-white">
|
||||
<nav
|
||||
id="game-nav"
|
||||
class="navbar sticky-top navbar-expand-lg navbar-dark bg-dark"
|
||||
>
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="#"
|
||||
><img src="../Images/UFO.png" alt="" width="32" height="32" />
|
||||
|
|
@ -40,10 +49,10 @@
|
|||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" aria-current="page" href="#">Hjem</a>
|
||||
<a class="nav-link" aria-current="page" href="#game-top">Hjem</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Information</a>
|
||||
<a class="nav-link" href="#game-what">Information</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Events</a>
|
||||
|
|
@ -60,7 +69,7 @@
|
|||
Toggle Dropdown
|
||||
</a>
|
||||
<ul
|
||||
class="dropdown-menu-dark"
|
||||
class="dropdown-menu dropdown-menu-dark"
|
||||
aria-labelledby="navbarDropdownMenuLink"
|
||||
>
|
||||
<li>
|
||||
|
|
@ -81,5 +90,198 @@
|
|||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div>
|
||||
<div class="container mb-5">
|
||||
<h1 id="game-top" class="mt-3 text-center">Velkommen til Game Jam!</h1>
|
||||
<section class="text-center">
|
||||
<p>
|
||||
Denne hjemmeside er lavet til alle som elsker at udvikle spil og
|
||||
konkurerre.
|
||||
</p>
|
||||
<div>
|
||||
<p>
|
||||
Game jam handler om at udvikle et spil i grupper på begrænset tid.
|
||||
Denne tidsbegrænsning er beregnet til at simulere presset fra en
|
||||
deadline og til at fremme kreativitet blandt ideer produceret af
|
||||
Game Jam teams. Selve Game Jammet handler om at udfodre sig selv
|
||||
og andre. Det giver god øvelse i forhold til sine egne evner
|
||||
indenfor programmering og design. Det viser selvfølelig også hvor
|
||||
godt man arbejder i grupper og hvor meget man kan nå på den tid
|
||||
man har fået til at lave sit spil i
|
||||
</p>
|
||||
<p>
|
||||
Vi elsker at se hvordan de forskellige udviklere vælger sin
|
||||
fremgangs måde, og hvad som er vigtigst for de forskellige grupper
|
||||
at få med. Dette giver både nye ideer til alle samt en anden måde
|
||||
at tænke på. Vi ved jo alle sammen godt, at ingen tænker på den
|
||||
samme måde, og det er også det som er spændene. Man ved aldrig
|
||||
hvad temaet er inden man går i gang. Man kan have en ide om hvad
|
||||
for et spil man vil lave, men når man får temaet afvide, kan det
|
||||
være at man får en ny synsvinkel på hvordan man vil løse opgaven.
|
||||
læs mere under
|
||||
<a href="#">Regler</a>.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<h5 id="game-what" class="text-center">Hvad er et Game jam?</h5>
|
||||
<section class="text-center">
|
||||
<p>
|
||||
Game Jam er et sted hvor du og dine venner kan samles og konkurrer
|
||||
om at lave det bedste spil på begrænset tid. Her har i chancen for
|
||||
at gøre hvad i er bedst til, nemlig at udvikle jeres eget spil. Det
|
||||
er spændende, hyggeligt og selvfølelig rigtigt sjovt. Under
|
||||
<a href="#">Lodtrækning</a>
|
||||
bliver der trækket lod om et tema spillet skal handle om.
|
||||
</p>
|
||||
</section>
|
||||
<h3 id="game-why" class="text-center">Hvorfor skal du deltage?</h3>
|
||||
<section class="text-center">
|
||||
<div class="mt-3">
|
||||
<a
|
||||
class="btn btn-lg btn-outline-info"
|
||||
href="#game-why-collapse"
|
||||
data-bs-toggle="collapse"
|
||||
role="button"
|
||||
>Her er 7 grunde.</a
|
||||
>
|
||||
<div id="game-why-collapse" class="collapse pt-4">
|
||||
<div class="container text-start">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<h5>1. Tids planlægning</h5>
|
||||
</div>
|
||||
<div class="col">
|
||||
<p>
|
||||
Når du deltager i flere af Game Jams forbedrer du din evne
|
||||
til tidsplanlægning. Du begynder bedre at estimere den
|
||||
tid, det vil tage for en bestemt opgave. Denne færdighed
|
||||
er også meget vigtigt at forstå, om visse funktioner er
|
||||
det værd, og hvis du endda skal implementere dem eller ej.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<h5>2. Hastighed</h5>
|
||||
</div>
|
||||
<div class="col">
|
||||
<p>
|
||||
Deltagelse i Game Jammet vil forbedre din hastighed. For
|
||||
eksempel, som programmør, vil du se nogle genvej til at
|
||||
gøre det mindre smukt i koden, men funktionelt det samme,
|
||||
som er vigtigt for et Game jam. Som et hold vil du lære at
|
||||
beslutte, hvilken mulighed du skal vælge, hvilket spil du
|
||||
skal gøre meget hurtigere. Når du laver prototyper, vil du
|
||||
også støde på en masse værktøjer og tricks, som du kan
|
||||
bruge på senere prototyper eller spil, fordi du allerede
|
||||
prøvet dem og nu ved, hvad de er bedst egnet til.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<h5>3. Forbedre prototypeevner</h5>
|
||||
</div>
|
||||
<div class="col">
|
||||
<p>
|
||||
Game Jams omfavner virkelig tanken om, at du skal gøre
|
||||
spillet spilbart først. Uden kunst, lyde osv. I mange
|
||||
tilfælde efter dette får du ideen, hvis mekanikerne giver
|
||||
mening, eller hvis det har potentiale. Du vil bemærke
|
||||
nogle ting, som du ikke tænkte så meget på, men som er
|
||||
meget vigtige for at få spillet spilbart, som du vil blive
|
||||
nødt til at løse som det næste. Når spillet er spilbart,
|
||||
vil du fortsætte med at arbejde med ting, som du ikke
|
||||
ville udgive dit spil uden.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<h5>4. Eksperimenter som du lyster</h5>
|
||||
</div>
|
||||
<div class="col">
|
||||
<p>
|
||||
Du kommer automatisk til at være mere villig til at prøve
|
||||
tingene ud og se, om de vil fungere eller ej. Men det
|
||||
afhænger naturligvis af, hvor lang tid det kommer til at
|
||||
tage at implementere visse funktioner og prøve dem af. Så
|
||||
en god tidsplans vil helt sikkert hjælpe. Du ved aldrig om
|
||||
en af de funktioner vil redde projektet og sikre dig
|
||||
førstepladsen.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<h5>5. Forbedre dine overordnede spiludviklingsevner</h5>
|
||||
</div>
|
||||
<div class="col">
|
||||
<p>
|
||||
Jo flere game jams du deltager i, jo flere ting til du
|
||||
opdage. Du lærer hvad som gør et spil bedre og hvilke
|
||||
funktioner som kan redde dig i sidste ende. Du kan prøve
|
||||
en masse forskellige genre, som du måske ikke ville have
|
||||
overvejet at prøve af før. Det vil også vise dig, hvilke
|
||||
genre som er lettere eller sværere at udvikle.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<h5>6. Mød nye mennesker og skab et netværk</h5>
|
||||
</div>
|
||||
<div class="col">
|
||||
<p>
|
||||
Game jams er fantastisk til at møde nye mennesker som du
|
||||
deler interesse med, samt styrke dine nuværende relationer
|
||||
hvis du deltager i et game jam med dem som et team. Når du
|
||||
skaber nye relationer der deler den samme interesse som
|
||||
dig, er det nemt at få inputs fra hinanden. Det kan
|
||||
muligvis være at du havde et problem som du aldrig helt
|
||||
fandt ud af, hvor din nye relation kan forklare hvordan
|
||||
han/hun ville have gjort, eller omvendt.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<h5>7. Hav det sjovt!</h5>
|
||||
</div>
|
||||
<div class="col">
|
||||
<p>
|
||||
Game Jams er super sjovt! Man udfordre sig selv, får nye
|
||||
ideer og man får lov til at se hvordan andre tænker ved at
|
||||
løse den samme opgave. Er du et konkurrance menneske gør
|
||||
det kun det hele meget bedre. En undersøgelse af
|
||||
<a
|
||||
href="http://ludumdare.com/compo/2011/12/28/infographic-survey-results/"
|
||||
>McFunkyPants</a
|
||||
>
|
||||
viser at over 95% af deltagere har haft det sjovt under
|
||||
deltagelse og vil gerne deltage i endnu en.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
var prevScrollpos = window.pageYOffset;
|
||||
window.onscroll = function () {
|
||||
var currentScrollPos = window.pageYOffset;
|
||||
if (prevScrollpos > currentScrollPos) {
|
||||
document.getElementById("game-nav").style.top = "0";
|
||||
} else {
|
||||
document.getElementById("game-nav").style.top = "-50px";
|
||||
}
|
||||
prevScrollpos = currentScrollPos;
|
||||
};
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in New Issue