147 lines
8.7 KiB
HTML
147 lines
8.7 KiB
HTML
<!DOCTYPE html>
|
||
<html class="writer-html5" lang="en" >
|
||
<head>
|
||
<meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
|
||
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>escape-room ithamar — Ithamar's AD documentation</title>
|
||
<link rel="stylesheet" href="_static/pygments.css" type="text/css" />
|
||
<link rel="stylesheet" href="_static/css/theme.css" type="text/css" />
|
||
<!--[if lt IE 9]>
|
||
<script src="_static/js/html5shiv.min.js"></script>
|
||
<![endif]-->
|
||
|
||
<script data-url_root="./" id="documentation_options" src="_static/documentation_options.js"></script>
|
||
<script src="_static/jquery.js"></script>
|
||
<script src="_static/underscore.js"></script>
|
||
<script src="_static/_sphinx_javascript_frameworks_compat.js"></script>
|
||
<script src="_static/doctools.js"></script>
|
||
<script src="_static/sphinx_highlight.js"></script>
|
||
<script src="_static/js/theme.js"></script>
|
||
<link rel="index" title="Index" href="genindex.html" />
|
||
<link rel="search" title="Search" href="search.html" />
|
||
<link rel="next" title="Arduino pico" href="pico.html" />
|
||
<link rel="prev" title="Cijferlijst" href="cijfers.html" />
|
||
</head>
|
||
|
||
<body class="wy-body-for-nav">
|
||
<div class="wy-grid-for-nav">
|
||
<nav data-toggle="wy-nav-shift" class="wy-nav-side">
|
||
<div class="wy-side-scroll">
|
||
<div class="wy-side-nav-search" >
|
||
<a href="index.html" class="icon icon-home"> Ithamar's AD
|
||
</a>
|
||
<div role="search">
|
||
<form id="rtd-search-form" class="wy-form" action="search.html" method="get">
|
||
<input type="text" name="q" placeholder="Search docs" />
|
||
<input type="hidden" name="check_keywords" value="yes" />
|
||
<input type="hidden" name="area" value="default" />
|
||
</form>
|
||
</div>
|
||
</div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
|
||
<p class="caption" role="heading"><span class="caption-text">Overview:</span></p>
|
||
<ul>
|
||
<li class="toctree-l1"><a class="reference internal" href="agenda.html">Ithamar’s Agenda</a></li>
|
||
<li class="toctree-l1"><a class="reference internal" href="cijfers.html">Cijferlijst</a></li>
|
||
<li class="toctree-l1"><a class="reference internal" href="cijfers.html#herkansingen">herkansingen</a></li>
|
||
</ul>
|
||
<p class="caption" role="heading"><span class="caption-text">2022-2023:</span></p>
|
||
<ul class="current">
|
||
<li class="toctree-l1 current"><a class="current reference internal" href="#">escape-room ithamar</a></li>
|
||
<li class="toctree-l1"><a class="reference internal" href="#code">code</a></li>
|
||
<li class="toctree-l1"><a class="reference internal" href="pico.html">Arduino pico</a></li>
|
||
<li class="toctree-l1"><a class="reference internal" href="P4_realiseren.html">Werkplaats Realiseren</a></li>
|
||
</ul>
|
||
<p class="caption" role="heading"><span class="caption-text">2023-2024:</span></p>
|
||
<ul>
|
||
<li class="toctree-l1"><a class="reference internal" href="Stage_J2P1.html">Stage/Internship</a></li>
|
||
</ul>
|
||
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"><nav class="wy-nav-top" aria-label="Mobile navigation menu" >
|
||
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
|
||
<a href="index.html">Ithamar's AD</a>
|
||
</nav>
|
||
|
||
<div class="wy-nav-content">
|
||
<div class="rst-content">
|
||
<div role="navigation" aria-label="Page navigation">
|
||
<ul class="wy-breadcrumbs">
|
||
<li><a href="index.html" class="icon icon-home"></a></li>
|
||
<li class="breadcrumb-item active">escape-room ithamar</li>
|
||
<li class="wy-breadcrumbs-aside">
|
||
<a href="_sources/escape_room.rst.txt" rel="nofollow"> View page source</a>
|
||
</li>
|
||
</ul>
|
||
<hr/>
|
||
</div>
|
||
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
|
||
<div itemprop="articleBody">
|
||
|
||
<section id="escape-room-ithamar">
|
||
<h1>escape-room ithamar<a class="headerlink" href="#escape-room-ithamar" title="Permalink to this heading"></a></h1>
|
||
<p>Documentatie voor ithamar’s escaperoom.</p>
|
||
<p>Voor jaar 1 periode 2 van de studie Internet of Things moeten de studenten in een groepje een escaperoom maken met arduino’s. deze escaperoom
|
||
moet gemaakt worden via de kennis die is opgedaan met de opdrachten van de periode bij het vak ‘werkplaats arduino’ om creativiteit en affiniteit te demonstreren binnen het vak.</p>
|
||
<p>Het groepje waarbij ik zat heeft als thema: horror, het denkproces achter dit thema is om een authentieke escaperoom te imiteren door de puzzels op een logische manier op elkaar te laten
|
||
aansluiten. Het concept achter de escaperoom was om een doos te bouwen uit plywood en de 4 horizontale zijdes te gebruiken om de puzzels in te bouwen en zo klokwijs op elkaar aan te sluiten.</p>
|
||
<p>De puzzel die ik heb gemaakt is afgeleid van de <a class="reference external" href="https://www.youtube.com/watch?v=VaPQGiTq8Bc">oneshot color puzzle</a> van de 2014 console game ‘oneshot’. Bij deze puzzel moet de speler aan de hand
|
||
van 5 knoppen de juiste kleur op eenp positie krijgen zonder te weten in welke volgorde deze moet.</p>
|
||
<img alt="_images/design.png" src="_images/design.png" />
|
||
<img alt="_images/nwsketch.png" src="_images/nwsketch.png" />
|
||
<p>Bij de eerste sketch waren RGB leds gekozen om de lampjes te representeren, om ruimte en praktische redenen werden de lampjes later vervangen met led-strips om bekabeling en troubleshooting
|
||
een simpler process te maken. Dit liet ook toe dat de hele puzzel op een breakboard kon worden gesoldeerd voor een meer robust resultaat om goed in hout te kunnen worden gezet.</p>
|
||
<img alt="_images/nanobuild.jpg" src="_images/nanobuild.jpg" />
|
||
<img alt="escape-room/oneshot_illustration.png" src="escape-room/oneshot_illustration.png" />
|
||
</section>
|
||
<section id="code">
|
||
<h1>code<a class="headerlink" href="#code" title="Permalink to this heading"></a></h1>
|
||
<p>De code van dit prototype was geschreven in arduino/C++. Om de context van de code goed te begrijpen moet het spel ook begrepen worden: wanneer de puzzel opstart wordt er een willekeurige code
|
||
gegenereerd van 5 cijfers tussen 1 en 5. Elk cijfer staat paralel met een kleur van led strips. Wanneer de gebruiker op de 6e knop drukt om de kleurcode te controleren krijgt deze feedback over
|
||
hoeveel kleuren er correct zijn maar niet welke. De gebruiker kan dus alleen uitmaken welke kleur er correct is door af te leiden of er meer of minder correcte antwoorden zijn op basis van de feedback.
|
||
Voor de gebruiker wordt de code dus een kwestie vane de kleuren blijven aanpassen op basis van welke score deze krijgt net zoals het raden van een cijfercombinatie van een slot.</p>
|
||
<p>De led-strips worden indvidueel aangestuurd door de knoppen. Elke keer dat de konp word ingedrukt wordt een waarde van de knop aangepast om overeen te komen met een kleur. Denk dus rood 1, groen 2 etc.
|
||
.. image:: escape-room/oneshot_ledset.png</p>
|
||
<p>De waardes van de voorgenoemde led-strips worden hergebruikt voor het spel: De code die gegenereerd wordt heeft een vaste positie in een array. Als de gebruiker een lichtje veranderd via de knoppen dan wordt
|
||
achter de schermen door de gebruiker een eigen code gebouwd met de waardes van de lichtjes. dus denk een combinatie van groen, geel, blauw en rood als 3, 4, 1 en 5. Wanneer de gebruiker de code controleerd word
|
||
de array van de puzzel vergeleken met de array van de gebruiker. voor elk deel van de array’s die niet overkomen word een fout waarde opgeteld, op basis van deze waarde krijgt de gebruiker te zien hoeveel er fout en goed waren.
|
||
.. image:: escape-room/oneshot_arraycheck.png</p>
|
||
<img alt="_images/oneshot_pwdgen.png" src="_images/oneshot_pwdgen.png" />
|
||
<img alt="_images/flowchart.png" src="_images/flowchart.png" />
|
||
</section>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
<footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
|
||
<a href="cijfers.html" class="btn btn-neutral float-left" title="Cijferlijst" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
|
||
<a href="pico.html" class="btn btn-neutral float-right" title="Arduino pico" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
|
||
</div>
|
||
|
||
<hr/>
|
||
|
||
<div role="contentinfo">
|
||
<p>© Copyright 2022, Ithamar.</p>
|
||
</div>
|
||
|
||
Built with <a href="https://www.sphinx-doc.org/">Sphinx</a> using a
|
||
<a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a>
|
||
provided by <a href="https://readthedocs.org">Read the Docs</a>.
|
||
|
||
|
||
</footer>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
<script>
|
||
jQuery(function () {
|
||
SphinxRtdTheme.Navigation.enable(true);
|
||
});
|
||
</script>
|
||
|
||
</body>
|
||
</html> |