MarkEEaton
/
ar-scavenger-hunt
mirror of https://github.com/MarkEEaton/ar-scavenger-hunt.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

begin conversion to PA

This commit is contained in:
Mark Eaton 2024-04-26 13:02:21 -04:00
parent ab8639815c
commit 05d0cc12fe
4 changed files with 41 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app.py Normal file
View File

@ -0,0 +1,12 @@
from flask import Flask, render_template
app = Flask(__name__)
@app.route("/")
def index():
return render_template("index.html")
if __name__ == "__main__":
app.run(debug=True)

12
index.html
View File

@ -1,5 +1,13 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no," />
<!-- Group homepage -->
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no," />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<script src="https://aframe.io/releases/1.4.0/aframe.min.js"></script>
<script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js"></script>
</head>
<body style="overflow: hidden; width: 100vw;">
<a-scene style="max-height: 100vh; max-width: 100vw;" embedded markerhandler arjs="detectionMode: mono_and_matrix; matrixCodeType: 4x4_BCH_13_9_3;" device-orientation-permission-ui="enabled: false">

18
main.css Normal file
View File

@ -0,0 +1,18 @@
#arjsDebugUIContainer { display: none; }
body { display: flex; justify-content: center; align-items: center; }
#starter { background-color: #ccc; border-radius: 5px; padding: 30px; font-size: 2em; text-align: center; }
@media screen and (orientation: portrait) {
#starter { font-size: 2.2em; }
}
#startbutton { font-size: 1.5em }
#ender { display: none; background-color: #ccc; border-radius: 5px; padding: 30px; font-size: 2em; text-align: center; position: relative; }
#header-container { z-index: 45; width: 100%; padding: 20px; }
#header { padding: 5px; text-align: center; }
@media screen and (orientation: landscape) {
#header-container { max-height: 100vh; width: 100vw; margin-top: 5px; }
#startend-container { width: 100%; display: flex; justify-content: center; }
}
.dropdown { z-index: 50; }
.dropdown-menu li { font-size: 2em; padding: 2px 20px; white-space: nowrap; }
.fsize { font-size: 2em; }

35
js-css.html → main.js
View File

@ -1,33 +1,3 @@
<!-- to be included in the "Group Custom JS/CSS" section -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<style>
#arjsDebugUIContainer { display: none; }
body { display: flex; justify-content: center; align-items: center; }
#starter { background-color: #ccc; border-radius: 5px; padding: 30px; font-size: 2em; text-align: center; }
@media screen and (orientation: portrait) {
#starter { font-size: 2.2em; }
}
#startbutton { font-size: 1.5em }
#ender { display: none; background-color: #ccc; border-radius: 5px; padding: 30px; font-size: 2em; text-align: center; position: relative; }
#header-container { z-index: 45; width: 100%; padding: 20px; }
#header { padding: 5px; text-align: center; }
@media screen and (orientation: landscape) {
#header-container { max-height: 100vh; width: 100vw; margin-top: 5px; }
#startend-container { width: 100%; display: flex; justify-content: center; }
}
.dropdown { z-index: 50; }
.dropdown-menu li { font-size: 2em; padding: 2px 20px; white-space: nowrap; }
.fsize { font-size: 2em; }
</style>
<script src="https://aframe.io/releases/1.4.0/aframe.min.js"></script>
<script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js"></script>
<script>
function getStarted() {
document.getElementById("starter").style.display = "none";
}
@ -35,10 +5,8 @@ function getStarted() {
window.onload = function () {
let startlistener = document.getElementById("startbutton");
startlistener.addEventListener("click", getStarted);
}
</script>
}
<script>
AFRAME.registerComponent('markerhandler', {
init: function () {
this.markers = { reference: false, computers: false, referencebooks: false, studyrooms: false, leisure: false, photocopier: false, elevator: false, circulation: false }
@ -90,4 +58,3 @@ AFRAME.registerComponent('markerhandler', {
}
},
});
</script>