baiyanlali/MarioWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Yuchen Li 2023-03-02 22:03:23 +08:00
parent b017291b00
commit d4f0a160d1
4 changed files with 59 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
templates/GameAnnotation.html
View File

@ -1,10 +1,13 @@
<!DOCTYPE html> <!DOCTYPE html>
<!-- saved from url=(0029)http://aingames.cn/index.html --> <!-- saved from url=(0029)http://aingames.cn/index.html -->
<html lang="en"><script id="allow-copy_script">(function t(){var t=!1;document.addEventListener("allow_copy",(function(n){t=n.detail.unlock}));var n=["copy","cut","contextmenu","selectstart","mousedown","mouseup","mousemove","keydown","keypress","keyup"],e=function(n){t&&(n.stopPropagation(),n.stopImmediatePropagation&&n.stopImmediatePropagation())};n.forEach((function(t){document.documentElement.addEventListener(t,e,{capture:!0})}))})()</script><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <html lang="en">
<script id="allow-copy_script">(function t(){var t=!1;document.addEventListener("allow_copy",(function(n){t=n.detail.unlock}));var n=["copy","cut","contextmenu","selectstart","mousedown","mouseup","mousemove","keydown","keypress","keyup"],e=function(n){t&&(n.stopPropagation(),n.stopImmediatePropagation&&n.stopImmediatePropagation())};n.forEach((function(t){document.documentElement.addEventListener(t,e,{capture:!0})}))})()</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="https://cjrtnc.leaningtech.com/2.3/loader.js"></script> <script src="https://cjrtnc.leaningtech.com/2.3/loader.js"></script>
<script src="../templates/data.js"></script> <script src="../templates/data.js"></script>
</script>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content=""> <meta name="description" content="">
@ -169,6 +172,7 @@
} }
} }
</style> </style>
@ -177,7 +181,7 @@
<div id="replayWindowGame"> <div id="replayWindowGame">
</div> </div>
<p><b>Click "Q" to stop replay and quit</b></p> <p><b>Click "Q" to stop replay and quit</b></p>
<div align="center" id = "replayButton" class="cirButton"><button onClick='closeReplayWindow()'>Close Window</button></div> <div align="center" id = "replayButton" ><button onClick='closeReplayWindow()' class="cirButton" width="80%">Close Window</button></div>
</div> </div>

34
templates/GameQuestion.html
View File

@ -2,7 +2,7 @@
<!-- saved from url=(0029)http://aingames.cn/index.html --> <!-- saved from url=(0029)http://aingames.cn/index.html -->
<html lang="en"><script id="allow-copy_script">(function t(){var t=!1;document.addEventListener("allow_copy",(function(n){t=n.detail.unlock}));var n=["copy","cut","contextmenu","selectstart","mousedown","mouseup","mousemove","keydown","keypress","keyup"],e=function(n){t&&(n.stopPropagation(),n.stopImmediatePropagation&&n.stopImmediatePropagation())};n.forEach((function(t){document.documentElement.addEventListener(t,e,{capture:!0})}))})()</script><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <html lang="en"><script id="allow-copy_script">(function t(){var t=!1;document.addEventListener("allow_copy",(function(n){t=n.detail.unlock}));var n=["copy","cut","contextmenu","selectstart","mousedown","mouseup","mousemove","keydown","keypress","keyup"],e=function(n){t&&(n.stopPropagation(),n.stopImmediatePropagation&&n.stopImmediatePropagation())};n.forEach((function(t){document.documentElement.addEventListener(t,e,{capture:!0})}))})()</script><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="https://cjrtnc.leaningtech.com/2.3/loader.js"></script> <script src="https://cjrtnc.leaningtech.com/2.3/loader.js"></script>
</script>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content=""> <meta name="description" content="">
@ -232,7 +232,7 @@
<div class="col-md-6"> <div class="col-md-6">
<form action="result" method="POST" onSubmit="return beforeSubmit(this);"> <form action="result" method="POST" onSubmit="return beforeSubmit(this);">
<p><h4>Have you played Super Mario Bros before?</h4> <p><h4>1. Have you played Super Mario Bros before?</h4>
<label> <label>
<input type="radio" class="option-input radio" name="playeds" value="A" > <input type="radio" class="option-input radio" name="playeds" value="A" >
Yes, a lot Yes, a lot
@ -247,7 +247,7 @@
</label> </label>
</p> </p>
<p><h4>Do you play platform games like Super Mario Bros?</h4> <p><h4>2. Have you ever played platform games like Super Mario Bros?</h4>
<label> <label>
<input type="radio" class="option-input radio" name="playedp" value="A" > <input type="radio" class="option-input radio" name="playedp" value="A" >
Yes, a lot Yes, a lot
@ -262,7 +262,7 @@
</label> </label>
</p> </p>
<p><h4>What is your preferred action in Super Mario Bros?</h4> <p><h4>3. What is your preferred action in Super Mario Bros?</h4>
<label> <label>
<input type="radio" class="option-input radio" name="gamestyle" value="A" > <input type="radio" class="option-input radio" name="gamestyle" value="A" >
Speed run Speed run
@ -281,7 +281,7 @@
</label> </label>
</p> </p>
<p><h4>How frequently do you play games?</h4> <p><h4>4. How often do you play games?</h4>
<label> <label>
<input type="radio" class="option-input radio" name="frequency" value="A" > <input type="radio" class="option-input radio" name="frequency" value="A" >
More than 10 hours a week More than 10 hours a week
@ -304,38 +304,30 @@
</label> </label>
</p> </p>
<p><h4>What is your age?</h4> <p><h4>5. What is your age?</h4>
<label> <label>
<input type="radio" class="option-input radio" name="age" value="A" > <input type="radio" class="option-input radio" name="age" value="A" >
Below 20 Below 20
</label> </label>
<label> <label>
<input type="radio" class="option-input radio" name="age" value="B" > <input type="radio" class="option-input radio" name="age" value="B" >
20-29 20-39
</label> </label>
<label> <label>
<input type="radio" class="option-input radio" name="age" value="C" > <input type="radio" class="option-input radio" name="age" value="C" >
30-39 40-59
</label> </label>
<label> <label>
<input type="radio" class="option-input radio" name="age" value="D" > <input type="radio" class="option-input radio" name="age" value="D" >
40-49
</label>
<label>
<input type="radio" class="option-input radio" name="age" value="E" >
50-59
</label>
<label>
<input type="radio" class="option-input radio" name="age" value="F" >
Over 60 Over 60
</label> </label>
<label> <label>
<input type="radio" class="option-input radio" name="age" value="G" > <input type="radio" class="option-input radio" name="age" value="E" >
Prefer not to say Prefer not to say
</label> </label>
</p> </p>
<p><h4>What is your gender?</h4> <p><h4>6. What is your gender?</h4>
<label> <label>
<input type="radio" class="option-input radio" name="gender" value="A" > <input type="radio" class="option-input radio" name="gender" value="A" >
Male Male
@ -348,9 +340,13 @@
<input type="radio" class="option-input radio" name="gender" value="C" > <input type="radio" class="option-input radio" name="gender" value="C" >
Prefer not to say Prefer not to say
</label> </label>
<label>
<input type="radio" class="option-input radio" name="gender" value="C" >
Not listed
</label>
</p> </p>
<p><h4>How would you like to play?</h4> <p><h4>7. Please choose your control for later games.</h4>
<label> <label>
<input type="radio" class="option-input radio" name="control" value="A" > <input type="radio" class="option-input radio" name="control" value="A" >
ASD (run to left; duck; run to right) + JK (Jump; Speed Up) ASD (run to left; duck; run to right) + JK (Jump; Speed Up)

39
templates/GameTutorial.html
View File

@ -1,6 +1,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<!-- saved from url=(0029)http://aingames.cn/index.html --> <!-- saved from url=(0029)http://aingames.cn/index.html -->
<html lang="en"><script id="allow-copy_script">(function t(){var t=!1;document.addEventListener("allow_copy",(function(n){t=n.detail.unlock}));var n=["copy","cut","contextmenu","selectstart","mousedown","mouseup","mousemove","keydown","keypress","keyup"],e=function(n){t&&(n.stopPropagation(),n.stopImmediatePropagation&&n.stopImmediatePropagation())};n.forEach((function(t){document.documentElement.addEventListener(t,e,{capture:!0})}))})()</script><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <html lang="en">
<script id="allow-copy_script">(function t(){var t=!1;document.addEventListener("allow_copy",(function(n){t=n.detail.unlock}));var n=["copy","cut","contextmenu","selectstart","mousedown","mouseup","mousemove","keydown","keypress","keyup"],e=function(n){t&&(n.stopPropagation(),n.stopImmediatePropagation&&n.stopImmediatePropagation())};n.forEach((function(t){document.documentElement.addEventListener(t,e,{capture:!0})}))})()</script>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="https://cjrtnc.leaningtech.com/2.3/loader.js"></script> <script src="https://cjrtnc.leaningtech.com/2.3/loader.js"></script>
<script src="../templates/data.js"></script> <script src="../templates/data.js"></script>
@ -176,7 +178,30 @@
</p> </p>
</div> </div>
<script>
function display(){
var img=document.getElementById("windowshow");
if (img.style.visibility == "visible"){
img.style.visibility= "hidden";
}
}
</script>
<img style=" width: 80%; height: 90vh;top: 5vh; left: 10vw;
position: fixed;z-index: 900;cursor: pointer; visibility: hidden; " src="../templates/Web/pic.png" onclick="display()" id="windowshow">
<div align="center" id = "GameWindow"> <div align="center" id = "GameWindow">
<div class="loading-container" id="loading" style="visibility: visible"> <div class="loading-container" id="loading" style="visibility: visible">
<div class="loader"></div> <div class="loader"></div>
<div class="loading-text">Loading</div> <div class="loading-text">Loading</div>
@ -189,7 +214,7 @@
<div class="col-md-6" align="center" style="visibility: hidden;" id = "next"> <div class="col-md-6" align="center" style="visibility: hidden;" id = "next">
<br> <br>
<button onclick=" <button onclick="
window.location.href = window.location.href; window.location.href = window.location.href;
" class="cirButton"><h3>Repeat Tutorial</h3></button> " class="cirButton"><h3>Repeat Tutorial</h3></button>
</div> </div>
<div class="col-md-6" align="center" style="visibility: hidden;" id = "game"> <div class="col-md-6" align="center" style="visibility: hidden;" id = "game">
@ -201,9 +226,19 @@
<script> <script>
//Init Cheerpj Framework //Init Cheerpj Framework
cheerpjInit(); cheerpjInit();
var divElement = document.getElementById("GameWindow"); var divElement = document.getElementById("GameWindow");
var level = "t"+"{{tutorial}}"; var level = "t"+"{{tutorial}}";
var img=document.getElementById("windowshow");
if ("{{next}}"=="1"){
img.style.visibility= "visible";
}else{
img.style.visibility= "hidden";
}
cheerpjCreateDisplay(500,500,divElement); cheerpjCreateDisplay(500,500,divElement);
cheerpjRunMain("Play", "/app/Mario-AI-Interface.jar", "0", "f_l"); cheerpjRunMain("Play", "/app/Mario-AI-Interface.jar", "0", "f_l");

BIN
templates/Web/pic.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 362 KiB