Add first two games
This commit is contained in:
commit
559195dbe7
14 changed files with 447 additions and 0 deletions
286
.gitignore
vendored
Normal file
286
.gitignore
vendored
Normal 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
25
index.html
Normal 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 ♥ by <a href="https://gabnotes.org/about-me/">Gabriel Augendre</a>.
|
||||||
|
</p>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
20
jeux/assets/camel.js
Normal file
20
jeux/assets/camel.js
Normal 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
17
jeux/assets/jeu.js
Normal 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
0
jeux/assets/nature.css
Normal file
0
jeux/assets/nature.js
Normal file
0
jeux/assets/nature.js
Normal file
11
jeux/assets/style.css
Normal file
11
jeux/assets/style.css
Normal file
|
@ -0,0 +1,11 @@
|
||||||
|
.hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.failure {
|
||||||
|
color: #a71717;
|
||||||
|
}
|
||||||
|
|
||||||
|
.success {
|
||||||
|
color: green;
|
||||||
|
}
|
45
jeux/camel.html
Normal file
45
jeux/camel.html
Normal 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="..">« 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 ♥ by <a href="https://gabnotes.org/about-me/">Gabriel Augendre</a>.
|
||||||
|
</p>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
BIN
jeux/images/camel-2.jpg
Normal file
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
BIN
jeux/images/camel.afphoto
Normal file
Binary file not shown.
BIN
jeux/images/camel.jpg
Normal file
BIN
jeux/images/camel.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 567 KiB |
BIN
jeux/images/signal.jpg
Normal file
BIN
jeux/images/signal.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 314 KiB |
0
jeux/nature.html
Normal file
0
jeux/nature.html
Normal file
43
jeux/signal.html
Normal file
43
jeux/signal.html
Normal 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="..">« 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 ♥ by <a href="https://gabnotes.org/about-me/">Gabriel Augendre</a>.
|
||||||
|
</p>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
Loading…
Reference in a new issue