288 lines
12 KiB
HTML
288 lines
12 KiB
HTML
<!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" />
|
|
<link rel="icon" href="../Images/UFO.png" />
|
|
<title>GameJam</title>
|
|
|
|
<link
|
|
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"
|
|
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
|
|
crossorigin="anonymous"
|
|
></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
|
|
</head>
|
|
|
|
<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" />
|
|
</a>
|
|
<button
|
|
class="navbar-toggler"
|
|
type="button"
|
|
data-bs-toggle="collapse"
|
|
data-bs-target="#navbarNav"
|
|
aria-controls="navbarNav"
|
|
aria-expanded="false"
|
|
aria-label="Toggle navigation"
|
|
>
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item">
|
|
<a class="nav-link" aria-current="page" href="#game-top">Hjem</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#game-what">Information</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Events</a>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a
|
|
class="nav-link dropdown-toggle"
|
|
href="#"
|
|
id="navbarDropdownMenuLink"
|
|
role="button"
|
|
data-bs-toggle="dropdown"
|
|
aria-expanded="false"
|
|
>
|
|
Toggle Dropdown
|
|
</a>
|
|
<ul
|
|
class="dropdown-menu dropdown-menu-dark"
|
|
aria-labelledby="navbarDropdownMenuLink"
|
|
>
|
|
<li>
|
|
<a class="dropdown-item" href="#">Spil</a>
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-item" href="#">Upload fil</a>
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-item" href="#">Stem</a>
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-item" href="#">Lodtrækning</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</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>
|