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

Update pic and interaction of it

Browse Source
This commit is contained in:
Doveliyuchen 2023-03-07 19:03:10 +08:00
parent b81f121665
commit 2137d787d6
3 changed files with 31 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
templates/GameTutorial.html
View File

@ -3,7 +3,7 @@
<html lang="en"> <html lang="en">
<script <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> 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>
<script src = "https://code.jquery.com/jquery-1.12.4.js"></script>
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <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>
@ -199,7 +199,6 @@
<section id="news"> <section id="news">
<div class="container"> <div class="container">
<br>
<div class="row clearfix"> <div class="row clearfix">
@ -213,14 +212,14 @@
</div> </div>
<img style=" width: 80%; height: 90vh;top: 5vh; left: 10vw; <img style=" width: 80%; height: 90vh;top: 62px; left: 10vw;
position: fixed;z-index: 900; visibility: visible; " src="../templates/Web/pic.png" id="windowshow"> position: fixed;z-index: 900; visibility: visible; " src="../templates/Web/pic.png" 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>e <div class="loading-text">Loading</div>
</div> </div>
</div> </div>
@ -256,10 +255,7 @@
} }
document.getElementById("game").style.visibility = "visible"; document.getElementById("game").style.visibility = "visible";
}); });' class="cirButton">
' class="cirButton">
<h3>Repeat Tutorial</h3> <h3>Repeat Tutorial</h3>
</button> </button>
</div> </div>
@ -271,10 +267,36 @@
<h3>Play Game</h3> <h3>Play Game</h3>
</button> </button>
</div> </div>
<div class="col-md-6" id="countdown" style="z-index:999; position:fixed; left:11vw; bottom: 5vh; color: #000; font-size: xx-large;"></div>
<script>
function countdown() {
var count = 15; // 设置倒计时秒数
var timer = setInterval(function () {
count--;
if (count <= 0) {
clearInterval(timer);
$("#countdown").hide();
$("#windowshow:visible").hide(); // 倒计时结束后隐藏倒计时容器
} else {
$("#countdown").html("This instruction will close in "+ count +"s"); // 更新倒计时容器内容
$("#windowshow").click(function(){
$("#windowshow").hide();
$("#countdown").hide();
});
}
}, 1000);
}
$(document).ready(function () {
countdown();
});
</script>
<script> <script>
//Init Cheerpj Framework //Init Cheerpj Framework
cheerpjInit(); cheerpjInit();
var divElement = document.getElementById("GameWindow"); var divElement = document.getElementById("GameWindow");
var tutorialId = parseInt("{{tutorial}}") var tutorialId = parseInt("{{tutorial}}")

12
templates/GameWelcome.html
View File

@ -261,8 +261,7 @@
width: fit-content; width: fit-content;
display: flex; display: flex;
justify-content: center; justify-content: center;
min-width: fit-content; min-width: fit-content;">
">
<img src="../img/frameworkAD.gif"> <img src="../img/frameworkAD.gif">
</div> </div>
@ -293,19 +292,10 @@
<button onclick="window.location.href = '/question';" class="cirButton"><b> Start!</b> </button> <button onclick="window.location.href = '/question';" class="cirButton"><b> Start!</b> </button>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<!-- Footer mx-auto --> <!-- Footer mx-auto -->
<footer class="py-5 bg-dark"> <footer class="py-5 bg-dark">
<div class="container"> <div class="container">

BIN
templates/Web/pic.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 294 KiB

After

Width:  |  Height:  |  Size: 323 KiB