kar
/
phaser-game-bs
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

cha

pull/5/head
Dev 1 2023-09-01 21:10:03 +05:30
parent aa659478a1
commit db6ff15295
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/drawing/index.astro
View File

@ -45,7 +45,7 @@ import Layout from '../../layouts/Layout.astro';
let graphics; let graphics;
let isDrawing = false; let isDrawing = false;
let selectedColor = '#f00f0f'; // Default color let selectedColor = '#f00f0f'; // Default color
let brushSize = 40; // Default brush size let brushSize = 10; // Default brush size
let customCursor; let customCursor;
const cursorSizeMultiplier = 1; const cursorSizeMultiplier = 1;
@ -59,7 +59,6 @@ import Layout from '../../layouts/Layout.astro';
fetch(`https://management.beanstalkedu.com/items/game_drawing/${encodeURIComponent(paramsID)}`) fetch(`https://management.beanstalkedu.com/items/game_drawing/${encodeURIComponent(paramsID)}`)
.then(response => response.json()) .then(response => response.json())
.then(({ data }) => { .then(({ data }) => {
const screenCenterX = this.cameras.main.worldView.x + this.cameras.main.width / 2; const screenCenterX = this.cameras.main.worldView.x + this.cameras.main.width / 2;
const baseFontSize = 60; const baseFontSize = 60;
const responsiveFontSize = (window.innerWidth / 950) * baseFontSize; const responsiveFontSize = (window.innerWidth / 950) * baseFontSize;
@ -72,7 +71,8 @@ import Layout from '../../layouts/Layout.astro';
.catch(error => { .catch(error => {
console.error('Error fetching initial data:', error); console.error('Error fetching initial data:', error);
}); });
outlineImage = this.add.image(displayW / 2, displayH / 2, 'outline').setScale(0.5); const outlineImage = this.add.image(displayW / 2, displayH / 2, 'outline').setScale(0.5);
outlineImage.setDepth(1);
graphics = this.add.graphics(); graphics = this.add.graphics();
const colorPicker = document.createElement('input'); const colorPicker = document.createElement('input');
@ -105,7 +105,7 @@ import Layout from '../../layouts/Layout.astro';
colors.forEach((color, index) => { colors.forEach((color, index) => {
const y = paletteY + index * (buttonSize + buttonSpacing); const y = paletteY + index * (buttonSize + buttonSpacing);
const button = this.add.circle(colorPaletteX, y, buttonSize / 2, Phaser.Display.Color.HexStringToColor(color).color); const button = this.add.circle(colorPaletteX, y, buttonSize / 3, Phaser.Display.Color.HexStringToColor(color).color);
button.setInteractive(); button.setInteractive();
button.on('pointerdown', function () { button.on('pointerdown', function () {
@ -128,8 +128,8 @@ import Layout from '../../layouts/Layout.astro';
document.body.appendChild(sliderContainer); document.body.appendChild(sliderContainer);
sliderContainer.style.position = 'absolute'; sliderContainer.style.position = 'absolute';
sliderContainer.style.top = '10%'; sliderContainer.style.top = '18%';
sliderContainer.style.right = '20px'; sliderContainer.style.left = '15%';
const slider = document.createElement('input'); const slider = document.createElement('input');
slider.type = 'range'; slider.type = 'range';
@ -164,6 +164,7 @@ import Layout from '../../layouts/Layout.astro';
clearDrawing(); clearDrawing();
}); });
this.input.on('pointerdown', () => { this.input.on('pointerdown', () => {
isDrawing = true; isDrawing = true;
startDrawing(this.input.x, this.input.y); startDrawing(this.input.x, this.input.y);