Add first two games

This commit is contained in:
Gabriel Augendre 2021-06-04 23:11:15 +02:00
commit 559195dbe7
14 changed files with 447 additions and 0 deletions

286
.gitignore vendored Normal file
View File

@ -0,0 +1,286 @@
# Created by https://www.toptal.com/developers/gitignore/api/osx,pycharm,python
# Edit at https://www.toptal.com/developers/gitignore?templates=osx,pycharm,python
### OSX ###
# General
.DS_Store
.AppleDouble
.LSOverride
# Icon must end with two \r
Icon
# Thumbnails
._*
# Files that might appear in the root of a volume
.DocumentRevisions-V100
.fseventsd
.Spotlight-V100
.TemporaryItems
.Trashes
.VolumeIcon.icns
.com.apple.timemachine.donotpresent
# Directories potentially created on remote AFP share
.AppleDB
.AppleDesktop
Network Trash Folder
Temporary Items
.apdisk
### PyCharm ###
# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio, WebStorm and Rider
# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
# User-specific stuff
.idea/**/workspace.xml
.idea/**/tasks.xml
.idea/**/usage.statistics.xml
.idea/**/dictionaries
.idea/**/shelf
# Generated files
.idea/**/contentModel.xml
# Sensitive or high-churn files
.idea/**/dataSources/
.idea/**/dataSources.ids
.idea/**/dataSources.local.xml
.idea/**/sqlDataSources.xml
.idea/**/dynamic.xml
.idea/**/uiDesigner.xml
.idea/**/dbnavigator.xml
# Gradle
.idea/**/gradle.xml
.idea/**/libraries
# Gradle and Maven with auto-import
# When using Gradle or Maven with auto-import, you should exclude module files,
# since they will be recreated, and may cause churn. Uncomment if using
# auto-import.
# .idea/artifacts
# .idea/compiler.xml
# .idea/jarRepositories.xml
# .idea/modules.xml
# .idea/*.iml
# .idea/modules
# *.iml
# *.ipr
# CMake
cmake-build-*/
# Mongo Explorer plugin
.idea/**/mongoSettings.xml
# File-based project format
*.iws
# IntelliJ
out/
# mpeltonen/sbt-idea plugin
.idea_modules/
# JIRA plugin
atlassian-ide-plugin.xml
# Cursive Clojure plugin
.idea/replstate.xml
# Crashlytics plugin (for Android Studio and IntelliJ)
com_crashlytics_export_strings.xml
crashlytics.properties
crashlytics-build.properties
fabric.properties
# Editor-based Rest Client
.idea/httpRequests
# Android studio 3.1+ serialized cache file
.idea/caches/build_file_checksums.ser
### PyCharm Patch ###
# Comment Reason: https://github.com/joeblau/gitignore.io/issues/186#issuecomment-215987721
# *.iml
# modules.xml
# .idea/misc.xml
# *.ipr
# Sonarlint plugin
# https://plugins.jetbrains.com/plugin/7973-sonarlint
.idea/**/sonarlint/
# SonarQube Plugin
# https://plugins.jetbrains.com/plugin/7238-sonarqube-community-plugin
.idea/**/sonarIssues.xml
# Markdown Navigator plugin
# https://plugins.jetbrains.com/plugin/7896-markdown-navigator-enhanced
.idea/**/markdown-navigator.xml
.idea/**/markdown-navigator-enh.xml
.idea/**/markdown-navigator/
# Cache file creation bug
# See https://youtrack.jetbrains.com/issue/JBR-2257
.idea/$CACHE_FILE$
# CodeStream plugin
# https://plugins.jetbrains.com/plugin/12206-codestream
.idea/codestream.xml
### Python ###
# Byte-compiled / optimized / DLL files
__pycache__/
*.py[cod]
*$py.class
# C extensions
*.so
# Distribution / packaging
.Python
build/
develop-eggs/
dist/
downloads/
eggs/
.eggs/
parts/
sdist/
var/
wheels/
pip-wheel-metadata/
share/python-wheels/
*.egg-info/
.installed.cfg
*.egg
MANIFEST
# PyInstaller
# Usually these files are written by a python script from a template
# before PyInstaller builds the exe, so as to inject date/other infos into it.
*.manifest
*.spec
# Installer logs
pip-log.txt
pip-delete-this-directory.txt
# Unit test / coverage reports
htmlcov/
.tox/
.nox/
.coverage
.coverage.*
.cache
nosetests.xml
coverage.xml
*.cover
*.py,cover
.hypothesis/
.pytest_cache/
pytestdebug.log
# Translations
*.mo
*.pot
# Django stuff:
*.log
local_settings.py
db.sqlite3
db.sqlite3-journal
# Flask stuff:
instance/
.webassets-cache
# Scrapy stuff:
.scrapy
# Sphinx documentation
docs/_build/
doc/_build/
# PyBuilder
target/
# Jupyter Notebook
.ipynb_checkpoints
# IPython
profile_default/
ipython_config.py
# pyenv
.python-version
# pipenv
# According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
# However, in case of collaboration, if having platform-specific dependencies or dependencies
# having no cross-platform support, pipenv may install dependencies that don't work, or not
# install all needed dependencies.
#Pipfile.lock
# poetry
#poetry.lock
# PEP 582; used by e.g. github.com/David-OConnor/pyflow
__pypackages__/
# Celery stuff
celerybeat-schedule
celerybeat.pid
# SageMath parsed files
*.sage.py
# Environments
# .env
.env/
.venv/
env/
venv/
ENV/
env.bak/
venv.bak/
pythonenv*
# Spyder project settings
.spyderproject
.spyproject
# Rope project settings
.ropeproject
# mkdocs documentation
/site
# mypy
.mypy_cache/
.dmypy.json
dmypy.json
# Pyre type checker
.pyre/
# pytype static type analyzer
.pytype/
# operating system-related files
# file properties cache/storage on macOS
*.DS_Store
# thumbnail cache on Windows
Thumbs.db
# profiling data
.prof
# End of https://www.toptal.com/developers/gitignore/api/osx,pycharm,python
.idea

25
index.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Potain de chantier #3</title>
<link rel="stylesheet" href="jeux/assets/style.css">
</head>
<body>
<h1>Potain de chantier #3</h1>
<h2>Jeux interactifs</h2>
<p>
Découvrez les magnifiques moquettes du Cecolyon avec notre série de jeux interactifs !
</p>
<ul>
<li><a href="jeux/signal.html">Signal</a></li>
<li><a href="jeux/camel.html">Camel</a></li>
<li><a href="jeux/urbain.html">Urbain Nature</a></li>
</ul>
<footer>
<p>
Made with &hearts; by <a href="https://gabnotes.org/about-me/">Gabriel Augendre</a>.
</p>
</footer>
</body>
</html>

20
jeux/assets/camel.js Normal file
View File

@ -0,0 +1,20 @@
let counter = new Set();
const MAX_DIFFS = 7;
function zone(name) {
if (!counter.has(name)) {
counter.add(name);
const li = document.createElement("li");
const content = document.createTextNode(name);
li.appendChild(content);
document.getElementById("found").appendChild(li);
}
displayCounter();
}
function displayCounter() {
if (counter.size >= MAX_DIFFS) {
win();
}
document.getElementById("counter").innerText = String(counter.size);
}

17
jeux/assets/jeu.js Normal file
View File

@ -0,0 +1,17 @@
let timeout;
function win() {
clearTimeout(timeout);
document.querySelector(".failure").classList.add("hidden");
document.querySelector(".success").classList.remove("hidden");
}
function lose() {
clearTimeout(timeout);
document.querySelector(".success").classList.add("hidden");
let failure = document.querySelector(".failure");
failure.classList.remove("hidden");
timeout = setTimeout(() => {
failure.classList.add("hidden");
}, 5*1000);
}

0
jeux/assets/nature.css Normal file
View File

0
jeux/assets/nature.js Normal file
View File

11
jeux/assets/style.css Normal file
View File

@ -0,0 +1,11 @@
.hidden {
display: none;
}
.failure {
color: #a71717;
}
.success {
color: green;
}

45
jeux/camel.html Normal file
View File

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Camel</title>
<link rel="stylesheet" href="assets/style.css">
</head>
<body>
<h1>Camel</h1>
<nav><a href="..">&laquo; Retour</a></nav>
<p>
Jouons donc au jeu des 7 différences avec GSE France !
</p>
<p class="side-by-side">
<img src="images/camel-2.jpg" width="548" height="619" alt="Moquette" usemap="#map">
<img src="images/camel.jpg" width="548" height="619" alt="Moquette" usemap="#map">
</p>
<map id="map" name="map">
<area shape="rect" coords="180,65,226,97" onclick="zone('Chocolat')">
<area shape="circle" coords="101,439,25" onclick="zone('Logo Citroën')">
<area shape="poly" coords="323,473,318,478,340,503,346,497" onclick="zone('Tuile rose')">
<area shape="poly" coords="192,473,23,566,63,566" onclick="zone('Triangle rose')">
<area shape="poly" coords="274,352,252,375,259,381,280,358" onclick="zone('Tuile bleue/grise')">
<area shape="poly" coords="378,226,378,264,441,264,441,316,467,316,468,226" onclick="zone('Zone grise/beige')">
<area shape="rect" coords="353,324,443,340" onclick="zone('Ligne bleue')">
</map>
<p>
Score: <span id="counter">0</span>/7<br>
Vous avez déjà trouvé :
</p>
<ol id="found"></ol>
<p class="failure hidden"></p>
<p class="success hidden">
Félicitations ! Vous avez trouvé toutes les différences ! 🎉
(ou bien vous avez frénétiquement cliqué de partout)
</p>
<script src="assets/jeu.js" type="application/javascript"></script>
<script src="assets/camel.js" type="application/javascript"></script>
<footer>
<p>
Made with &hearts; by <a href="https://gabnotes.org/about-me/">Gabriel Augendre</a>.
</p>
</footer>
</body>
</html>

BIN
jeux/images/camel-2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
jeux/images/camel.afphoto Normal file

Binary file not shown.

BIN
jeux/images/camel.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 567 KiB

BIN
jeux/images/signal.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 314 KiB

0
jeux/nature.html Normal file
View File

43
jeux/signal.html Normal file
View File

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Signal</title>
<link rel="stylesheet" href="assets/style.css">
</head>
<body>
<h1>Signal</h1>
<nav><a href="..">&laquo; Retour</a></nav>
<p>
Peter le livreur arrive sur le plateau de la log au niveau du joli point rose
et il doit déposer son colis au bon endroit.<br>
Les instructions qui lui sont fournies sont très claires :
</p>
<ol>
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
<p>
<img src="images/signal.jpg" width="630" height="646" alt="Moquette" usemap="#map">
<map id="map" name="map">
<area shape="rect" coords="527,48,585,229" onclick="win()">
<area shape="rect" coords="0,0,1260,1292" onclick="lose()">
</map>
</p>
<p class="failure hidden">
Raté ! Les instructions de Peter sont pourtant claires 😉
</p>
<p class="success hidden">
Félicitations ! Vous avez correctement suivi les instructions ! 🎉
(ou bien vous avez frénétiquement cliqué de partout)
</p>
<script src="assets/jeu.js" type="application/javascript"></script>
<footer>
<p>
Made with &hearts; by <a href="https://gabnotes.org/about-me/">Gabriel Augendre</a>.
</p>
</footer>
</body>
</html>