commit
6d4e5bcb99
@ -57,7 +57,7 @@
|
|||||||
<form id="gameQuality" hidden>
|
<form id="gameQuality" hidden>
|
||||||
<section>
|
<section>
|
||||||
<h3>Game quality</h3>
|
<h3>Game quality</h3>
|
||||||
<p class="cautiousText">(Editing this settings will restart the game)</p>
|
<p class="cautiousText">(Editing these settings will restart the game)</p>
|
||||||
<select id="select-game-quality">
|
<select id="select-game-quality">
|
||||||
<option value="120">High video quality (120 fps)</option>
|
<option value="120">High video quality (120 fps)</option>
|
||||||
<option value="60">Medium video quality (60 fps, recommended)</option>
|
<option value="60">Medium video quality (60 fps, recommended)</option>
|
||||||
|
@ -26,7 +26,7 @@ export class MenuScene extends Phaser.Scene {
|
|||||||
|
|
||||||
constructor() {
|
constructor() {
|
||||||
super({key: MenuSceneName});
|
super({key: MenuSceneName});
|
||||||
|
|
||||||
this.gameQualityValue = localUserStore.getGameQualityValue();
|
this.gameQualityValue = localUserStore.getGameQualityValue();
|
||||||
this.videoQualityValue = localUserStore.getVideoQualityValue();
|
this.videoQualityValue = localUserStore.getVideoQualityValue();
|
||||||
}
|
}
|
||||||
@ -44,7 +44,7 @@ export class MenuScene extends Phaser.Scene {
|
|||||||
|
|
||||||
this.gameQualityMenuElement = this.add.dom(300, -400).createFromCache(gameSettingsMenuKey);
|
this.gameQualityMenuElement = this.add.dom(300, -400).createFromCache(gameSettingsMenuKey);
|
||||||
this.revealMenusAfterInit(this.gameQualityMenuElement, 'gameQuality');
|
this.revealMenusAfterInit(this.gameQualityMenuElement, 'gameQuality');
|
||||||
|
|
||||||
this.input.keyboard.on('keyup-TAB', () => {
|
this.input.keyboard.on('keyup-TAB', () => {
|
||||||
this.sideMenuOpened ? this.closeSideMenu() : this.openSideMenu();
|
this.sideMenuOpened ? this.closeSideMenu() : this.openSideMenu();
|
||||||
});
|
});
|
||||||
@ -57,7 +57,7 @@ export class MenuScene extends Phaser.Scene {
|
|||||||
this.menuElement.addListener('click');
|
this.menuElement.addListener('click');
|
||||||
this.menuElement.on('click', this.onMenuClick.bind(this));
|
this.menuElement.on('click', this.onMenuClick.bind(this));
|
||||||
}
|
}
|
||||||
|
|
||||||
private revealMenusAfterInit(menuElement: Phaser.GameObjects.DOMElement, rootDomId: string) {
|
private revealMenusAfterInit(menuElement: Phaser.GameObjects.DOMElement, rootDomId: string) {
|
||||||
//Dom elements will appear inside the viewer screen when creating before being moved out of it, which create a flicker effect.
|
//Dom elements will appear inside the viewer screen when creating before being moved out of it, which create a flicker effect.
|
||||||
//To prevent this, we put a 'hidden' attribute on the root element, we remove it only after the init is done.
|
//To prevent this, we put a 'hidden' attribute on the root element, we remove it only after the init is done.
|
||||||
@ -65,11 +65,11 @@ export class MenuScene extends Phaser.Scene {
|
|||||||
(menuElement.getChildByID(rootDomId) as HTMLElement).hidden = false;
|
(menuElement.getChildByID(rootDomId) as HTMLElement).hidden = false;
|
||||||
}, 250);
|
}, 250);
|
||||||
}
|
}
|
||||||
|
|
||||||
public revealMenuIcon(): void {
|
public revealMenuIcon(): void {
|
||||||
(this.menuButton.getChildByID('menuIcon') as HTMLElement).hidden = false
|
(this.menuButton.getChildByID('menuIcon') as HTMLElement).hidden = false
|
||||||
}
|
}
|
||||||
|
|
||||||
openSideMenu() {
|
openSideMenu() {
|
||||||
if (this.sideMenuOpened) return;
|
if (this.sideMenuOpened) return;
|
||||||
this.sideMenuOpened = true;
|
this.sideMenuOpened = true;
|
||||||
@ -85,7 +85,7 @@ export class MenuScene extends Phaser.Scene {
|
|||||||
ease: 'Power3'
|
ease: 'Power3'
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
private closeSideMenu(): void {
|
private closeSideMenu(): void {
|
||||||
if (!this.sideMenuOpened) return;
|
if (!this.sideMenuOpened) return;
|
||||||
this.sideMenuOpened = false;
|
this.sideMenuOpened = false;
|
||||||
@ -115,7 +115,7 @@ export class MenuScene extends Phaser.Scene {
|
|||||||
this.gameQualityMenuElement.on('click', (event:MouseEvent) => {
|
this.gameQualityMenuElement.on('click', (event:MouseEvent) => {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
if ((event?.target as HTMLInputElement).id === 'gameQualityFormSubmit') {
|
if ((event?.target as HTMLInputElement).id === 'gameQualityFormSubmit') {
|
||||||
const gameQualitySelect = this.gameQualityMenuElement.getChildByID('select-game-quality') as HTMLInputElement;
|
const gameQualitySelect = this.gameQualityMenuElement.getChildByID('select-game-quality') as HTMLInputElement;
|
||||||
const videoQualitySelect = this.gameQualityMenuElement.getChildByID('select-video-quality') as HTMLInputElement;
|
const videoQualitySelect = this.gameQualityMenuElement.getChildByID('select-video-quality') as HTMLInputElement;
|
||||||
this.saveSetting(parseInt(gameQualitySelect.value), parseInt(videoQualitySelect.value));
|
this.saveSetting(parseInt(gameQualitySelect.value), parseInt(videoQualitySelect.value));
|
||||||
} else if((event?.target as HTMLInputElement).id === 'gameQualityFormCancel') {
|
} else if((event?.target as HTMLInputElement).id === 'gameQualityFormCancel') {
|
||||||
@ -143,12 +143,12 @@ export class MenuScene extends Phaser.Scene {
|
|||||||
ease: 'Power3'
|
ease: 'Power3'
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
private onMenuClick(event:MouseEvent) {
|
private onMenuClick(event:MouseEvent) {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
|
|
||||||
switch ((event?.target as HTMLInputElement).id) {
|
switch ((event?.target as HTMLInputElement).id) {
|
||||||
case 'changeNameButton':
|
case 'changeNameButton':
|
||||||
this.closeSideMenu();
|
this.closeSideMenu();
|
||||||
@ -175,10 +175,10 @@ export class MenuScene extends Phaser.Scene {
|
|||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
private async shareUrl() {
|
private async shareUrl() {
|
||||||
await navigator.clipboard.writeText(location.toString());
|
await navigator.clipboard.writeText(location.toString());
|
||||||
alert('URL was copy to your clipboard!');
|
alert('URL is copied to your clipboard!');
|
||||||
}
|
}
|
||||||
|
|
||||||
private saveSetting(valueGame: number, valueVideo: number){
|
private saveSetting(valueGame: number, valueVideo: number){
|
||||||
@ -199,4 +199,4 @@ export class MenuScene extends Phaser.Scene {
|
|||||||
const sparkHost = 'https://'+window.location.host.replace('play.', 'admin.')+'/register';
|
const sparkHost = 'https://'+window.location.host.replace('play.', 'admin.')+'/register';
|
||||||
window.open(sparkHost, '_blank');
|
window.open(sparkHost, '_blank');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
4
website/dist/create-map.html
vendored
4
website/dist/create-map.html
vendored
@ -73,9 +73,9 @@
|
|||||||
<p>Be sure to keep the repository "Public".</p>
|
<p>Be sure to keep the repository "Public".</p>
|
||||||
<p>In your newly created repository, click on the <strong>Settings tab</strong> and scroll down to the <strong>GitHub Pages</strong> section.
|
<p>In your newly created repository, click on the <strong>Settings tab</strong> and scroll down to the <strong>GitHub Pages</strong> section.
|
||||||
Then select the <strong>gh-pages</strong> branch. It might already be selected, but please be sure to click on it nonetheless (otherwise
|
Then select the <strong>gh-pages</strong> branch. It might already be selected, but please be sure to click on it nonetheless (otherwise
|
||||||
GitHub will not enable GitHub pages that we use to host your map.</p>
|
GitHub will not enable GitHub pages).</p>
|
||||||
<p class="text-center"><img src="docs/github_pages.png" alt="" style="width: 70%"></p>
|
<p class="text-center"><img src="docs/github_pages.png" alt="" style="width: 70%"></p>
|
||||||
<p>Wait a few minutes a Github will deploy a new website with the content of the repository.
|
<p>Wait a few minutes... Github will deploy a new website with the content of the repository.
|
||||||
The address of the website is visible in the "GitHub Pages" section.</p>
|
The address of the website is visible in the "GitHub Pages" section.</p>
|
||||||
<p class="text-center"><img src="docs/website_address.png" alt="" style="width: 70%"></p>
|
<p class="text-center"><img src="docs/website_address.png" alt="" style="width: 70%"></p>
|
||||||
<p>Click on the link. You should be redirected directly to WorkAdventure, on your map!</p>
|
<p>Click on the link. You should be redirected directly to WorkAdventure, on your map!</p>
|
||||||
|
Loading…
Reference in New Issue
Block a user