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

add new drawing game

pull/2/head
dev sp 2024-03-05 13:27:25 +00:00
parent 06709e02d7
commit 8ed2be38c3
3 changed files with 1003 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

499
src/pages/drawing/drawing_phonics.astro Normal file
View File

File diff suppressed because one or more lines are too long

499
src/pages/drawing/drawing_writo.astro Normal file
View File

File diff suppressed because one or more lines are too long

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

@ -194,9 +194,9 @@ import Layout from '../../layouts/Layout.astro';
colorContainer.style.top = '13%'; colorContainer.style.top = '13%';
colorContainer.style.left = '10px'; colorContainer.style.left = '10px';
colorContainer.style.display = 'flex'; colorContainer.style.display = 'flex';
colorContainer.style.marginBottom = '15px'; colorContainer.style.marginBottom = '0';
if(!isMobile){ if(!isMobile){
colorContainer.style.top = '25%'; colorContainer.style.top = '10%';
colorContainer.style.flexDirection = 'column'; colorContainer.style.flexDirection = 'column';
} }
// Create the color picker // Create the color picker
@ -229,7 +229,8 @@ import Layout from '../../layouts/Layout.astro';
colorContainer.appendChild(colorPicker); colorContainer.appendChild(colorPicker);
// const colors = data.colors; // const colors = data.colors;
// var colors = colorList; // var colors = colorList;
const colors = ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff']; var colors = ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#FFA500', '#A52A2A', '#800080', '#FFC0CB', '#FFFFFF', '#000000', '#C0C0C0', '#FFD700'];
// const colors = ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff'];
const buttonSize = 60; const buttonSize = 60;
const buttonSpacing = 5; const buttonSpacing = 5;
// Create a container div for the color buttons // Create a container div for the color buttons
@ -320,7 +321,7 @@ import Layout from '../../layouts/Layout.astro';
buttonsContainer.style.marginTop = '30px'; buttonsContainer.style.marginTop = '30px';
if(!isMobile){ if(!isMobile){
// buttonsContainer.style.position = 'fixed'; // buttonsContainer.style.position = 'fixed';
buttonsContainer.style.top = '25%'; buttonsContainer.style.top = '10%';
buttonsContainer.style.flexDirection = 'column'; buttonsContainer.style.flexDirection = 'column';
buttonsContainer.style.marginLeft = '60px'; buttonsContainer.style.marginLeft = '60px';
buttonsContainer.style.marginTop = '0%'; buttonsContainer.style.marginTop = '0%';