number 4 complete start from 5 tomorow
dev sp
parent
1253dd5911
commit
dfa0499ab0
75
README.md
75
README.md
|
|
@ -1,50 +1,27 @@
|
||||||
# Welcome to [Astro](https://astro.build)
|
|
||||||
|
|
||||||
[](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics)
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
[](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/basics)
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="225px" height="225px" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
> 🧑🚀 **Seasoned astronaut?** Delete this file. Have fun!
|
<g><path style="opacity:1" fill="#fdfdfd" d="M -0.5,-0.5 C 74.5,-0.5 149.5,-0.5 224.5,-0.5C 224.5,74.5 224.5,149.5 224.5,224.5C 149.5,224.5 74.5,224.5 -0.5,224.5C -0.5,149.5 -0.5,74.5 -0.5,-0.5 Z"/></g>
|
||||||
|
<g><path style="opacity:1" fill="#798394" d="M 173.5,78.5 C 168.695,79.4872 163.695,79.8205 158.5,79.5C 158.83,95.0091 158.496,110.342 157.5,125.5C 157.5,109.833 157.5,94.1667 157.5,78.5C 162.833,78.5 168.167,78.5 173.5,78.5 Z"/></g>
|
||||||
|
<g><path style="opacity:1" fill="#192852" d="M 173.5,78.5 C 168.167,78.5 162.833,78.5 157.5,78.5C 157.5,94.1667 157.5,109.833 157.5,125.5C 140.005,126.662 122.338,126.829 104.5,126C 88.5206,121.885 82.354,111.719 86,95.5C 91.0975,81.4028 100.931,72.5695 115.5,69C 122.833,68.3333 130.167,68.3333 137.5,69C 138.549,72.1455 138.383,75.3122 137,78.5C 132.14,90.03 123.64,97.1966 111.5,100C 104.221,101.247 96.8876,101.747 89.5,101.5C 89.3129,112.495 94.6462,119.328 105.5,122C 121.497,122.5 137.497,122.667 153.5,122.5C 153.333,106.83 153.5,91.1631 154,75.5C 157.076,74.7117 160.242,74.2117 163.5,74C 148.833,64 134.167,54 119.5,44C 118.5,43.3333 117.5,43.3333 116.5,44C 100.167,55 83.8333,66 67.5,77C 65.6547,78.128 63.6547,78.628 61.5,78.5C 61.2965,76.6096 61.9632,75.1096 63.5,74C 69.7531,69.9571 75.9197,65.7905 82,61.5C 82.203,57.5787 82.703,53.7454 83.5,50C 84.549,49.5078 85.549,49.6744 86.5,50.5C 87.1667,52.8333 87.8333,55.1667 88.5,57.5C 98.2005,50.6522 108.201,44.3189 118.5,38.5C 136.611,50.1013 154.611,61.9346 172.5,74C 174.466,75.3466 174.799,76.8466 173.5,78.5 Z"/></g>
|
||||||
|
<g><path style="opacity:1" fill="#22a84b" d="M 118.5,72.5 C 123.5,72.5 128.5,72.5 133.5,72.5C 132.212,81.5577 127.545,88.3911 119.5,93C 110.724,96.285 101.724,97.1183 92.5,95.5C 101.7,85.1493 113.2,79.8159 127,79.5C 127.684,78.2161 127.517,77.0495 126.5,76C 121.777,75.3762 117.11,75.7095 112.5,77C 108.832,78.6828 105.165,80.0162 101.5,81C 106.712,77.0607 112.379,74.2273 118.5,72.5 Z"/></g>
|
||||||
|
<g><path style="opacity:1" fill="#182552" d="M 22.5,151.5 C 24.0799,153.717 25.0799,156.384 25.5,159.5C 29.6264,156.491 33.1264,157.158 36,161.5C 36.9285,165.244 36.4285,168.744 34.5,172C 30.8804,173.226 27.2137,173.726 23.5,173.5C 22.5027,166.197 22.1694,158.863 22.5,151.5 Z"/></g>
|
||||||
## 🚀 Project Structure
|
<g><path style="opacity:1" fill="#0f1e4f" d="M 136.5,151.5 C 137.822,154.768 138.489,158.435 138.5,162.5C 138.167,166.167 137.833,169.833 137.5,173.5C 136.503,166.197 136.169,158.863 136.5,151.5 Z"/></g>
|
||||||
|
<g><path style="opacity:1" fill="#edeff0" d="M 26.5,160.5 C 33.9905,160.323 35.9905,163.49 32.5,170C 24.8903,170.634 22.8903,167.468 26.5,160.5 Z"/></g>
|
||||||
Inside of your Astro project, you'll see the following folders and files:
|
<g><path style="opacity:1" fill="#212d56" d="M 80.5,157.5 C 83.6516,156.959 86.1516,157.959 88,160.5C 88.9284,165.02 88.5951,169.354 87,173.5C 85.7378,169.687 85.0712,165.687 85,161.5C 83,160.167 81,160.167 79,161.5C 78.6667,165.167 78.3333,168.833 78,172.5C 77.586,172.957 77.086,173.291 76.5,173.5C 75.5059,168.544 75.1725,163.544 75.5,158.5C 76.8221,158.33 77.9887,158.663 79,159.5C 79.7172,158.956 80.2172,158.289 80.5,157.5 Z"/></g>
|
||||||
|
<g><path style="opacity:1" fill="#192852" d="M 44.5,157.5 C 50.5471,157.547 53.5471,160.547 53.5,166.5C 49.774,166.177 46.1073,166.511 42.5,167.5C 42.9767,168.478 43.6433,169.311 44.5,170C 47.3315,170.212 49.9982,170.379 52.5,170.5C 45.6646,175.629 41.3313,173.962 39.5,165.5C 39.6724,161.807 41.3391,159.141 44.5,157.5 Z"/></g>
|
||||||
```
|
<g><path style="opacity:1" fill="#d8dbe0" d="M 44.5,160.5 C 48.2407,159.599 50.2407,160.932 50.5,164.5C 47.7531,164.813 45.0865,164.48 42.5,163.5C 43.1925,162.482 43.8592,161.482 44.5,160.5 Z"/></g>
|
||||||
/
|
<g><path style="opacity:1" fill="#202d56" d="M 60.5,157.5 C 63.2724,157.22 65.7724,157.887 68,159.5C 68.6054,157.519 69.6054,157.185 71,158.5C 71.8015,163.419 71.6349,168.252 70.5,173C 69.2559,173.456 68.4226,172.956 68,171.5C 64.304,174.425 60.9707,174.092 58,170.5C 55.6062,165.527 56.4395,161.194 60.5,157.5 Z"/></g>
|
||||||
├── public/
|
<g><path style="opacity:1" fill="#f7f8f8" d="M 61.5,160.5 C 68.6275,160.706 70.2942,163.873 66.5,170C 60.4983,170.993 58.3317,168.493 60,162.5C 60.7172,161.956 61.2172,161.289 61.5,160.5 Z"/></g>
|
||||||
│ └── favicon.svg
|
<g><path style="opacity:1" fill="#1b2953" d="M 163.5,157.5 C 169.547,157.547 172.547,160.547 172.5,166.5C 168.774,166.177 165.107,166.511 161.5,167.5C 161.833,168.167 162.167,168.833 162.5,169.5C 165.613,170.254 168.613,170.587 171.5,170.5C 167.115,174.665 162.949,174.332 159,169.5C 157.474,164.239 158.974,160.239 163.5,157.5 Z"/></g>
|
||||||
├── src/
|
<g><path style="opacity:1" fill="#d5d8dd" d="M 162.5,160.5 C 164.591,160.318 166.591,160.652 168.5,161.5C 169.386,162.325 169.719,163.325 169.5,164.5C 166.833,164.5 164.167,164.5 161.5,164.5C 161.433,163.041 161.766,161.708 162.5,160.5 Z"/></g>
|
||||||
│ ├── components/
|
<g><path style="opacity:1" fill="#192452" d="M 121.5,157.5 C 124.157,157.162 126.49,157.829 128.5,159.5C 129.167,159.167 129.833,158.833 130.5,158.5C 131.833,163.5 131.833,168.5 130.5,173.5C 128.383,172.468 126.217,172.468 124,173.5C 122.105,173.385 120.438,172.718 119,171.5C 116.418,166.12 117.251,161.453 121.5,157.5 Z"/></g>
|
||||||
│ │ └── Card.astro
|
<g><path style="opacity:1" fill="#f0f1f2" d="M 121.5,160.5 C 128.745,160.555 130.745,163.722 127.5,170C 119.89,170.634 117.89,167.468 121.5,160.5 Z"/></g>
|
||||||
│ ├── layouts/
|
<g><path style="opacity:1" fill="#1a2852" d="M 144.5,151.5 C 145.117,151.611 145.617,151.944 146,152.5C 146.333,156.5 146.667,160.5 147,164.5C 149.067,161.93 151.567,159.93 154.5,158.5C 154.833,158.833 155.167,159.167 155.5,159.5C 154.018,161.483 152.351,163.316 150.5,165C 152.333,166.833 154.167,168.667 156,170.5C 156.563,171.725 156.23,172.725 155,173.5C 152.793,170.436 149.959,168.436 146.5,167.5C 146.66,169.199 146.494,170.866 146,172.5C 145.333,173.833 144.667,173.833 144,172.5C 143.205,165.42 143.372,158.42 144.5,151.5 Z"/></g>
|
||||||
│ │ └── Layout.astro
|
<g><path style="opacity:1" fill="#172551" d="M 108.5,154.5 C 110.176,155.183 110.843,156.517 110.5,158.5C 115.833,159.167 115.833,159.833 110.5,160.5C 110.5,163.833 110.5,167.167 110.5,170.5C 115.276,170.671 115.609,171.671 111.5,173.5C 110.558,173.392 109.725,173.059 109,172.5C 108.501,168.514 108.334,164.514 108.5,160.5C 104.5,159.833 104.5,159.167 108.5,158.5C 108.5,157.167 108.5,155.833 108.5,154.5 Z"/></g>
|
||||||
│ └── pages/
|
<g><path style="opacity:1" fill="#1d2953" d="M 95.5,157.5 C 97.9363,157.317 100.103,157.984 102,159.5C 102.688,160.332 102.521,160.998 101.5,161.5C 92.5477,160.889 92.5477,162.389 101.5,166C 104.172,168.679 103.838,171.012 100.5,173C 97.4124,173.847 94.5791,173.347 92,171.5C 92.1862,167.706 93.3529,167.54 95.5,171C 98.9257,172.238 100.592,171.071 100.5,167.5C 92.2223,166.885 90.5556,163.551 95.5,157.5 Z"/></g>
|
||||||
│ └── index.astro
|
<g><path style="opacity:1" fill="#192753" d="M 187.5,151.5 C 188.822,154.768 189.489,158.435 189.5,162.5C 189.167,166.167 188.833,169.833 188.5,173.5C 187.808,172.975 187.308,172.308 187,171.5C 182.675,174.569 179.008,173.902 176,169.5C 173.91,163.291 175.91,159.291 182,157.5C 183.812,157.493 185.312,158.16 186.5,159.5C 187.48,156.914 187.813,154.247 187.5,151.5 Z"/></g>
|
||||||
└── package.json
|
<g><path style="opacity:1" fill="#f2f3f5" d="M 180.5,160.5 C 185.039,159.539 187.372,161.373 187.5,166C 187.561,167.711 186.894,169.044 185.5,170C 178.923,171.591 176.756,169.091 179,162.5C 179.717,161.956 180.217,161.289 180.5,160.5 Z"/></g>
|
||||||
```
|
<g><path style="opacity:1" fill="#192852" d="M 194.5,158.5 C 195.5,158.5 196.5,158.5 197.5,158.5C 197.335,162.182 197.501,165.848 198,169.5C 200,170.833 202,170.833 204,169.5C 204.499,165.848 204.665,162.182 204.5,158.5C 205.5,158.5 206.5,158.5 207.5,158.5C 207.665,162.182 207.499,165.848 207,169.5C 204.839,173.124 201.672,174.291 197.5,173C 196.299,172.097 195.465,170.931 195,169.5C 194.501,165.848 194.335,162.182 194.5,158.5 Z"/></g>
|
||||||
|
</svg>
|
||||||
Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
|
|
||||||
|
|
||||||
There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
|
|
||||||
|
|
||||||
Any static assets, like images, can be placed in the `public/` directory.
|
|
||||||
|
|
||||||
## 🧞 Commands
|
|
||||||
|
|
||||||
All commands are run from the root of the project, from a terminal:
|
|
||||||
|
|
||||||
| Command | Action |
|
|
||||||
| :--------------------- | :------------------------------------------------- |
|
|
||||||
| `npm install` | Installs dependencies |
|
|
||||||
| `npm run dev` | Starts local dev server at `localhost:3000` |
|
|
||||||
| `npm run build` | Build your production site to `./dist/` |
|
|
||||||
| `npm run preview` | Preview your build locally, before deploying |
|
|
||||||
| `npm run astro ...` | Run CLI commands like `astro add`, `astro preview` |
|
|
||||||
| `npm run astro --help` | Get help using the Astro CLI |
|
|
||||||
|
|
||||||
## 👀 Want to learn more?
|
|
||||||
|
|
||||||
Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).
|
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 7.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 7.8 KiB |
|
|
@ -12,6 +12,7 @@ const { title } = Astro.props;
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width" />
|
<meta name="viewport" content="width=device-width" />
|
||||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||||
|
<link rel="icon" type="image/ico+xml" href="/favicon.ico" />
|
||||||
<meta name="generator" content={Astro.generator} />
|
<meta name="generator" content={Astro.generator} />
|
||||||
<title>{title}</title>
|
<title>{title}</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
|
||||||
|
|
@ -59,6 +59,7 @@ import Layout from '../../layouts/Layout.astro';
|
||||||
};
|
};
|
||||||
let submitButton;
|
let submitButton;
|
||||||
let formattedDateTime;
|
let formattedDateTime;
|
||||||
|
let shortUniqueID;
|
||||||
gameResult = [];
|
gameResult = [];
|
||||||
window.onload = function() {
|
window.onload = function() {
|
||||||
// Get the current date and time
|
// Get the current date and time
|
||||||
|
|
@ -68,8 +69,18 @@ import Layout from '../../layouts/Layout.astro';
|
||||||
formattedDateTime = currentDate.toLocaleString();
|
formattedDateTime = currentDate.toLocaleString();
|
||||||
|
|
||||||
// Log the formatted date and time to the console
|
// Log the formatted date and time to the console
|
||||||
console.log("Page loaded on: " + formattedDateTime);
|
// console.log("Page loaded on: " + formattedDateTime);
|
||||||
};
|
};
|
||||||
|
function generateShortUniqueID(length) {
|
||||||
|
const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
|
||||||
|
let result = '';
|
||||||
|
for (let i = 0; i < length; i++) {
|
||||||
|
const randomIndex = Math.floor(Math.random() * characters.length);
|
||||||
|
result += characters.charAt(randomIndex);
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
};
|
||||||
|
shortUniqueID = generateShortUniqueID(10); // Change 10 to the desired length
|
||||||
if(isMobile){
|
if(isMobile){
|
||||||
noticeWidth = 100;
|
noticeWidth = 100;
|
||||||
noticeHeight = 0;
|
noticeHeight = 0;
|
||||||
|
|
@ -305,17 +316,19 @@ import Layout from '../../layouts/Layout.astro';
|
||||||
const displayW = window.innerWidth;
|
const displayW = window.innerWidth;
|
||||||
const URL = window.location.href;
|
const URL = window.location.href;
|
||||||
const gameName = URL.split('/');
|
const gameName = URL.split('/');
|
||||||
var gameResult = {
|
let userData = {
|
||||||
'f1' : gameName[3],
|
'status' : 'published',
|
||||||
'f2' : formattedDateTime,
|
'user_id': 'drag@beanstalkedu.com',
|
||||||
}
|
'game_name': gameName[3],
|
||||||
|
'game_open': formattedDateTime,
|
||||||
|
};
|
||||||
function submitUserData() {
|
function submitUserData() {
|
||||||
fetch(`https://management.beanstalkedu.com/items/game_result`, {
|
fetch(`https://management.beanstalkedu.com/items/game_result`, {
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
headers: {
|
headers: {
|
||||||
'Content-Type' : 'application/json'
|
'Content-Type' : 'application/json'
|
||||||
},
|
},
|
||||||
body: JSON.stringify(gameResult)
|
body: JSON.stringify(userData)
|
||||||
})
|
})
|
||||||
.then(response => {
|
.then(response => {
|
||||||
if(response.ok){
|
if(response.ok){
|
||||||
|
|
|
||||||
|
|
@ -32,17 +32,24 @@ import Layout from '../../layouts/Layout.astro';
|
||||||
var snapshotButton;
|
var snapshotButton;
|
||||||
let submitButton;
|
let submitButton;
|
||||||
let formattedDateTime;
|
let formattedDateTime;
|
||||||
|
let shortUniqueID;
|
||||||
gameResult = [];
|
gameResult = [];
|
||||||
window.onload = function() {
|
window.onload = function() {
|
||||||
// Get the current date and time
|
|
||||||
currentDate = new Date();
|
currentDate = new Date();
|
||||||
|
formattedDateTime = currentDate.toLocaleString();
|
||||||
// Format the date and time as a string
|
|
||||||
formattedDateTime = currentDate.toLocaleString();
|
|
||||||
|
|
||||||
// Log the formatted date and time to the console
|
|
||||||
console.log("Page loaded on: " + formattedDateTime);
|
console.log("Page loaded on: " + formattedDateTime);
|
||||||
};
|
};
|
||||||
|
function generateShortUniqueID(length) {
|
||||||
|
const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
|
||||||
|
let result = '';
|
||||||
|
for (let i = 0; i < length; i++) {
|
||||||
|
const randomIndex = Math.floor(Math.random() * characters.length);
|
||||||
|
result += characters.charAt(randomIndex);
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
// shortUniqueID = generateShortUniqueID(10); // Change 10 to the desired length
|
||||||
|
// console.log(shortUniqueID);
|
||||||
|
|
||||||
const params = new URLSearchParams(window.location.search);
|
const params = new URLSearchParams(window.location.search);
|
||||||
const paramsID = params.get('id');
|
const paramsID = params.get('id');
|
||||||
|
|
@ -104,23 +111,25 @@ import Layout from '../../layouts/Layout.astro';
|
||||||
});
|
});
|
||||||
const URL = window.location.href;
|
const URL = window.location.href;
|
||||||
const gameName = URL.split('/');
|
const gameName = URL.split('/');
|
||||||
var gameResult = {
|
let userData = {
|
||||||
'f1' : gameName[3],
|
'status' : 'published',
|
||||||
'f2' : formattedDateTime,
|
'user_id': 'drawing@beanstalkedu.com',
|
||||||
}
|
'game_name': gameName[3],
|
||||||
|
'game_open': formattedDateTime,
|
||||||
|
};
|
||||||
function submitUserData() {
|
function submitUserData() {
|
||||||
fetch(`https://management.beanstalkedu.com/items/game_result`, {
|
fetch(`https://management.beanstalkedu.com/items/game_result`, {
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
headers: {
|
headers: {
|
||||||
'Content-Type' : 'application/json'
|
'Content-Type' : 'application/json'
|
||||||
},
|
},
|
||||||
body: JSON.stringify(gameResult)
|
body: JSON.stringify(userData)
|
||||||
})
|
})
|
||||||
.then(response => {
|
.then(response => {
|
||||||
if(response.ok){
|
if(response.ok){
|
||||||
console.log('Data Saved', response)
|
// console.log('Data Saved', response)
|
||||||
} else{
|
} else{
|
||||||
console.log('Something Wrong', response)
|
// console.log('Something Wrong', response)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch(error => {
|
.catch(error => {
|
||||||
|
|
@ -142,6 +151,7 @@ import Layout from '../../layouts/Layout.astro';
|
||||||
submitButton.setVisible(true);
|
submitButton.setVisible(true);
|
||||||
submitButton.setInteractive().on('pointerdown', () => {
|
submitButton.setInteractive().on('pointerdown', () => {
|
||||||
console.log('Clicked');
|
console.log('Clicked');
|
||||||
|
submitButton.setVisible(false);
|
||||||
submitNotic.setVisible(true);
|
submitNotic.setVisible(true);
|
||||||
// windowLoad();
|
// windowLoad();
|
||||||
submitUserData();
|
submitUserData();
|
||||||
|
|
|
||||||
|
|
@ -39,6 +39,8 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
let firstLayer, secondLayer, thirdLayer;
|
let firstLayer, secondLayer, thirdLayer;
|
||||||
let graphics;
|
let graphics;
|
||||||
let isDrawing = false;
|
let isDrawing = false;
|
||||||
|
let formattedDateTime;
|
||||||
|
let gameStartTime = "stat timr here";
|
||||||
|
|
||||||
if(isMobile){
|
if(isMobile){
|
||||||
cloudeSize = 200;
|
cloudeSize = 200;
|
||||||
|
|
@ -59,6 +61,14 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -76,9 +86,27 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
|
window.onload = function() {
|
||||||
|
currentDate = new Date();
|
||||||
|
formattedDateTime = currentDate.toLocaleString();
|
||||||
|
console.log("Page loaded on: " + formattedDateTime);
|
||||||
|
};
|
||||||
|
// function gmStartTime() {
|
||||||
|
// let startTime = new Date();
|
||||||
|
// let gameStartTime = startTime.toLocaleString();
|
||||||
|
// console.log("Page loaded on: " + gameStartTime);
|
||||||
|
// };
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
function preload() {
|
function preload() {
|
||||||
|
|
@ -97,8 +125,64 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
this.load.image('bgMobile', '/assets/bgMobile.png');
|
this.load.image('bgMobile', '/assets/bgMobile.png');
|
||||||
this.load.image('canvasStand', '/assets/stand2.png');
|
this.load.image('canvasStand', '/assets/stand2.png');
|
||||||
}
|
}
|
||||||
|
|
||||||
function create() {
|
function create() {
|
||||||
|
const URL = window.location.href;
|
||||||
|
const urlSplit = URL.split('/');
|
||||||
|
const gameName = urlSplit[3] + '-' + urlSplit[4]
|
||||||
|
let userData = {
|
||||||
|
'status' : 'published',
|
||||||
|
'user_id': 'guided-tracing@beanstalkedu.com',
|
||||||
|
'game_name': gameName,
|
||||||
|
'game_open': formattedDateTime,
|
||||||
|
'game_start' : gameStartTime,
|
||||||
|
};
|
||||||
|
function submitUserData() {
|
||||||
|
console.log(userData)
|
||||||
|
fetch(`https://management.beanstalkedu.com/items/game_result`, {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
'Content-Type' : 'application/json'
|
||||||
|
},
|
||||||
|
body: JSON.stringify(userData)
|
||||||
|
})
|
||||||
|
.then(response => {
|
||||||
|
if(response.ok){
|
||||||
|
// console.log('Data Saved', response)
|
||||||
|
} else{
|
||||||
|
// console.log('Something Wrong', response)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(error => {
|
||||||
|
console.error('An error occured', error)
|
||||||
|
});
|
||||||
|
};
|
||||||
|
const submitNotic = this.add.text(window.innerWidth * 0.5 - noticeWidth, window.innerHeight * 0.85 - noticeHeight, 'Submitted Successfully', {
|
||||||
|
font: '600 20px Quicksand',
|
||||||
|
fill: 'blue'
|
||||||
|
}).setDepth(1);
|
||||||
|
submitNotic.setVisible(false);
|
||||||
|
submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
|
||||||
|
font: '900 24px Quicksand',
|
||||||
|
fill: '#05b3a4',
|
||||||
|
backgroundColor : '#7c4c23',
|
||||||
|
padding: {x: 10, y: 10},
|
||||||
|
shadow: {
|
||||||
|
offsetX : 2,
|
||||||
|
offsetY : 2,
|
||||||
|
color: '#000',
|
||||||
|
blur: 5,
|
||||||
|
fill: true
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
submitButton.setVisible(false);
|
||||||
|
submitButton.setInteractive().on('pointerdown', () => {
|
||||||
|
console.log('Clicked');
|
||||||
|
submitButton.setVisible(false);
|
||||||
|
submitNotic.setVisible(true);
|
||||||
|
// windowLoad();
|
||||||
|
submitUserData();
|
||||||
|
})
|
||||||
this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
|
this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
|
||||||
this.add.text(customWidth / 10, 20, "Number : 0", { font: '700 40px quicksand', fill: '#05b3a4', });
|
this.add.text(customWidth / 10, 20, "Number : 0", { font: '700 40px quicksand', fill: '#05b3a4', });
|
||||||
// this.add.image(customWidth / 2, 50, 'cloud').setDepth(1.9);
|
// this.add.image(customWidth / 2, 50, 'cloud').setDepth(1.9);
|
||||||
|
|
@ -116,21 +200,20 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9);
|
const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9);
|
||||||
|
|
||||||
|
const scaleFactor = sunScalePlus; // Scale factor (2 means double the size)
|
||||||
const scaleFactor = sunScalePlus; // Scale factor (2 means double the size)
|
const duration = 3000; // Duration of the animation in milliseconds
|
||||||
const duration = 3000; // Duration of the animation in milliseconds
|
|
||||||
|
|
||||||
// Create a scaling tween
|
// Create a scaling tween
|
||||||
this.tweens.add({
|
this.tweens.add({
|
||||||
targets: sun,
|
targets: sun,
|
||||||
scaleX: scaleFactor,
|
scaleX: scaleFactor,
|
||||||
scaleY: scaleFactor,
|
scaleY: scaleFactor,
|
||||||
duration: duration,
|
duration: duration,
|
||||||
ease: 'Linear',
|
ease: 'Linear',
|
||||||
yoyo: true, // Makes the animation play in reverse
|
yoyo: true, // Makes the animation play in reverse
|
||||||
repeat: -1 // Repeat indefinitely
|
repeat: -1 // Repeat indefinitely
|
||||||
});
|
});
|
||||||
|
|
||||||
const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale);
|
const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale);
|
||||||
this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'number0').setAlpha(0.2).setDepth(0.5).setScale(letterScale);
|
this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'number0').setAlpha(0.2).setDepth(0.5).setScale(letterScale);
|
||||||
const firstScreen = this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'number0').setDepth(2).setScale(letterScale);
|
const firstScreen = this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'number0').setDepth(2).setScale(letterScale);
|
||||||
|
|
@ -143,8 +226,6 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
maskGraphics.fillRect(customWidth / 2 - (canvas.width * canvasScale) / 2, customHeight / 2 + canvasHeight - (canvas.height * canvasScale) / 2, canvas.width * canvasScale, canvas.height * canvasScale);
|
maskGraphics.fillRect(customWidth / 2 - (canvas.width * canvasScale) / 2, customHeight / 2 + canvasHeight - (canvas.height * canvasScale) / 2, canvas.width * canvasScale, canvas.height * canvasScale);
|
||||||
const mask = maskGraphics.createGeometryMask();
|
const mask = maskGraphics.createGeometryMask();
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
let hideButton = this.add.text(helpButtonWidth, helpButtonHeight, "Let`s Do", {
|
let hideButton = this.add.text(helpButtonWidth, helpButtonHeight, "Let`s Do", {
|
||||||
font: '900 24px quicksand',
|
font: '900 24px quicksand',
|
||||||
fill: '#05b3a4',
|
fill: '#05b3a4',
|
||||||
|
|
@ -283,13 +364,18 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
// gmStartTime();
|
||||||
|
gamestart = new Date();
|
||||||
|
gameStartTime = gamestart.toLocaleString();
|
||||||
|
console.log("Page loaded on: " + gameStartTime);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false);
|
||||||
|
firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
hideButton.setVisible(false);
|
hideButton.setVisible(false);
|
||||||
demoButton.setVisible(true);
|
demoButton.setVisible(true);
|
||||||
startButton.setVisible(false);
|
startButton.setVisible(false);
|
||||||
|
submitButton.setVisible(true);
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -39,6 +39,8 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
let firstLayer, secondLayer, thirdLayer;
|
let firstLayer, secondLayer, thirdLayer;
|
||||||
let graphics;
|
let graphics;
|
||||||
let isDrawing = false;
|
let isDrawing = false;
|
||||||
|
let formattedDateTime;
|
||||||
|
let gameStartTime = "stat timr here";
|
||||||
|
|
||||||
if(isMobile){
|
if(isMobile){
|
||||||
cloudeSize = 200;
|
cloudeSize = 200;
|
||||||
|
|
@ -60,6 +62,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -72,7 +78,6 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
sunScalePlus = 0.25;
|
sunScalePlus = 0.25;
|
||||||
sunWidth = 200;
|
sunWidth = 200;
|
||||||
sunHeight = 100;
|
sunHeight = 100;
|
||||||
|
|
||||||
animated1videoScale = 0.70;
|
animated1videoScale = 0.70;
|
||||||
animated1Height = 20;
|
animated1Height = 20;
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
|
|
@ -80,7 +85,16 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
|
window.onload = function() {
|
||||||
|
currentDate = new Date();
|
||||||
|
formattedDateTime = currentDate.toLocaleString();
|
||||||
|
console.log("Page loaded on: " + formattedDateTime);
|
||||||
|
};
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
function preload() {
|
function preload() {
|
||||||
|
|
@ -102,6 +116,63 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
}
|
}
|
||||||
|
|
||||||
function create() {
|
function create() {
|
||||||
|
const URL = window.location.href;
|
||||||
|
const urlSplit = URL.split('/');
|
||||||
|
const gameName = urlSplit[3] + '-' + urlSplit[4]
|
||||||
|
let userData = {
|
||||||
|
'status' : 'published',
|
||||||
|
'user_id': 'guided-tracing@beanstalkedu.com',
|
||||||
|
'game_name': gameName,
|
||||||
|
'game_open': formattedDateTime,
|
||||||
|
'game_start' : gameStartTime,
|
||||||
|
};
|
||||||
|
function submitUserData() {
|
||||||
|
console.log(userData)
|
||||||
|
fetch(`https://management.beanstalkedu.com/items/game_result`, {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
'Content-Type' : 'application/json'
|
||||||
|
},
|
||||||
|
body: JSON.stringify(userData)
|
||||||
|
})
|
||||||
|
.then(response => {
|
||||||
|
if(response.ok){
|
||||||
|
// console.log('Data Saved', response)
|
||||||
|
} else{
|
||||||
|
// console.log('Something Wrong', response)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(error => {
|
||||||
|
console.error('An error occured', error)
|
||||||
|
});
|
||||||
|
};
|
||||||
|
const submitNotic = this.add.text(window.innerWidth * 0.5 - noticeWidth, window.innerHeight * 0.85 - noticeHeight, 'Submitted Successfully', {
|
||||||
|
font: '600 20px Quicksand',
|
||||||
|
fill: 'blue'
|
||||||
|
}).setDepth(1);
|
||||||
|
submitNotic.setVisible(false);
|
||||||
|
submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
|
||||||
|
font: '900 24px Quicksand',
|
||||||
|
fill: '#05b3a4',
|
||||||
|
backgroundColor : '#7c4c23',
|
||||||
|
padding: {x: 10, y: 10},
|
||||||
|
shadow: {
|
||||||
|
offsetX : 2,
|
||||||
|
offsetY : 2,
|
||||||
|
color: '#000',
|
||||||
|
blur: 5,
|
||||||
|
fill: true
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
submitButton.setVisible(false);
|
||||||
|
submitButton.setInteractive().on('pointerdown', () => {
|
||||||
|
console.log('Clicked');
|
||||||
|
submitButton.setVisible(false);
|
||||||
|
submitNotic.setVisible(true);
|
||||||
|
// windowLoad();
|
||||||
|
submitUserData();
|
||||||
|
})
|
||||||
this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
|
this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
|
||||||
this.add.text(customWidth / 10, 20, "Number : 1", { font: '700 40px quicksand', fill: '#05b3a4', });
|
this.add.text(customWidth / 10, 20, "Number : 1", { font: '700 40px quicksand', fill: '#05b3a4', });
|
||||||
// this.add.image(customWidth / 2, 50, 'cloud').setDepth(1.9);
|
// this.add.image(customWidth / 2, 50, 'cloud').setDepth(1.9);
|
||||||
|
|
@ -286,8 +357,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false);
|
||||||
|
firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
hideButton.setVisible(false);
|
hideButton.setVisible(false);
|
||||||
demoButton.setVisible(true);
|
demoButton.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -39,6 +39,8 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
let firstLayer, secondLayer;
|
let firstLayer, secondLayer;
|
||||||
let graphics;
|
let graphics;
|
||||||
let isDrawing = false;
|
let isDrawing = false;
|
||||||
|
let formattedDateTime;
|
||||||
|
let gameStartTime = "start time here";
|
||||||
|
|
||||||
if(isMobile){
|
if(isMobile){
|
||||||
cloudeSize = 200;
|
cloudeSize = 200;
|
||||||
|
|
@ -60,6 +62,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -72,15 +78,22 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
sunScalePlus = 0.25;
|
sunScalePlus = 0.25;
|
||||||
sunWidth = 200;
|
sunWidth = 200;
|
||||||
sunHeight = 100;
|
sunHeight = 100;
|
||||||
|
|
||||||
animated2Scale = 0.55;
|
animated2Scale = 0.55;
|
||||||
animated2Height = 20;
|
animated2Height = 20;
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
|
window.onload = function() {
|
||||||
|
currentDate = new Date();
|
||||||
|
formattedDateTime = currentDate.toLocaleString();
|
||||||
|
console.log("Page loaded on: " + formattedDateTime);
|
||||||
|
};
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
function preload() {
|
function preload() {
|
||||||
|
|
@ -104,6 +117,63 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
}
|
}
|
||||||
|
|
||||||
function create() {
|
function create() {
|
||||||
|
const URL = window.location.href;
|
||||||
|
const urlSplit = URL.split('/');
|
||||||
|
const gameName = urlSplit[3] + '-' + urlSplit[4]
|
||||||
|
let userData = {
|
||||||
|
'status' : 'published',
|
||||||
|
'user_id': 'guided-tracing@beanstalkedu.com',
|
||||||
|
'game_name': gameName,
|
||||||
|
'game_open': formattedDateTime,
|
||||||
|
'game_start' : gameStartTime,
|
||||||
|
};
|
||||||
|
function submitUserData() {
|
||||||
|
console.log(userData)
|
||||||
|
fetch(`https://management.beanstalkedu.com/items/game_result`, {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
'Content-Type' : 'application/json'
|
||||||
|
},
|
||||||
|
body: JSON.stringify(userData)
|
||||||
|
})
|
||||||
|
.then(response => {
|
||||||
|
if(response.ok){
|
||||||
|
// console.log('Data Saved', response)
|
||||||
|
} else{
|
||||||
|
// console.log('Something Wrong', response)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(error => {
|
||||||
|
console.error('An error occured', error)
|
||||||
|
});
|
||||||
|
};
|
||||||
|
const submitNotic = this.add.text(window.innerWidth * 0.5 - noticeWidth, window.innerHeight * 0.85 - noticeHeight, 'Submitted Successfully', {
|
||||||
|
font: '600 20px Quicksand',
|
||||||
|
fill: 'blue'
|
||||||
|
}).setDepth(1);
|
||||||
|
submitNotic.setVisible(false);
|
||||||
|
submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
|
||||||
|
font: '900 24px Quicksand',
|
||||||
|
fill: '#05b3a4',
|
||||||
|
backgroundColor : '#7c4c23',
|
||||||
|
padding: {x: 10, y: 10},
|
||||||
|
shadow: {
|
||||||
|
offsetX : 2,
|
||||||
|
offsetY : 2,
|
||||||
|
color: '#000',
|
||||||
|
blur: 5,
|
||||||
|
fill: true
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
submitButton.setVisible(false);
|
||||||
|
submitButton.setInteractive().on('pointerdown', () => {
|
||||||
|
console.log('Clicked');
|
||||||
|
submitButton.setVisible(false);
|
||||||
|
submitNotic.setVisible(true);
|
||||||
|
// windowLoad();
|
||||||
|
submitUserData();
|
||||||
|
})
|
||||||
this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
|
this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
|
||||||
this.add.text(customWidth / 10, 20, "Number : 2", { font: '700 40px quicksand', fill: '#05b3a4', });
|
this.add.text(customWidth / 10, 20, "Number : 2", { font: '700 40px quicksand', fill: '#05b3a4', });
|
||||||
// this.add.image(customWidth / 2, 50, 'cloud').setDepth(1.9);
|
// this.add.image(customWidth / 2, 50, 'cloud').setDepth(1.9);
|
||||||
|
|
@ -320,8 +390,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false);
|
||||||
|
firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
hideButton.setVisible(false);
|
hideButton.setVisible(false);
|
||||||
demoButton.setVisible(true);
|
demoButton.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -39,6 +39,8 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
let firstLayer, secondLayer;
|
let firstLayer, secondLayer;
|
||||||
let graphics;
|
let graphics;
|
||||||
let isDrawing = false;
|
let isDrawing = false;
|
||||||
|
let formattedDateTime;
|
||||||
|
let gameStartTime = "start time here";
|
||||||
|
|
||||||
if(isMobile){
|
if(isMobile){
|
||||||
cloudeSize = 200;
|
cloudeSize = 200;
|
||||||
|
|
@ -60,6 +62,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -77,10 +83,18 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
animated3Height = 20;
|
animated3Height = 20;
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
|
window.onload = function() {
|
||||||
|
currentDate = new Date();
|
||||||
|
formattedDateTime = currentDate.toLocaleString();
|
||||||
|
console.log("Page loaded on: " + formattedDateTime);
|
||||||
|
};
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
function preload() {
|
function preload() {
|
||||||
|
|
@ -103,6 +117,63 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
}
|
}
|
||||||
|
|
||||||
function create() {
|
function create() {
|
||||||
|
const URL = window.location.href;
|
||||||
|
const urlSplit = URL.split('/');
|
||||||
|
const gameName = urlSplit[3] + '-' + urlSplit[4]
|
||||||
|
let userData = {
|
||||||
|
'status' : 'published',
|
||||||
|
'user_id': 'guided-tracing@beanstalkedu.com',
|
||||||
|
'game_name': gameName,
|
||||||
|
'game_open': formattedDateTime,
|
||||||
|
'game_start' : gameStartTime,
|
||||||
|
};
|
||||||
|
function submitUserData() {
|
||||||
|
console.log(userData)
|
||||||
|
fetch(`https://management.beanstalkedu.com/items/game_result`, {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
'Content-Type' : 'application/json'
|
||||||
|
},
|
||||||
|
body: JSON.stringify(userData)
|
||||||
|
})
|
||||||
|
.then(response => {
|
||||||
|
if(response.ok){
|
||||||
|
// console.log('Data Saved', response)
|
||||||
|
} else{
|
||||||
|
// console.log('Something Wrong', response)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(error => {
|
||||||
|
console.error('An error occured', error)
|
||||||
|
});
|
||||||
|
};
|
||||||
|
const submitNotic = this.add.text(window.innerWidth * 0.5 - noticeWidth, window.innerHeight * 0.85 - noticeHeight, 'Submitted Successfully', {
|
||||||
|
font: '600 20px Quicksand',
|
||||||
|
fill: 'blue'
|
||||||
|
}).setDepth(1);
|
||||||
|
submitNotic.setVisible(false);
|
||||||
|
submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
|
||||||
|
font: '900 24px Quicksand',
|
||||||
|
fill: '#05b3a4',
|
||||||
|
backgroundColor : '#7c4c23',
|
||||||
|
padding: {x: 10, y: 10},
|
||||||
|
shadow: {
|
||||||
|
offsetX : 2,
|
||||||
|
offsetY : 2,
|
||||||
|
color: '#000',
|
||||||
|
blur: 5,
|
||||||
|
fill: true
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
submitButton.setVisible(false);
|
||||||
|
submitButton.setInteractive().on('pointerdown', () => {
|
||||||
|
console.log('Clicked');
|
||||||
|
submitButton.setVisible(false);
|
||||||
|
submitNotic.setVisible(true);
|
||||||
|
// windowLoad();
|
||||||
|
submitUserData();
|
||||||
|
})
|
||||||
this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
|
this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
|
||||||
this.add.text(customWidth / 10, 20, "Number : 3", { font: '700 40px quicksand', fill: '#05b3a4', });
|
this.add.text(customWidth / 10, 20, "Number : 3", { font: '700 40px quicksand', fill: '#05b3a4', });
|
||||||
// this.add.image(customWidth / 2, 50, 'cloud').setDepth(1.9);
|
// this.add.image(customWidth / 2, 50, 'cloud').setDepth(1.9);
|
||||||
|
|
@ -319,8 +390,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false);
|
||||||
|
firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
hideButton.setVisible(false);
|
hideButton.setVisible(false);
|
||||||
demoButton.setVisible(true);
|
demoButton.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -39,6 +39,8 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
let firstLayer, secondLayer, thirdLayer;
|
let firstLayer, secondLayer, thirdLayer;
|
||||||
let graphics;
|
let graphics;
|
||||||
let isDrawing = false;
|
let isDrawing = false;
|
||||||
|
let formattedDateTime;
|
||||||
|
let gameStartTime = "start time here";
|
||||||
// let x = 100;
|
// let x = 100;
|
||||||
|
|
||||||
// // Use x
|
// // Use x
|
||||||
|
|
@ -64,6 +66,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -84,7 +90,16 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
|
window.onload = function() {
|
||||||
|
currentDate = new Date();
|
||||||
|
formattedDateTime = currentDate.toLocaleString();
|
||||||
|
console.log("Page loaded on: " + formattedDateTime);
|
||||||
|
};
|
||||||
function preload() {
|
function preload() {
|
||||||
this.load.video('animated4', '/assets/animated-letter/number_4.mp4');
|
this.load.video('animated4', '/assets/animated-letter/number_4.mp4');
|
||||||
this.load.svg('number4', '/assets/numeric/n4.svg');
|
this.load.svg('number4', '/assets/numeric/n4.svg');
|
||||||
|
|
@ -108,6 +123,62 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
}
|
}
|
||||||
|
|
||||||
function create() {
|
function create() {
|
||||||
|
const URL = window.location.href;
|
||||||
|
const urlSplit = URL.split('/');
|
||||||
|
const gameName = urlSplit[3] + '-' + urlSplit[4]
|
||||||
|
let userData = {
|
||||||
|
'status' : 'published',
|
||||||
|
'user_id': 'guided-tracing@beanstalkedu.com',
|
||||||
|
'game_name': gameName,
|
||||||
|
'game_open': formattedDateTime,
|
||||||
|
'game_start' : gameStartTime,
|
||||||
|
};
|
||||||
|
function submitUserData() {
|
||||||
|
console.log(userData)
|
||||||
|
fetch(`https://management.beanstalkedu.com/items/game_result`, {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
'Content-Type' : 'application/json'
|
||||||
|
},
|
||||||
|
body: JSON.stringify(userData)
|
||||||
|
})
|
||||||
|
.then(response => {
|
||||||
|
if(response.ok){
|
||||||
|
// console.log('Data Saved', response)
|
||||||
|
} else{
|
||||||
|
// console.log('Something Wrong', response)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(error => {
|
||||||
|
console.error('An error occured', error)
|
||||||
|
});
|
||||||
|
};
|
||||||
|
const submitNotic = this.add.text(window.innerWidth * 0.5 - noticeWidth, window.innerHeight * 0.85 - noticeHeight, 'Submitted Successfully', {
|
||||||
|
font: '600 20px Quicksand',
|
||||||
|
fill: 'blue'
|
||||||
|
}).setDepth(1);
|
||||||
|
submitNotic.setVisible(false);
|
||||||
|
submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
|
||||||
|
font: '900 24px Quicksand',
|
||||||
|
fill: '#05b3a4',
|
||||||
|
backgroundColor : '#7c4c23',
|
||||||
|
padding: {x: 10, y: 10},
|
||||||
|
shadow: {
|
||||||
|
offsetX : 2,
|
||||||
|
offsetY : 2,
|
||||||
|
color: '#000',
|
||||||
|
blur: 5,
|
||||||
|
fill: true
|
||||||
|
}
|
||||||
|
});
|
||||||
|
submitButton.setVisible(false);
|
||||||
|
submitButton.setInteractive().on('pointerdown', () => {
|
||||||
|
console.log('Clicked');
|
||||||
|
submitButton.setVisible(false);
|
||||||
|
submitNotic.setVisible(true);
|
||||||
|
// windowLoad();
|
||||||
|
submitUserData();
|
||||||
|
})
|
||||||
this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
|
this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
|
||||||
this.add.text(customWidth / 10, 20, "Number : 4", { font: '700 40px quicksand', fill: '#05b3a4', });
|
this.add.text(customWidth / 10, 20, "Number : 4", { font: '700 40px quicksand', fill: '#05b3a4', });
|
||||||
const cloud = this.add.tileSprite(customWidth / 2, customHeight / 2 - cloudHeight, customWidth, cloudeSize, 'cloud').setAlpha(0.9);
|
const cloud = this.add.tileSprite(customWidth / 2, customHeight / 2 - cloudHeight, customWidth, cloudeSize, 'cloud').setAlpha(0.9);
|
||||||
|
|
@ -351,8 +422,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false);
|
||||||
|
firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
hideButton.setVisible(false);
|
hideButton.setVisible(false);
|
||||||
demoButton.setVisible(true);
|
demoButton.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -64,6 +64,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -82,8 +86,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
function preload() {
|
function preload() {
|
||||||
this.load.video('animated5', '/assets/animated-letter/number_5.mp4');
|
this.load.video('animated5', '/assets/animated-letter/number_5.mp4');
|
||||||
|
|
@ -352,6 +360,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -60,6 +60,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -78,8 +82,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -320,6 +328,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -60,6 +60,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -78,8 +82,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -320,6 +328,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -60,6 +60,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -78,8 +82,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -320,6 +328,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -60,6 +60,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -78,8 +82,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -320,6 +328,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -64,6 +64,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -81,8 +85,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
function preload() {
|
function preload() {
|
||||||
this.load.video('animatedA', '/assets/animated-letter/capital_a.mp4');
|
this.load.video('animatedA', '/assets/animated-letter/capital_a.mp4');
|
||||||
|
|
@ -342,6 +350,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -59,6 +59,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -76,8 +80,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -351,6 +359,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -57,6 +57,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonWidth = customWidth / 2 + 10;
|
helpButtonWidth = customWidth / 2 + 10;
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -74,8 +78,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -281,6 +289,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -59,6 +59,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -76,8 +80,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -313,6 +321,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -58,6 +58,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -74,8 +78,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
function preload() {
|
function preload() {
|
||||||
this.load.video('animatedE', '/assets/animated-letter/capital_e.mp4');
|
this.load.video('animatedE', '/assets/animated-letter/capital_e.mp4');
|
||||||
|
|
@ -380,6 +388,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -63,6 +63,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -80,8 +84,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
function preload() {
|
function preload() {
|
||||||
this.load.video('animatedF', '/assets/animated-letter/capital_f.mp4');
|
this.load.video('animatedF', '/assets/animated-letter/capital_f.mp4');
|
||||||
|
|
@ -342,6 +350,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -59,6 +59,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -76,8 +80,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -315,6 +323,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -63,6 +63,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -80,8 +84,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
function preload() {
|
function preload() {
|
||||||
this.load.video('animatedH', '/assets/animated-letter/capital_h.mp4');
|
this.load.video('animatedH', '/assets/animated-letter/capital_h.mp4');
|
||||||
|
|
@ -346,6 +354,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -63,6 +63,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -80,8 +84,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
function preload() {
|
function preload() {
|
||||||
this.load.video('animatedI', '/assets/animated-letter/capital_i.mp4');
|
this.load.video('animatedI', '/assets/animated-letter/capital_i.mp4');
|
||||||
|
|
@ -345,6 +353,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -59,6 +59,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -76,8 +80,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -63,6 +63,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -80,8 +84,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
function preload() {
|
function preload() {
|
||||||
this.load.video('animatedK', '/assets/animated-letter/capital_k.mp4');
|
this.load.video('animatedK', '/assets/animated-letter/capital_k.mp4');
|
||||||
|
|
@ -345,6 +353,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -59,6 +59,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -76,8 +80,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -315,6 +323,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -59,6 +59,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -76,8 +80,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
function preload() {
|
function preload() {
|
||||||
this.load.video('animatedM', '/assets/animated-letter/capital_m.mp4');
|
this.load.video('animatedM', '/assets/animated-letter/capital_m.mp4');
|
||||||
|
|
@ -380,6 +388,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -63,6 +63,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -80,8 +84,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
function preload() {
|
function preload() {
|
||||||
this.load.video('animatedN', '/assets/animated-letter/capital_n.mp4');
|
this.load.video('animatedN', '/assets/animated-letter/capital_n.mp4');
|
||||||
|
|
@ -347,6 +355,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -59,6 +59,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -76,8 +80,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -282,6 +290,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -59,6 +59,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -76,8 +80,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -315,6 +323,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -59,6 +59,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -76,8 +80,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -316,6 +324,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -64,6 +64,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -82,8 +86,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
function preload() {
|
function preload() {
|
||||||
this.load.video('animatedR', '/assets/animated-letter/capital_r.mp4');
|
this.load.video('animatedR', '/assets/animated-letter/capital_r.mp4');
|
||||||
|
|
@ -349,6 +357,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -59,6 +59,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -76,8 +80,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -282,6 +290,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -59,6 +59,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -76,8 +80,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -314,6 +322,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -59,6 +59,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -76,8 +80,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -281,6 +289,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -59,6 +59,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -76,8 +80,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -315,6 +323,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -59,6 +59,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -76,8 +80,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
function preload() {
|
function preload() {
|
||||||
this.load.video('animatedW', '/assets/animated-letter/capital_w.mp4');
|
this.load.video('animatedW', '/assets/animated-letter/capital_w.mp4');
|
||||||
|
|
@ -379,6 +387,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -59,6 +59,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -76,8 +80,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -315,6 +323,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -63,6 +63,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -80,8 +84,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
function preload() {
|
function preload() {
|
||||||
this.load.video('animatedY', '/assets/animated-letter/capital_y.mp4');
|
this.load.video('animatedY', '/assets/animated-letter/capital_y.mp4');
|
||||||
|
|
@ -346,6 +354,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -63,6 +63,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -80,8 +84,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
function preload() {
|
function preload() {
|
||||||
this.load.video('animatedZ', '/assets/animated-letter/capital_z.mp4');
|
this.load.video('animatedZ', '/assets/animated-letter/capital_z.mp4');
|
||||||
|
|
@ -344,6 +352,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -59,6 +59,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -76,8 +80,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -60,6 +60,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -77,8 +81,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -317,8 +325,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false);
|
||||||
|
firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
hideButton.setVisible(false);
|
hideButton.setVisible(false);
|
||||||
demoButton.setVisible(true);
|
demoButton.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -60,6 +60,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -78,8 +82,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -286,6 +294,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -60,6 +60,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -78,8 +82,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -319,6 +327,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -60,6 +60,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -78,8 +82,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -319,6 +327,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -59,6 +59,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -76,8 +80,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -317,6 +325,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -60,6 +60,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -78,8 +82,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -319,6 +327,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -60,6 +60,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -78,8 +82,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -318,6 +326,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -60,6 +60,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -78,8 +82,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -318,6 +326,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -60,6 +60,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -78,8 +82,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -318,6 +326,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -64,6 +64,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -82,8 +86,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
function preload() {
|
function preload() {
|
||||||
this.load.video('animatedK', '/assets/animated-letter/small_k.mp4');
|
this.load.video('animatedK', '/assets/animated-letter/small_k.mp4');
|
||||||
|
|
|
||||||
|
|
@ -60,6 +60,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -78,8 +82,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
@ -286,6 +294,7 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
firstTextLayer.setVisible(false);
|
firstTextLayer.setVisible(false);
|
||||||
startButton.setInteractive().on('pointerdown', () => {
|
startButton.setInteractive().on('pointerdown', () => {
|
||||||
audioOneAudio.play();
|
audioOneAudio.play();
|
||||||
|
submitButton.setVisible(true);
|
||||||
firstTextLayer.setVisible(true);
|
firstTextLayer.setVisible(true);
|
||||||
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
animatedLetter.setVisible(false); firstScreen.setVisible(false);
|
||||||
graphics.setVisible(true);
|
graphics.setVisible(true);
|
||||||
|
|
|
||||||
|
|
@ -63,6 +63,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -80,8 +84,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
function preload() {
|
function preload() {
|
||||||
this.load.video('animatedM', '/assets/animated-letter/small_m.mp4');
|
this.load.video('animatedM', '/assets/animated-letter/small_m.mp4');
|
||||||
|
|
|
||||||
|
|
@ -60,6 +60,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -78,8 +82,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -59,6 +59,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -76,8 +80,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -59,6 +59,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -76,8 +80,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -60,6 +60,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -78,8 +82,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -60,6 +60,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -78,8 +82,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -60,6 +60,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -78,8 +82,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
function preload() {
|
function preload() {
|
||||||
|
|
|
||||||
|
|
@ -60,6 +60,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -78,8 +82,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -60,6 +60,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -78,8 +82,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -60,6 +60,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -78,8 +82,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -60,6 +60,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -78,8 +82,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
function preload() {
|
function preload() {
|
||||||
this.load.video('animatedW', '/assets/animated-letter/small_w.mp4');
|
this.load.video('animatedW', '/assets/animated-letter/small_w.mp4');
|
||||||
|
|
|
||||||
|
|
@ -60,6 +60,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -78,8 +82,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -60,6 +60,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -78,8 +82,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
// let hideButton;
|
// let hideButton;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -64,6 +64,10 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
|
|
||||||
startButtonHeight = customHeight / 1.1;
|
startButtonHeight = customHeight / 1.1;
|
||||||
startButtonWidth = customWidth / 2 - 100;
|
startButtonWidth = customWidth / 2 - 100;
|
||||||
|
submitWidth = customWidth / 2 - 100;
|
||||||
|
submitHeight = customHeight / 1.1;
|
||||||
|
noticeWidth = 100;
|
||||||
|
noticeHeight = 0;
|
||||||
} else{
|
} else{
|
||||||
cloudeSize = 500;
|
cloudeSize = 500;
|
||||||
cloudHeight = 250;
|
cloudHeight = 250;
|
||||||
|
|
@ -82,8 +86,12 @@ import Layout from "../../layouts/Layout.astro";
|
||||||
helpButtonHeight = customHeight / 2 + 40;
|
helpButtonHeight = customHeight / 2 + 40;
|
||||||
helpButtonWidth = customWidth / 1.32;
|
helpButtonWidth = customWidth / 1.32;
|
||||||
|
|
||||||
startButtonHeight = customHeight / 2 - 20;
|
startButtonHeight = customHeight / 2 - 20;
|
||||||
startButtonWidth = customWidth / 1.32;
|
startButtonWidth = customWidth / 1.32;
|
||||||
|
submitWidth = customWidth / 1.32;
|
||||||
|
submitHeight = customHeight / 2 - 20;
|
||||||
|
noticeWidth = 0;
|
||||||
|
noticeHeight = 0;
|
||||||
}
|
}
|
||||||
function preload() {
|
function preload() {
|
||||||
this.load.video('animatedZ', '/assets/animated-letter/small_z.mp4');
|
this.load.video('animatedZ', '/assets/animated-letter/small_z.mp4');
|
||||||
|
|
|
||||||
|
|
@ -1,49 +1,56 @@
|
||||||
<main>
|
---
|
||||||
<div>
|
import Layout from "../../layouts/Layout.astro";
|
||||||
<!-- bg-[url('/assets/background.jpg')] -->
|
---
|
||||||
<section class="bg-white bg-center bg-no-repeat bg-cover h-screen">
|
<Layout title="">
|
||||||
<div class="container mx-auto px-4">
|
<main>
|
||||||
<div class="flex flex-row place-content-between pt-6">
|
<div>
|
||||||
<p class="text-5xl text-[#5ac6c8] font-bold select-none">Tick</p>
|
<!-- bg-[url('/assets/background.jpg')] -->
|
||||||
<img src="/assets/top_logo.png" alt="" draggable="false" class="select-none">
|
<section class="bg-white bg-center bg-no-repeat bg-cover h-screen">
|
||||||
|
<div class="container mx-auto px-4">
|
||||||
|
<div class="flex flex-row place-content-between pt-6">
|
||||||
|
<p class="text-5xl text-[#5ac6c8] font-bold select-none">Tick</p>
|
||||||
|
<img src="/assets/top_logo.png" alt="" draggable="false" class="select-none">
|
||||||
|
</div>
|
||||||
|
<p class="text-4xl text-center font-[600] text-[#7c4c23] my-16 select-none" id="gameDescription"></p>
|
||||||
|
<form id="contactForm">
|
||||||
|
<div id="itemForm" class="flex flex-row place-content-between">
|
||||||
|
<div class="flex flex-col gap-6 place-items-center">
|
||||||
|
<img id="image1" src="" alt="" draggable="false" class="select-none" />
|
||||||
|
<input onclick="checkResult('image1');" type="checkbox" id="a1" class="round-checkbox-input myCheckbox" value="a1"/>
|
||||||
|
<label for="a1" class="round-checkbox-label"></label>
|
||||||
|
<img id="image2" src="" alt="" draggable="false" class="select-none" />
|
||||||
|
<input onclick="checkResult('image2');" type="checkbox" id="a2" class="round-checkbox-input myCheckbox" value="a2"/>
|
||||||
|
<label for="a2" class="round-checkbox-label"></label>
|
||||||
|
</div>
|
||||||
|
<div class="flex flex-col gap-6 place-items-center">
|
||||||
|
<img id="image3" src="" alt="" draggable="false" class="select-none" />
|
||||||
|
<input onclick="checkResult('image3');" type="checkbox" id="a3" class="round-checkbox-input myCheckbox" value="a3"/>
|
||||||
|
<label for="a3" class="round-checkbox-label"></label>
|
||||||
|
<img id="image4" src="" alt="" draggable="false" class="select-none" />
|
||||||
|
<input onclick="checkResult('image4');" type="checkbox" id="a4" class="round-checkbox-input myCheckbox" value="a4"/>
|
||||||
|
<label for="a4" class="round-checkbox-label"></label>
|
||||||
|
</div>
|
||||||
|
<div class="flex flex-col gap-6 place-items-center">
|
||||||
|
<img id="image5" src="" alt="" draggable="false" class="select-none" />
|
||||||
|
<input onclick="checkResult('image5');" type="checkbox" id="a5" class="round-checkbox-input myCheckbox" value="a5"/>
|
||||||
|
<label for="a5" class="round-checkbox-label"></label>
|
||||||
|
<img id="image6" src="" alt="" draggable="false" class="select-none" />
|
||||||
|
<input onclick="checkResult('image6');" type="checkbox" id="a6" class="round-checkbox-input myCheckbox" value="a6"/>
|
||||||
|
<label for="a6" class="round-checkbox-label"></label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex flex-col place-items-center justify-center pt-8">
|
||||||
|
<p id="savedMessage"></p>
|
||||||
|
<input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Save">
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<p class="text-4xl text-center font-[600] text-[#7c4c23] my-16 select-none" id="gameDescription"></p>
|
</section>
|
||||||
<form id="contactForm">
|
</div>
|
||||||
<div id="itemForm" class="flex flex-row place-content-between">
|
</main>
|
||||||
<div class="flex flex-col gap-6 place-items-center">
|
</Layout>
|
||||||
<img id="image1" src="" alt="" draggable="false" class="select-none" />
|
|
||||||
<input onclick="checkResult('image1');" type="checkbox" id="a1" class="round-checkbox-input myCheckbox" value="a1"/>
|
|
||||||
<label for="a1" class="round-checkbox-label"></label>
|
|
||||||
<img id="image2" src="" alt="" draggable="false" class="select-none" />
|
|
||||||
<input onclick="checkResult('image2');" type="checkbox" id="a2" class="round-checkbox-input myCheckbox" value="a2"/>
|
|
||||||
<label for="a2" class="round-checkbox-label"></label>
|
|
||||||
</div>
|
|
||||||
<div class="flex flex-col gap-6 place-items-center">
|
|
||||||
<img id="image3" src="" alt="" draggable="false" class="select-none" />
|
|
||||||
<input onclick="checkResult('image3');" type="checkbox" id="a3" class="round-checkbox-input myCheckbox" value="a3"/>
|
|
||||||
<label for="a3" class="round-checkbox-label"></label>
|
|
||||||
<img id="image4" src="" alt="" draggable="false" class="select-none" />
|
|
||||||
<input onclick="checkResult('image4');" type="checkbox" id="a4" class="round-checkbox-input myCheckbox" value="a4"/>
|
|
||||||
<label for="a4" class="round-checkbox-label"></label>
|
|
||||||
</div>
|
|
||||||
<div class="flex flex-col gap-6 place-items-center">
|
|
||||||
<img id="image5" src="" alt="" draggable="false" class="select-none" />
|
|
||||||
<input onclick="checkResult('image5');" type="checkbox" id="a5" class="round-checkbox-input myCheckbox" value="a5"/>
|
|
||||||
<label for="a5" class="round-checkbox-label"></label>
|
|
||||||
<img id="image6" src="" alt="" draggable="false" class="select-none" />
|
|
||||||
<input onclick="checkResult('image6');" type="checkbox" id="a6" class="round-checkbox-input myCheckbox" value="a6"/>
|
|
||||||
<label for="a6" class="round-checkbox-label"></label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="flex justify-center pt-8">
|
|
||||||
<input class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Save">
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
<script is:inline>
|
<script is:inline>
|
||||||
|
|
||||||
const params = new URLSearchParams(window.location.search);
|
const params = new URLSearchParams(window.location.search);
|
||||||
const paramsID = params.get('id');
|
const paramsID = params.get('id');
|
||||||
fetch(`https://management.beanstalkedu.com/items/game_tick_variant1/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
|
fetch(`https://management.beanstalkedu.com/items/game_tick_variant1/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
|
||||||
|
|
@ -80,12 +87,12 @@
|
||||||
// // console.log("Matched")
|
// // console.log("Matched")
|
||||||
// // }
|
// // }
|
||||||
// // console.log('Checked Values:', checkedValues);
|
// // console.log('Checked Values:', checkedValues);
|
||||||
// });
|
// })
|
||||||
function checkResult(id){
|
function checkResult(id){
|
||||||
// console.log(gameData.a1)
|
// console.log(gameData.a1)
|
||||||
// alert("Matched")
|
// alert("Matched")
|
||||||
if(id == 'image1'){
|
if(id == 'image1'){
|
||||||
if(gameData.a1 == true){
|
if( gameData.a1 == true){
|
||||||
var element = document.getElementById(id);
|
var element = document.getElementById(id);
|
||||||
element.classList.add("greenBorder");
|
element.classList.add("greenBorder");
|
||||||
// console.log('Value True')
|
// console.log('Value True')
|
||||||
|
|
@ -152,7 +159,63 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
};
|
};
|
||||||
|
let url = window.location.href;
|
||||||
|
let urlSplit = url.split('/')
|
||||||
|
let gameName = urlSplit[3] +`-`+ urlSplit[4];
|
||||||
|
let formatedDateTime;
|
||||||
|
|
||||||
|
window.onload = function () {
|
||||||
|
let currentTime = new Date();
|
||||||
|
formatedDateTime = currentTime.toLocaleString();
|
||||||
|
// console.log(formatedDateTime);
|
||||||
|
|
||||||
|
// Create userData object inside the onload event
|
||||||
|
let userData = {
|
||||||
|
'f2': formatedDateTime,
|
||||||
|
};
|
||||||
|
// console.log(userData); // Now, f1 and f2 should have values
|
||||||
|
};
|
||||||
|
function generateShortUniqueID(length) {
|
||||||
|
const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
|
||||||
|
let result = '';
|
||||||
|
for (let i = 0; i < length; i++) {
|
||||||
|
const randomIndex = Math.floor(Math.random() * characters.length);
|
||||||
|
result += characters.charAt(randomIndex);
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
const shortUniqueID = generateShortUniqueID(10); // Change 10 to the desired length
|
||||||
|
// console.log(shortUniqueID);
|
||||||
|
function saveUserData() {
|
||||||
|
// Move the userData object creation inside the saveUserData function if needed
|
||||||
|
let userData = {
|
||||||
|
'status' : 'published',
|
||||||
|
'user_id': 'tick-v1@beanstalkedu.com',
|
||||||
|
'game_name': gameName,
|
||||||
|
'game_open': formatedDateTime,
|
||||||
|
};
|
||||||
|
|
||||||
|
fetch(`https://management.beanstalkedu.com/items/game_result`, {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json'
|
||||||
|
},
|
||||||
|
body: JSON.stringify(userData)
|
||||||
|
})
|
||||||
|
.then(response => {
|
||||||
|
if (response.ok) {
|
||||||
|
document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
|
||||||
|
// console.log('Data Saved', response);
|
||||||
|
} else {
|
||||||
|
// console.log('Something Wrong', response);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(error => {
|
||||||
|
console.error('An error occurred', error);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
// var checkBoxes = itemForm.querySelectorAll('input[type="checkbox"]');
|
// var checkBoxes = itemForm.querySelectorAll('input[type="checkbox"]');
|
||||||
// function getData() { // this function will get called when the save button is clicked
|
// function getData() { // this function will get called when the save button is clicked
|
||||||
// result = [];
|
// result = [];
|
||||||
|
|
|
||||||
|
|
@ -1,65 +1,71 @@
|
||||||
<main>
|
---
|
||||||
<div>
|
import Layout from "../../layouts/Layout.astro";
|
||||||
<!-- bg-[url('/assets/background.jpg')] -->
|
---
|
||||||
<section class="bg-white bg-center bg-no-repeat bg-cover h-screen">
|
<Layout title="">
|
||||||
<div class="container mx-auto px-4">
|
<main>
|
||||||
<div class="flex flex-row place-content-between pt-6">
|
<div>
|
||||||
<p class="text-5xl text-[#5ac6c8] font-bold select-none">Tick</p>
|
<!-- bg-[url('/assets/background.jpg')] -->
|
||||||
<img src="/assets/top_logo.png" alt="" draggable="false" class="select-none">
|
<section class="bg-white bg-center bg-no-repeat bg-cover h-screen">
|
||||||
|
<div class="container mx-auto px-4">
|
||||||
|
<div class="flex flex-row place-content-between pt-6">
|
||||||
|
<p class="text-5xl text-[#5ac6c8] font-bold select-none">Tick</p>
|
||||||
|
<img src="/assets/top_logo.png" alt="" draggable="false" class="select-none">
|
||||||
|
</div>
|
||||||
|
<p class="text-4xl text-center font-[600] text-[#7c4c23] my-16 select-none" id="gameDescription"></p>
|
||||||
|
<form id="contactForm">
|
||||||
|
<div id="" class="flex flex-row place-content-between">
|
||||||
|
<div class="flex flex-col gap-6 place-items-center">
|
||||||
|
<!-- <img id="image1" src="" alt="" draggable="false" class="select-none" /> -->
|
||||||
|
<input onclick="checkResult2('image1');" type="checkbox" id="a1" class="round-checkbox-input myCheckbox" value="a1"/>
|
||||||
|
<label for="a1" class="round-checkbox-label">
|
||||||
|
<img id="image1" src="" alt="" draggable="false" class="select-none" />
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<img id="image2" src="" alt="" draggable="false" class="select-none" />
|
||||||
|
<input onclick="checkResult2('image2');" type="checkbox" id="a2" class="round-checkbox-input myCheckbox" value="a2"/>
|
||||||
|
<label for="a2" class="round-checkbox-label"></label>
|
||||||
|
|
||||||
|
<img id="image3" src="" alt="" draggable="false" class="select-none" />
|
||||||
|
<input onclick="checkResult2('image3');" type="checkbox" id="a3" class="round-checkbox-input myCheckbox" value="a3"/>
|
||||||
|
<label for="a3" class="round-checkbox-label"></label>
|
||||||
|
</div>
|
||||||
|
<div class="flex flex-col gap-6 place-items-center">
|
||||||
|
<img id="image4" src="" alt="" draggable="false" class="select-none" />
|
||||||
|
<input onclick="checkResult2('image4');" type="checkbox" id="a4" class="round-checkbox-input myCheckbox" value="a4"/>
|
||||||
|
<label for="a4" class="round-checkbox-label"></label>
|
||||||
|
|
||||||
|
<img id="image5" src="" alt="" draggable="false" class="select-none" />
|
||||||
|
<input onclick="checkResult2('image5');" type="checkbox" id="a5" class="round-checkbox-input myCheckbox" value="a5"/>
|
||||||
|
<label for="a5" class="round-checkbox-label"></label>
|
||||||
|
|
||||||
|
<img id="image6" src="" alt="" draggable="false" class="select-none" />
|
||||||
|
<input onclick="checkResult2('image6');" type="checkbox" id="a6" class="round-checkbox-input myCheckbox" value="a6"/>
|
||||||
|
<label for="a6" class="round-checkbox-label"></label>
|
||||||
|
</div>
|
||||||
|
<div class="flex flex-col gap-6 place-items-center">
|
||||||
|
<img id="image7" src="" alt="" draggable="false" class="select-none" />
|
||||||
|
<input onclick="checkResult2('image7');" type="checkbox" id="a7" class="round-checkbox-input myCheckbox" value="a7"/>
|
||||||
|
<label for="a7" class="round-checkbox-label"></label>
|
||||||
|
|
||||||
|
<img id="image8" src="" alt="" draggable="false" class="select-none" />
|
||||||
|
<input onclick="checkResult2('image8');" type="checkbox" id="a8" class="round-checkbox-input myCheckbox" value="a8"/>
|
||||||
|
<label for="a8" class="round-checkbox-label"></label>
|
||||||
|
|
||||||
|
<img id="image9" src="" alt="" draggable="false" class="select-none" />
|
||||||
|
<input onclick="checkResult2('image9');" type="checkbox" id="a9" class="round-checkbox-input myCheckbox" value="a9"/>
|
||||||
|
<label for="a9" class="round-checkbox-label"></label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex flex-col justify-center place-items-center pt-8">
|
||||||
|
<p id="savedMessage"></p>
|
||||||
|
<input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Save">
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<p class="text-4xl text-center font-[600] text-[#7c4c23] my-16 select-none" id="gameDescription"></p>
|
</section>
|
||||||
<form id="contactForm">
|
</div>
|
||||||
<div id="" class="flex flex-row place-content-between">
|
</main>
|
||||||
<div class="flex flex-col gap-6 place-items-center">
|
</Layout>
|
||||||
<!-- <img id="image1" src="" alt="" draggable="false" class="select-none" /> -->
|
|
||||||
<input onclick="checkResult2('image1');" type="checkbox" id="a1" class="round-checkbox-input myCheckbox" value="a1"/>
|
|
||||||
<label for="a1" class="round-checkbox-label">
|
|
||||||
<img id="image1" src="" alt="" draggable="false" class="select-none" />
|
|
||||||
</label>
|
|
||||||
|
|
||||||
<img id="image2" src="" alt="" draggable="false" class="select-none" />
|
|
||||||
<input onclick="checkResult2('image2');" type="checkbox" id="a2" class="round-checkbox-input myCheckbox" value="a2"/>
|
|
||||||
<label for="a2" class="round-checkbox-label"></label>
|
|
||||||
|
|
||||||
<img id="image3" src="" alt="" draggable="false" class="select-none" />
|
|
||||||
<input onclick="checkResult2('image3');" type="checkbox" id="a3" class="round-checkbox-input myCheckbox" value="a3"/>
|
|
||||||
<label for="a3" class="round-checkbox-label"></label>
|
|
||||||
</div>
|
|
||||||
<div class="flex flex-col gap-6 place-items-center">
|
|
||||||
<img id="image4" src="" alt="" draggable="false" class="select-none" />
|
|
||||||
<input onclick="checkResult2('image4');" type="checkbox" id="a4" class="round-checkbox-input myCheckbox" value="a4"/>
|
|
||||||
<label for="a4" class="round-checkbox-label"></label>
|
|
||||||
|
|
||||||
<img id="image5" src="" alt="" draggable="false" class="select-none" />
|
|
||||||
<input onclick="checkResult2('image5');" type="checkbox" id="a5" class="round-checkbox-input myCheckbox" value="a5"/>
|
|
||||||
<label for="a5" class="round-checkbox-label"></label>
|
|
||||||
|
|
||||||
<img id="image6" src="" alt="" draggable="false" class="select-none" />
|
|
||||||
<input onclick="checkResult2('image6');" type="checkbox" id="a6" class="round-checkbox-input myCheckbox" value="a6"/>
|
|
||||||
<label for="a6" class="round-checkbox-label"></label>
|
|
||||||
</div>
|
|
||||||
<div class="flex flex-col gap-6 place-items-center">
|
|
||||||
<img id="image7" src="" alt="" draggable="false" class="select-none" />
|
|
||||||
<input onclick="checkResult2('image7');" type="checkbox" id="a7" class="round-checkbox-input myCheckbox" value="a7"/>
|
|
||||||
<label for="a7" class="round-checkbox-label"></label>
|
|
||||||
|
|
||||||
<img id="image8" src="" alt="" draggable="false" class="select-none" />
|
|
||||||
<input onclick="checkResult2('image8');" type="checkbox" id="a8" class="round-checkbox-input myCheckbox" value="a8"/>
|
|
||||||
<label for="a8" class="round-checkbox-label"></label>
|
|
||||||
|
|
||||||
<img id="image9" src="" alt="" draggable="false" class="select-none" />
|
|
||||||
<input onclick="checkResult2('image9');" type="checkbox" id="a9" class="round-checkbox-input myCheckbox" value="a9"/>
|
|
||||||
<label for="a9" class="round-checkbox-label"></label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="flex justify-center pt-8">
|
|
||||||
<input class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Save">
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
<script is:inline>
|
<script is:inline>
|
||||||
const params = new URLSearchParams(window.location.search);
|
const params = new URLSearchParams(window.location.search);
|
||||||
const paramsID = params.get('id');
|
const paramsID = params.get('id');
|
||||||
|
|
@ -67,7 +73,7 @@
|
||||||
.then(res => res.json())
|
.then(res => res.json())
|
||||||
.then(data => {
|
.then(data => {
|
||||||
gameData = data.data;
|
gameData = data.data;
|
||||||
console.log(gameData);
|
// console.log(gameData);
|
||||||
document.getElementById("gameDescription").innerHTML = gameData.description;
|
document.getElementById("gameDescription").innerHTML = gameData.description;
|
||||||
const assetsURL = 'https://management.beanstalkedu.com/assets/';
|
const assetsURL = 'https://management.beanstalkedu.com/assets/';
|
||||||
document.getElementById("image1").src = assetsURL + gameData.image1;
|
document.getElementById("image1").src = assetsURL + gameData.image1;
|
||||||
|
|
@ -166,6 +172,61 @@
|
||||||
};
|
};
|
||||||
|
|
||||||
};
|
};
|
||||||
|
let url = window.location.href;
|
||||||
|
let urlSplit = url.split('/')
|
||||||
|
let gameName = urlSplit[3] +`-`+ urlSplit[4];
|
||||||
|
let formatedDateTime;
|
||||||
|
|
||||||
|
window.onload = function () {
|
||||||
|
let currentTime = new Date();
|
||||||
|
formatedDateTime = currentTime.toLocaleString();
|
||||||
|
// console.log(formatedDateTime);
|
||||||
|
|
||||||
|
// Create userData object inside the onload event
|
||||||
|
let userData = {
|
||||||
|
'f2': formatedDateTime,
|
||||||
|
};
|
||||||
|
// console.log(userData); // Now, f1 and f2 should have values
|
||||||
|
};
|
||||||
|
function generateShortUniqueID(length) {
|
||||||
|
const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
|
||||||
|
let result = '';
|
||||||
|
for (let i = 0; i < length; i++) {
|
||||||
|
const randomIndex = Math.floor(Math.random() * characters.length);
|
||||||
|
result += characters.charAt(randomIndex);
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
const shortUniqueID = generateShortUniqueID(10); // Change 10 to the desired length
|
||||||
|
// console.log(shortUniqueID);
|
||||||
|
function saveUserData() {
|
||||||
|
// Move the userData object creation inside the saveUserData function if needed
|
||||||
|
let userData = {
|
||||||
|
'status' : 'published',
|
||||||
|
'user_id': 'tick-v2@beanstalkedu.com',
|
||||||
|
'game_name': gameName,
|
||||||
|
'game_open': formatedDateTime,
|
||||||
|
};
|
||||||
|
|
||||||
|
fetch(`https://management.beanstalkedu.com/items/game_result`, {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json'
|
||||||
|
},
|
||||||
|
body: JSON.stringify(userData)
|
||||||
|
})
|
||||||
|
.then(response => {
|
||||||
|
if (response.ok) {
|
||||||
|
document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
|
||||||
|
// console.log('Data Saved', response);
|
||||||
|
} else {
|
||||||
|
// console.log('Something Wrong', response);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(error => {
|
||||||
|
console.error('An error occurred', error);
|
||||||
|
});
|
||||||
|
}
|
||||||
document.addEventListener('DOMContentLoaded', function () {
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
const contactForm = document.getElementById('contactForm');
|
const contactForm = document.getElementById('contactForm');
|
||||||
contactForm.addEventListener('submit', async function (event) {
|
contactForm.addEventListener('submit', async function (event) {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue