cloudflare
tcp/443 tcp/80 tcp/8443
Open service 172.66.44.158:8443 · movinggames.pages.dev
2026-01-12 23:47
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 23:47:59 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 2368
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "64d0c0f5df289fb1efce7604f9b6619e"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=FEsjaJxXaS6sg%2BaDzGvZGpwAGDVWii1c3Xjm%2F%2F84bPq2RIpI9ppZwBLNIoCTtWXhyBfaY3wrtrvf2%2FdVW3DIXIhtRpHaubTWV0d6Jj2En8ObJsiiWg%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bd08ac8ce7aed36-SJC
alt-svc: h3=":8443"; ma=86400
Page title: Video Canvas
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video Canvas</title>
<style>
html, body {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #f0f0f0;
}
.video-wrapper {
position: absolute;
top: 0;
right: 0;
z-index: -1; /* Place the video canvas in the background */
opacity: 0.5; /* Lower the opacity of the video */
}
#videoCanvas {
width: 320px;
height: 240px;
}
#loadingScreen {
position: absolute;
top: 0;
right: 0;
z-index: -2; /* Ensure the loading screen is also in the background but behind the video canvas */
background-color: rgba(0, 0, 0, 0.7);
color: white;
display: flex;
align-items: center;
justify-content: center;
width: 320px;
height: 240px;
}
.content-wrapper {
display: flex;
flex-direction: column;
align-items: center;
z-index: 1; /* Ensure content is above the video canvas */
}
.selection-wrapper {
margin-bottom: 20px;
z-index: 1; /* Ensure selection is above the video canvas */
}
</style>
</head>
<body>
<div class="selection-wrapper">
<select id="cameraSelect"></select>
</div>
<div class="video-wrapper">
<canvas id="videoCanvas"></canvas>
<div id="loadingScreen">Loading...</div>
</div>
<!-- Use Phaser3 CDN -->
<script src="https://cdn.jsdelivr.net/npm/phaser@3/dist/phaser.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/face_mesh"></script>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/camera_utils"></script>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/drawing_utils"></script>
<script src="js/mediapipe.js"></script>
<script src="js/control.js"></script>
<script src="js/main.js"></script>
</body>
</html>
Open service 2606:4700:310c::ac42:2f62:443 · movinggames.pages.dev
2026-01-12 23:47
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 23:47:59 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 2368
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "64d0c0f5df289fb1efce7604f9b6619e"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=lvcBcn4bmmtQW9Y9zd1%2BQ%2FhvpIRQne4zrUzFEPPhGGZY%2FB%2BgrI5aQ36ppebw7JPxpMiVfgLEOmOis2Sgg2NLsAJTz87U6EeR3i8y5ISU8WSoPxGubA4%2B4CaiR2W36VOByg%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bd08ac92a13b91e-AMS
alt-svc: h3=":443"; ma=86400
Page title: Video Canvas
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video Canvas</title>
<style>
html, body {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #f0f0f0;
}
.video-wrapper {
position: absolute;
top: 0;
right: 0;
z-index: -1; /* Place the video canvas in the background */
opacity: 0.5; /* Lower the opacity of the video */
}
#videoCanvas {
width: 320px;
height: 240px;
}
#loadingScreen {
position: absolute;
top: 0;
right: 0;
z-index: -2; /* Ensure the loading screen is also in the background but behind the video canvas */
background-color: rgba(0, 0, 0, 0.7);
color: white;
display: flex;
align-items: center;
justify-content: center;
width: 320px;
height: 240px;
}
.content-wrapper {
display: flex;
flex-direction: column;
align-items: center;
z-index: 1; /* Ensure content is above the video canvas */
}
.selection-wrapper {
margin-bottom: 20px;
z-index: 1; /* Ensure selection is above the video canvas */
}
</style>
</head>
<body>
<div class="selection-wrapper">
<select id="cameraSelect"></select>
</div>
<div class="video-wrapper">
<canvas id="videoCanvas"></canvas>
<div id="loadingScreen">Loading...</div>
</div>
<!-- Use Phaser3 CDN -->
<script src="https://cdn.jsdelivr.net/npm/phaser@3/dist/phaser.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/face_mesh"></script>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/camera_utils"></script>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/drawing_utils"></script>
<script src="js/mediapipe.js"></script>
<script src="js/control.js"></script>
<script src="js/main.js"></script>
</body>
</html>
Open service 172.66.47.98:443 · movinggames.pages.dev
2026-01-12 23:47
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 23:47:59 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 2368
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "64d0c0f5df289fb1efce7604f9b6619e"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=dnffXeUNa36KAzmXtHOcaO1GkRuCfVSAQzCM0An%2Bx3UVBGeLL7KklwXK9tyxy0pF1%2B2zuqM1jiiI3KmW56hzUXEc5OVvg9W87OfMA6Yfm1bebPKrjQ%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bd08ac8e8f839f5-YYZ
alt-svc: h3=":443"; ma=86400
Page title: Video Canvas
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video Canvas</title>
<style>
html, body {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #f0f0f0;
}
.video-wrapper {
position: absolute;
top: 0;
right: 0;
z-index: -1; /* Place the video canvas in the background */
opacity: 0.5; /* Lower the opacity of the video */
}
#videoCanvas {
width: 320px;
height: 240px;
}
#loadingScreen {
position: absolute;
top: 0;
right: 0;
z-index: -2; /* Ensure the loading screen is also in the background but behind the video canvas */
background-color: rgba(0, 0, 0, 0.7);
color: white;
display: flex;
align-items: center;
justify-content: center;
width: 320px;
height: 240px;
}
.content-wrapper {
display: flex;
flex-direction: column;
align-items: center;
z-index: 1; /* Ensure content is above the video canvas */
}
.selection-wrapper {
margin-bottom: 20px;
z-index: 1; /* Ensure selection is above the video canvas */
}
</style>
</head>
<body>
<div class="selection-wrapper">
<select id="cameraSelect"></select>
</div>
<div class="video-wrapper">
<canvas id="videoCanvas"></canvas>
<div id="loadingScreen">Loading...</div>
</div>
<!-- Use Phaser3 CDN -->
<script src="https://cdn.jsdelivr.net/npm/phaser@3/dist/phaser.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/face_mesh"></script>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/camera_utils"></script>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/drawing_utils"></script>
<script src="js/mediapipe.js"></script>
<script src="js/control.js"></script>
<script src="js/main.js"></script>
</body>
</html>
Open service 2606:4700:310c::ac42:2c9e:80 · movinggames.pages.dev
2026-01-12 23:47
HTTP/1.1 301 Moved Permanently
Date: Mon, 12 Jan 2026 23:47:59 GMT
Content-Length: 0
Connection: close
Location: https://movinggames.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=IQW5uYiSv5dDQDGHY58%2BjS12W1ZtXWsq0J0%2BliT0H93%2FprnNyu6xIr21mSq%2Bbs4aV%2FqhoGli%2BuCvj7Bw2xRDH8N21l2qwFU01ev6Ev00t2jVN4RhmyZAGYqu6PuUfoKUyA%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bd08ac848e435ae-YYZ
alt-svc: h3=":443"; ma=86400
Open service 2606:4700:310c::ac42:2f62:80 · movinggames.pages.dev
2026-01-12 23:47
HTTP/1.1 301 Moved Permanently
Date: Mon, 12 Jan 2026 23:47:59 GMT
Content-Length: 0
Connection: close
Location: https://movinggames.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=MTYxAgP6qzdDwJQBDr4PiArZqfOdKlnOFf5VSg3fHpD5YHUsNFOcEAFY%2Fj%2BxSICJJu5qwuN0qDLX3BRa2LFfYt%2BWa9GSdMiNG2fjsVFuJzAmtcf%2Fsv92K9zkahKTaO86Pg%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bd08ac84ef8aad0-YYZ
alt-svc: h3=":443"; ma=86400
Open service 2606:4700:310c::ac42:2f62:8443 · movinggames.pages.dev
2026-01-12 23:47
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 23:47:59 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 2368
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "64d0c0f5df289fb1efce7604f9b6619e"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=fXXt5PZddsXvngfE9H63ksVWLkRUMQexZEhd42WKpZ8N5i9LnM6tLDDXSdsUGjrTnw%2Bp6GJcjO9r%2F8CPI3nRdU3gzaMH%2FU5WwT%2F1TjMSWn4dJe8%2FbD0Y4JyAnUoVhn3PZg%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bd08ac83c743653-FRA
alt-svc: h3=":8443"; ma=86400
Page title: Video Canvas
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video Canvas</title>
<style>
html, body {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #f0f0f0;
}
.video-wrapper {
position: absolute;
top: 0;
right: 0;
z-index: -1; /* Place the video canvas in the background */
opacity: 0.5; /* Lower the opacity of the video */
}
#videoCanvas {
width: 320px;
height: 240px;
}
#loadingScreen {
position: absolute;
top: 0;
right: 0;
z-index: -2; /* Ensure the loading screen is also in the background but behind the video canvas */
background-color: rgba(0, 0, 0, 0.7);
color: white;
display: flex;
align-items: center;
justify-content: center;
width: 320px;
height: 240px;
}
.content-wrapper {
display: flex;
flex-direction: column;
align-items: center;
z-index: 1; /* Ensure content is above the video canvas */
}
.selection-wrapper {
margin-bottom: 20px;
z-index: 1; /* Ensure selection is above the video canvas */
}
</style>
</head>
<body>
<div class="selection-wrapper">
<select id="cameraSelect"></select>
</div>
<div class="video-wrapper">
<canvas id="videoCanvas"></canvas>
<div id="loadingScreen">Loading...</div>
</div>
<!-- Use Phaser3 CDN -->
<script src="https://cdn.jsdelivr.net/npm/phaser@3/dist/phaser.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/face_mesh"></script>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/camera_utils"></script>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/drawing_utils"></script>
<script src="js/mediapipe.js"></script>
<script src="js/control.js"></script>
<script src="js/main.js"></script>
</body>
</html>
Open service 2606:4700:310c::ac42:2c9e:8443 · movinggames.pages.dev
2026-01-12 23:47
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 23:47:59 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 2368
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "64d0c0f5df289fb1efce7604f9b6619e"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=u84Bw23G%2BuDlR74fEUzZ4KlwqRisjWnYSHN1hUYv%2FYYe8%2F6TMgHUh2Hs9RDogF%2B3oQlLTVgn8pzyrz7FBqRpH18JXRV%2BfGjuVUbXNTAW22f8ZfnOjjEQs44GrYnJaICV%2BA%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bd08ac838a1cef6-FRA
alt-svc: h3=":8443"; ma=86400
Page title: Video Canvas
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video Canvas</title>
<style>
html, body {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #f0f0f0;
}
.video-wrapper {
position: absolute;
top: 0;
right: 0;
z-index: -1; /* Place the video canvas in the background */
opacity: 0.5; /* Lower the opacity of the video */
}
#videoCanvas {
width: 320px;
height: 240px;
}
#loadingScreen {
position: absolute;
top: 0;
right: 0;
z-index: -2; /* Ensure the loading screen is also in the background but behind the video canvas */
background-color: rgba(0, 0, 0, 0.7);
color: white;
display: flex;
align-items: center;
justify-content: center;
width: 320px;
height: 240px;
}
.content-wrapper {
display: flex;
flex-direction: column;
align-items: center;
z-index: 1; /* Ensure content is above the video canvas */
}
.selection-wrapper {
margin-bottom: 20px;
z-index: 1; /* Ensure selection is above the video canvas */
}
</style>
</head>
<body>
<div class="selection-wrapper">
<select id="cameraSelect"></select>
</div>
<div class="video-wrapper">
<canvas id="videoCanvas"></canvas>
<div id="loadingScreen">Loading...</div>
</div>
<!-- Use Phaser3 CDN -->
<script src="https://cdn.jsdelivr.net/npm/phaser@3/dist/phaser.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/face_mesh"></script>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/camera_utils"></script>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/drawing_utils"></script>
<script src="js/mediapipe.js"></script>
<script src="js/control.js"></script>
<script src="js/main.js"></script>
</body>
</html>
Open service 172.66.47.98:80 · movinggames.pages.dev
2026-01-12 23:47
HTTP/1.1 301 Moved Permanently
Date: Mon, 12 Jan 2026 23:47:59 GMT
Content-Length: 0
Connection: close
Location: https://movinggames.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=ZCkJAa6IjPmaW5pbc8cZ9nIvvPaVRkkwZDkTtlN7rf2fuAf5aP6EyuSjgCX2XvORwc1nndlgbc8wI0zAsEaNmUwvDDUyhMyQ%2Bxe95BnL9Ghok84FRw%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bd08ac7ed41e862-FRA
alt-svc: h3=":443"; ma=86400
Open service 2606:4700:310c::ac42:2c9e:443 · movinggames.pages.dev
2026-01-12 23:47
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 23:47:59 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 2368
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "64d0c0f5df289fb1efce7604f9b6619e"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=Xvx42%2F9lZOuektKnR0tiGgcGcMoFrpamOmVHW%2Bp0T80BPkKhb4fMqEJLn%2BSuU6ypCb37np7p%2Fp26TLFo3Z2KBs9p81yfYHzuC8VUtw%2B87SBNZFGxvzjlTTY6hQdOexklTw%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bd08ac91f156684-AMS
alt-svc: h3=":443"; ma=86400
Page title: Video Canvas
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video Canvas</title>
<style>
html, body {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #f0f0f0;
}
.video-wrapper {
position: absolute;
top: 0;
right: 0;
z-index: -1; /* Place the video canvas in the background */
opacity: 0.5; /* Lower the opacity of the video */
}
#videoCanvas {
width: 320px;
height: 240px;
}
#loadingScreen {
position: absolute;
top: 0;
right: 0;
z-index: -2; /* Ensure the loading screen is also in the background but behind the video canvas */
background-color: rgba(0, 0, 0, 0.7);
color: white;
display: flex;
align-items: center;
justify-content: center;
width: 320px;
height: 240px;
}
.content-wrapper {
display: flex;
flex-direction: column;
align-items: center;
z-index: 1; /* Ensure content is above the video canvas */
}
.selection-wrapper {
margin-bottom: 20px;
z-index: 1; /* Ensure selection is above the video canvas */
}
</style>
</head>
<body>
<div class="selection-wrapper">
<select id="cameraSelect"></select>
</div>
<div class="video-wrapper">
<canvas id="videoCanvas"></canvas>
<div id="loadingScreen">Loading...</div>
</div>
<!-- Use Phaser3 CDN -->
<script src="https://cdn.jsdelivr.net/npm/phaser@3/dist/phaser.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/face_mesh"></script>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/camera_utils"></script>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/drawing_utils"></script>
<script src="js/mediapipe.js"></script>
<script src="js/control.js"></script>
<script src="js/main.js"></script>
</body>
</html>
Open service 172.66.47.98:8443 · movinggames.pages.dev
2026-01-12 23:47
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 23:47:59 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 2368
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "64d0c0f5df289fb1efce7604f9b6619e"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=AFya1QLWmjjfiegJ060tQa6LFwFmFFXU0R96H8y2pDBTl8Ft3A3NwtSdQLBNOyXEXVxmhf%2BTHjBINTmahXog%2BnUFKYaJQcV4eIcgucsvq8Yc2kuK6Q%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bd08ac92ebfdde3-AMS
alt-svc: h3=":8443"; ma=86400
Page title: Video Canvas
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video Canvas</title>
<style>
html, body {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #f0f0f0;
}
.video-wrapper {
position: absolute;
top: 0;
right: 0;
z-index: -1; /* Place the video canvas in the background */
opacity: 0.5; /* Lower the opacity of the video */
}
#videoCanvas {
width: 320px;
height: 240px;
}
#loadingScreen {
position: absolute;
top: 0;
right: 0;
z-index: -2; /* Ensure the loading screen is also in the background but behind the video canvas */
background-color: rgba(0, 0, 0, 0.7);
color: white;
display: flex;
align-items: center;
justify-content: center;
width: 320px;
height: 240px;
}
.content-wrapper {
display: flex;
flex-direction: column;
align-items: center;
z-index: 1; /* Ensure content is above the video canvas */
}
.selection-wrapper {
margin-bottom: 20px;
z-index: 1; /* Ensure selection is above the video canvas */
}
</style>
</head>
<body>
<div class="selection-wrapper">
<select id="cameraSelect"></select>
</div>
<div class="video-wrapper">
<canvas id="videoCanvas"></canvas>
<div id="loadingScreen">Loading...</div>
</div>
<!-- Use Phaser3 CDN -->
<script src="https://cdn.jsdelivr.net/npm/phaser@3/dist/phaser.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/face_mesh"></script>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/camera_utils"></script>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/drawing_utils"></script>
<script src="js/mediapipe.js"></script>
<script src="js/control.js"></script>
<script src="js/main.js"></script>
</body>
</html>
Open service 172.66.44.158:443 · movinggames.pages.dev
2026-01-12 23:47
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 23:47:59 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 2368
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "64d0c0f5df289fb1efce7604f9b6619e"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=NIIk35NE7I4DnnBZlnJw6cZ0hWYH1Bu6IpSoq1yU%2F4MxXpDZ%2BWw1UZPmWSpRFMxFL2fdot0xqa7XQaZ9BSk3OO0epTXa1fTkai37kBG45hHg2z%2FiKg%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bd08ac92ee1b8f4-AMS
alt-svc: h3=":443"; ma=86400
Page title: Video Canvas
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video Canvas</title>
<style>
html, body {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #f0f0f0;
}
.video-wrapper {
position: absolute;
top: 0;
right: 0;
z-index: -1; /* Place the video canvas in the background */
opacity: 0.5; /* Lower the opacity of the video */
}
#videoCanvas {
width: 320px;
height: 240px;
}
#loadingScreen {
position: absolute;
top: 0;
right: 0;
z-index: -2; /* Ensure the loading screen is also in the background but behind the video canvas */
background-color: rgba(0, 0, 0, 0.7);
color: white;
display: flex;
align-items: center;
justify-content: center;
width: 320px;
height: 240px;
}
.content-wrapper {
display: flex;
flex-direction: column;
align-items: center;
z-index: 1; /* Ensure content is above the video canvas */
}
.selection-wrapper {
margin-bottom: 20px;
z-index: 1; /* Ensure selection is above the video canvas */
}
</style>
</head>
<body>
<div class="selection-wrapper">
<select id="cameraSelect"></select>
</div>
<div class="video-wrapper">
<canvas id="videoCanvas"></canvas>
<div id="loadingScreen">Loading...</div>
</div>
<!-- Use Phaser3 CDN -->
<script src="https://cdn.jsdelivr.net/npm/phaser@3/dist/phaser.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/face_mesh"></script>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/camera_utils"></script>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/drawing_utils"></script>
<script src="js/mediapipe.js"></script>
<script src="js/control.js"></script>
<script src="js/main.js"></script>
</body>
</html>
Open service 172.66.44.158:80 · movinggames.pages.dev
2026-01-12 23:47
HTTP/1.1 301 Moved Permanently
Date: Mon, 12 Jan 2026 23:47:59 GMT
Content-Length: 0
Connection: close
Location: https://movinggames.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=jqxi7Jy1LRlZ0TLbbluyI4EB4W5urxXeLAjtmMBjtf44qaA2UuQEbph%2BlxF1nlcXivU5902RO985MMqNsiiG7U5%2BJSgfPRaGn1LoH3GXxLTtUga%2BAA%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bd08ac7df0f0d28-AMS
alt-svc: h3=":443"; ma=86400