diff --git a/public/assets/animated-letter/number_0.mp4 b/public/assets/animated-letter/number_0.mp4 new file mode 100755 index 0000000..0849322 Binary files /dev/null and b/public/assets/animated-letter/number_0.mp4 differ diff --git a/public/assets/animated-letter/number_1.mp4 b/public/assets/animated-letter/number_1.mp4 new file mode 100755 index 0000000..242f1c2 Binary files /dev/null and b/public/assets/animated-letter/number_1.mp4 differ diff --git a/public/assets/animated-letter/number_2.mp4 b/public/assets/animated-letter/number_2.mp4 new file mode 100755 index 0000000..ef9e044 Binary files /dev/null and b/public/assets/animated-letter/number_2.mp4 differ diff --git a/public/assets/animated-letter/number_3.mp4 b/public/assets/animated-letter/number_3.mp4 new file mode 100755 index 0000000..c6ffc46 Binary files /dev/null and b/public/assets/animated-letter/number_3.mp4 differ diff --git a/public/assets/animated-letter/number_4.mp4 b/public/assets/animated-letter/number_4.mp4 new file mode 100755 index 0000000..70a2f2c Binary files /dev/null and b/public/assets/animated-letter/number_4.mp4 differ diff --git a/public/assets/animated-letter/number_5.mp4 b/public/assets/animated-letter/number_5.mp4 new file mode 100755 index 0000000..40ed236 Binary files /dev/null and b/public/assets/animated-letter/number_5.mp4 differ diff --git a/public/assets/animated-letter/number_6.mp4 b/public/assets/animated-letter/number_6.mp4 new file mode 100755 index 0000000..ea5a6e2 Binary files /dev/null and b/public/assets/animated-letter/number_6.mp4 differ diff --git a/public/assets/animated-letter/number_7.mp4 b/public/assets/animated-letter/number_7.mp4 new file mode 100755 index 0000000..4839672 Binary files /dev/null and b/public/assets/animated-letter/number_7.mp4 differ diff --git a/public/assets/animated-letter/number_8.mp4 b/public/assets/animated-letter/number_8.mp4 new file mode 100755 index 0000000..4e356ef Binary files /dev/null and b/public/assets/animated-letter/number_8.mp4 differ diff --git a/public/assets/animated-letter/number_9.mp4 b/public/assets/animated-letter/number_9.mp4 new file mode 100755 index 0000000..bf21229 Binary files /dev/null and b/public/assets/animated-letter/number_9.mp4 differ diff --git a/public/assets/animated-letter/small_q.mp4 b/public/assets/animated-letter/small_q.mp4 index 362ad1c..ed9f73a 100755 Binary files a/public/assets/animated-letter/small_q.mp4 and b/public/assets/animated-letter/small_q.mp4 differ diff --git a/public/assets/animated-letter/small_S.mp4 b/public/assets/animated-letter/small_s.mp4 similarity index 100% rename from public/assets/animated-letter/small_S.mp4 rename to public/assets/animated-letter/small_s.mp4 diff --git a/public/assets/audio/curve-around.mp3 b/public/assets/audio/curve-around.mp3 new file mode 100755 index 0000000..f3f31f7 Binary files /dev/null and b/public/assets/audio/curve-around.mp3 differ diff --git a/public/assets/audio/curve-down.mp3 b/public/assets/audio/curve-down.mp3 new file mode 100755 index 0000000..9add847 Binary files /dev/null and b/public/assets/audio/curve-down.mp3 differ diff --git a/public/assets/audio/hook-snake.mp3 b/public/assets/audio/hook-snake.mp3 new file mode 100755 index 0000000..e85cf25 Binary files /dev/null and b/public/assets/audio/hook-snake.mp3 differ diff --git a/public/assets/audio/loop.mp3 b/public/assets/audio/loop.mp3 new file mode 100755 index 0000000..130cf7d Binary files /dev/null and b/public/assets/audio/loop.mp3 differ diff --git a/public/assets/audio/roll-slant.mp3 b/public/assets/audio/roll-slant.mp3 new file mode 100755 index 0000000..9ab4f52 Binary files /dev/null and b/public/assets/audio/roll-slant.mp3 differ diff --git a/public/assets/audio/roll-up.mp3 b/public/assets/audio/roll-up.mp3 new file mode 100755 index 0000000..1549899 Binary files /dev/null and b/public/assets/audio/roll-up.mp3 differ diff --git a/public/assets/audio/roll.mp3 b/public/assets/audio/roll.mp3 new file mode 100755 index 0000000..556c89f Binary files /dev/null and b/public/assets/audio/roll.mp3 differ diff --git a/public/assets/audio/slant-tail.mp3 b/public/assets/audio/slant-tail.mp3 new file mode 100755 index 0000000..d74e6d9 Binary files /dev/null and b/public/assets/audio/slant-tail.mp3 differ diff --git a/public/assets/audio/small-down-curve-up.mp3 b/public/assets/audio/small-down-curve-up.mp3 new file mode 100755 index 0000000..af869ce Binary files /dev/null and b/public/assets/audio/small-down-curve-up.mp3 differ diff --git a/public/assets/numeric/n0.svg b/public/assets/numeric/n0.svg new file mode 100755 index 0000000..50b4db9 --- /dev/null +++ b/public/assets/numeric/n0.svg @@ -0,0 +1,313 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 1 + + + + + + + + diff --git a/public/assets/numeric/n1.svg b/public/assets/numeric/n1.svg new file mode 100755 index 0000000..802ef9f --- /dev/null +++ b/public/assets/numeric/n1.svg @@ -0,0 +1,322 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 1 + + + + diff --git a/public/assets/numeric/n2.svg b/public/assets/numeric/n2.svg new file mode 100755 index 0000000..2f87dd9 --- /dev/null +++ b/public/assets/numeric/n2.svg @@ -0,0 +1,340 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 1 + + + + + + 2 + + + + diff --git a/public/assets/numeric/n2_l1.svg b/public/assets/numeric/n2_l1.svg new file mode 100755 index 0000000..d7a1e1a --- /dev/null +++ b/public/assets/numeric/n2_l1.svg @@ -0,0 +1,246 @@ + + + + + + + + + + + + + + + + + + + + + + + 1 + + + + + + + + diff --git a/public/assets/numeric/n2_l2.svg b/public/assets/numeric/n2_l2.svg new file mode 100755 index 0000000..eb767d5 --- /dev/null +++ b/public/assets/numeric/n2_l2.svg @@ -0,0 +1,348 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 2 + + + + + diff --git a/public/assets/numeric/n3.svg b/public/assets/numeric/n3.svg new file mode 100755 index 0000000..3c419d3 --- /dev/null +++ b/public/assets/numeric/n3.svg @@ -0,0 +1,104 @@ + + + + + + + + + + + + + 1 + + + + + + + 2 + + + + + diff --git a/public/assets/numeric/n3_l1.svg b/public/assets/numeric/n3_l1.svg new file mode 100755 index 0000000..bd80a28 --- /dev/null +++ b/public/assets/numeric/n3_l1.svg @@ -0,0 +1,227 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 1 + + + + + + + + diff --git a/public/assets/numeric/n3_l2.svg b/public/assets/numeric/n3_l2.svg new file mode 100755 index 0000000..20f151d --- /dev/null +++ b/public/assets/numeric/n3_l2.svg @@ -0,0 +1,228 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 2 + + + + + + diff --git a/public/assets/numeric/n4.svg b/public/assets/numeric/n4.svg new file mode 100755 index 0000000..af580c7 --- /dev/null +++ b/public/assets/numeric/n4.svg @@ -0,0 +1,255 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 1 + + + + + + + 2 + + + + + + + 3 + + + + diff --git a/public/assets/numeric/n4_l1.svg b/public/assets/numeric/n4_l1.svg new file mode 100755 index 0000000..1162d32 --- /dev/null +++ b/public/assets/numeric/n4_l1.svg @@ -0,0 +1,266 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 1 + + + + + + + + + diff --git a/public/assets/numeric/n4_l2.svg b/public/assets/numeric/n4_l2.svg new file mode 100755 index 0000000..5abff73 --- /dev/null +++ b/public/assets/numeric/n4_l2.svg @@ -0,0 +1,267 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 2 + + + + + + + diff --git a/public/assets/numeric/n4_l3.svg b/public/assets/numeric/n4_l3.svg new file mode 100755 index 0000000..0f5d156 --- /dev/null +++ b/public/assets/numeric/n4_l3.svg @@ -0,0 +1,267 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 3 + + + + + diff --git a/public/assets/numeric/n5.svg b/public/assets/numeric/n5.svg new file mode 100755 index 0000000..0eb35ee --- /dev/null +++ b/public/assets/numeric/n5.svg @@ -0,0 +1,261 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 1 + + + + + + + + 2 + + + + + + + + + 3 + + + + + diff --git a/public/assets/numeric/n5_l1.svg b/public/assets/numeric/n5_l1.svg new file mode 100755 index 0000000..9ceac99 --- /dev/null +++ b/public/assets/numeric/n5_l1.svg @@ -0,0 +1,263 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 1 + + + + + + + + diff --git a/public/assets/numeric/n5_l2.svg b/public/assets/numeric/n5_l2.svg new file mode 100755 index 0000000..f4b05ba --- /dev/null +++ b/public/assets/numeric/n5_l2.svg @@ -0,0 +1,264 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 2 + + + + + + + diff --git a/public/assets/numeric/n5_l3.svg b/public/assets/numeric/n5_l3.svg new file mode 100755 index 0000000..e4b12fd --- /dev/null +++ b/public/assets/numeric/n5_l3.svg @@ -0,0 +1,264 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 3 + + + + + diff --git a/public/assets/numeric/n6.svg b/public/assets/numeric/n6.svg new file mode 100755 index 0000000..97d047b --- /dev/null +++ b/public/assets/numeric/n6.svg @@ -0,0 +1,212 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 1 + + + + + + 2 + + + + + diff --git a/public/assets/numeric/n6_l1.svg b/public/assets/numeric/n6_l1.svg new file mode 100755 index 0000000..11f9821 --- /dev/null +++ b/public/assets/numeric/n6_l1.svg @@ -0,0 +1,188 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 1 + + + + + + + diff --git a/public/assets/numeric/n6_l2.svg b/public/assets/numeric/n6_l2.svg new file mode 100755 index 0000000..975887e --- /dev/null +++ b/public/assets/numeric/n6_l2.svg @@ -0,0 +1,212 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 2 + + + + + diff --git a/public/assets/numeric/n7.svg b/public/assets/numeric/n7.svg new file mode 100755 index 0000000..08bf624 --- /dev/null +++ b/public/assets/numeric/n7.svg @@ -0,0 +1,212 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 1 + + + + + + + 2 + + + + diff --git a/public/assets/numeric/n7_l1.svg b/public/assets/numeric/n7_l1.svg new file mode 100755 index 0000000..ef875d1 --- /dev/null +++ b/public/assets/numeric/n7_l1.svg @@ -0,0 +1,220 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 1 + + + + + + + diff --git a/public/assets/numeric/n7_l2.svg b/public/assets/numeric/n7_l2.svg new file mode 100755 index 0000000..f6b7cef --- /dev/null +++ b/public/assets/numeric/n7_l2.svg @@ -0,0 +1,220 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 2 + + + + + diff --git a/public/assets/numeric/n8.svg b/public/assets/numeric/n8.svg new file mode 100755 index 0000000..14b6855 --- /dev/null +++ b/public/assets/numeric/n8.svg @@ -0,0 +1,212 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 1 + + + + + + + 2 + + + + diff --git a/public/assets/numeric/n8_l1.svg b/public/assets/numeric/n8_l1.svg new file mode 100755 index 0000000..691f836 --- /dev/null +++ b/public/assets/numeric/n8_l1.svg @@ -0,0 +1,219 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 1 + + + + + + + diff --git a/public/assets/numeric/n8_l2.svg b/public/assets/numeric/n8_l2.svg new file mode 100755 index 0000000..6b92d9e --- /dev/null +++ b/public/assets/numeric/n8_l2.svg @@ -0,0 +1,220 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 2 + + + + + diff --git a/public/assets/numeric/n9.svg b/public/assets/numeric/n9.svg new file mode 100755 index 0000000..4073113 --- /dev/null +++ b/public/assets/numeric/n9.svg @@ -0,0 +1,218 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 1 + + + + + + + + 2 + + + + + + diff --git a/public/assets/numeric/n9_l1.svg b/public/assets/numeric/n9_l1.svg new file mode 100755 index 0000000..91ee3cc --- /dev/null +++ b/public/assets/numeric/n9_l1.svg @@ -0,0 +1,219 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 1 + + + + + + + diff --git a/public/assets/numeric/n9_l2.svg b/public/assets/numeric/n9_l2.svg new file mode 100755 index 0000000..9cc4729 --- /dev/null +++ b/public/assets/numeric/n9_l2.svg @@ -0,0 +1,220 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 2 + + + + + + diff --git a/public/assets/small-letter/qs.svg b/public/assets/small-letter/qs.svg index 1f8fbdc..19b5768 100755 --- a/public/assets/small-letter/qs.svg +++ b/public/assets/small-letter/qs.svg @@ -7,7 +7,7 @@ viewBox="0 0 100 100" version="1.1" id="svg5" - sodipodi:docname="as.svg" + sodipodi:docname="qs.svg" inkscape:export-filename="ps_l2.svg" inkscape:export-xdpi="96" inkscape:export-ydpi="96" @@ -130,9 +130,9 @@ + id="g2736"> @@ -143,58 +143,9 @@ sodipodi:nodetypes="cc" inkscape:transform-center-x="0.0036710437" inkscape:transform-center-y="9.6301294" /> - - 1 - - - - - - + + + + + 1 + + + diff --git a/public/assets/small-letter/qs_l1.svg b/public/assets/small-letter/qs_l1.svg index 680cd23..5304f00 100755 --- a/public/assets/small-letter/qs_l1.svg +++ b/public/assets/small-letter/qs_l1.svg @@ -7,7 +7,7 @@ viewBox="0 0 100 100" version="1.1" id="svg5" - sodipodi:docname="as.svg" + sodipodi:docname="qs.svg" inkscape:export-filename="qs.svg" inkscape:export-xdpi="96" inkscape:export-ydpi="96" @@ -130,9 +130,10 @@ + id="g2736" + style="display:none"> @@ -143,58 +144,9 @@ sodipodi:nodetypes="cc" inkscape:transform-center-x="0.0036710437" inkscape:transform-center-y="9.6301294" /> - - 1 - - - - + + + + + 1 + + + diff --git a/public/assets/small-letter/qs_l2.svg b/public/assets/small-letter/qs_l2.svg index 52118ac..75a7afb 100755 --- a/public/assets/small-letter/qs_l2.svg +++ b/public/assets/small-letter/qs_l2.svg @@ -7,7 +7,7 @@ viewBox="0 0 100 100" version="1.1" id="svg5" - sodipodi:docname="as.svg" + sodipodi:docname="qs.svg" inkscape:export-filename="qs_l1.svg" inkscape:export-xdpi="96" inkscape:export-ydpi="96" @@ -130,10 +130,10 @@ - - - + diff --git a/public/assets/small-letter/ts-l1.svg b/public/assets/small-letter/ts_l1.svg similarity index 100% rename from public/assets/small-letter/ts-l1.svg rename to public/assets/small-letter/ts_l1.svg diff --git a/public/assets/small-letter/ts-l2.svg b/public/assets/small-letter/ts_l2.svg similarity index 100% rename from public/assets/small-letter/ts-l2.svg rename to public/assets/small-letter/ts_l2.svg diff --git a/src/pages/capital-letter/A.astro b/src/pages/capital-letter/A.astro index b9e7db2..efee170 100644 --- a/src/pages/capital-letter/A.astro +++ b/src/pages/capital-letter/A.astro @@ -56,10 +56,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.365; - beanieWidth = 135; - beanieHeight = 170; animatedAHeight = 35; animatedAScale = 0.65; } else{ @@ -74,10 +70,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.45; - beanieWidth = 200; - beanieHeight = 255; animatedAHeight = 20; animatedAScale = 0.73; } @@ -97,8 +89,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - // this.load.image('beanie', '/assets/beanie.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -119,33 +109,6 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); - - - const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) - const duration = 3000; // Duration of the animation in milliseconds - - // Create a scaling tween - this.tweens.add({ - targets: sun, - scaleX: scaleFactor, - scaleY: scaleFactor, - duration: duration, - ease: 'Linear', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely - }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely - }); const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'letterA').setAlpha(0.2).setDepth(0.5).setScale(letterScale); const firstScreen = this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'letterA').setDepth(2).setScale(letterScale); @@ -174,6 +137,19 @@ import Layout from "../../layouts/Layout.astro"; fill: true // Apply shadow to fill (background color) } }); + const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) + const duration = 3000; // Duration of the animation in milliseconds + + // Create a scaling tween + this.tweens.add({ + targets: sun, + scaleX: scaleFactor, + scaleY: scaleFactor, + duration: duration, + ease: 'Linear', + yoyo: true, // Makes the animation play in reverse + repeat: -1 // Repeat indefinitely + }); hideButton.setInteractive().on('pointerdown', () => { isDemoButtonClicked = false; firstScreen.setVisible(false); diff --git a/src/pages/capital-letter/B.astro b/src/pages/capital-letter/B.astro index 2e33a59..7e2b839 100644 --- a/src/pages/capital-letter/B.astro +++ b/src/pages/capital-letter/B.astro @@ -52,10 +52,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; animatedBHeight = 32; } else{ cloudeSize = 500; @@ -69,10 +65,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; animatedBHeight = 20; } // let hideButton; @@ -92,8 +84,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - // this.load.image('beanie', '/assets/beanie.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -116,8 +106,7 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); - + const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) const duration = 3000; // Duration of the animation in milliseconds @@ -132,17 +121,7 @@ import Layout from "../../layouts/Layout.astro"; yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely - }); + const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2 - 30, customHeight / 2 + letterHeight, 'letterB').setAlpha(0.2).setDepth(0.5).setScale(letterScale); const firstScreen = this.add.image(customWidth / 2 - 30, customHeight / 2 + letterHeight, 'letterB').setDepth(2).setScale(letterScale); diff --git a/src/pages/capital-letter/C.astro b/src/pages/capital-letter/C.astro index 631a799..114baa6 100644 --- a/src/pages/capital-letter/C.astro +++ b/src/pages/capital-letter/C.astro @@ -52,10 +52,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; animatedAHeight = 32; } else{ cloudeSize = 500; @@ -69,10 +65,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; animatedAHeight = 20; } // let hideButton; @@ -89,7 +81,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -112,9 +103,6 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); - - const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) const duration = 3000; // Duration of the animation in milliseconds @@ -127,17 +115,6 @@ import Layout from "../../layouts/Layout.astro"; ease: 'Linear', yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely - }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely }); const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'letterC').setAlpha(0.2).setDepth(0.5).setScale(letterScale); diff --git a/src/pages/capital-letter/D.astro b/src/pages/capital-letter/D.astro index 5061fe8..bc81a92 100644 --- a/src/pages/capital-letter/D.astro +++ b/src/pages/capital-letter/D.astro @@ -52,10 +52,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; animatedDHeight = 32; } else{ cloudeSize = 500; @@ -69,10 +65,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; animatedDHeight = 20; } // let hideButton; @@ -91,7 +83,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -114,7 +105,6 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) @@ -129,17 +119,6 @@ import Layout from "../../layouts/Layout.astro"; ease: 'Linear', yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely - }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely }); const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2 - 30, customHeight / 2 + letterHeight, 'letterD').setAlpha(0.2).setDepth(0.5).setScale(letterScale); diff --git a/src/pages/capital-letter/E.astro b/src/pages/capital-letter/E.astro index 7352121..465972f 100644 --- a/src/pages/capital-letter/E.astro +++ b/src/pages/capital-letter/E.astro @@ -52,10 +52,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; animatedAHeight = 32; } else{ cloudeSize = 500; @@ -69,10 +65,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; animatedAHeight = 20; } function preload() { @@ -92,7 +84,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -115,7 +106,6 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) @@ -130,17 +120,6 @@ import Layout from "../../layouts/Layout.astro"; ease: 'Linear', yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely - }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely }); const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2 - 20, customHeight / 2 + letterHeight, 'letterE').setAlpha(0.2).setDepth(0.5).setScale(letterScale); diff --git a/src/pages/capital-letter/F.astro b/src/pages/capital-letter/F.astro index 3e2c4fc..83a0d7e 100644 --- a/src/pages/capital-letter/F.astro +++ b/src/pages/capital-letter/F.astro @@ -56,10 +56,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.365; - beanieWidth = 135; - beanieHeight = 170; animatedFHeight = 35; animatedFScale = 0.65; } else{ @@ -74,10 +70,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.45; - beanieWidth = 200; - beanieHeight = 255; animatedFHeight = 20; animatedFScale = 0.73; } @@ -96,8 +88,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - // this.load.image('beanie', '/assets/beanie.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -118,8 +108,6 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); - const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) const duration = 3000; // Duration of the animation in milliseconds @@ -133,17 +121,6 @@ import Layout from "../../layouts/Layout.astro"; ease: 'Linear', yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely - }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely }); const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'letterA').setAlpha(0.2).setDepth(0.5).setScale(letterScale); diff --git a/src/pages/capital-letter/G.astro b/src/pages/capital-letter/G.astro index 4ba1f97..cb08e7f 100644 --- a/src/pages/capital-letter/G.astro +++ b/src/pages/capital-letter/G.astro @@ -52,10 +52,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; animatedGHeight = 32; } else{ cloudeSize = 500; @@ -69,10 +65,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; animatedGHeight = 20; } // let hideButton; @@ -91,7 +83,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -114,7 +105,6 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) @@ -129,17 +119,6 @@ import Layout from "../../layouts/Layout.astro"; ease: 'Linear', yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely - }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely }); const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2 - 30, customHeight / 2 + letterHeight, 'letterG').setAlpha(0.2).setDepth(0.5).setScale(letterScale); diff --git a/src/pages/capital-letter/H.astro b/src/pages/capital-letter/H.astro index 8498290..a551b1c 100644 --- a/src/pages/capital-letter/H.astro +++ b/src/pages/capital-letter/H.astro @@ -56,11 +56,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.365; - beanieWidth = 135; - beanieHeight = 170; - animatedHHeight = 35; animatedHScale = 0.65; } else{ cloudeSize = 500; @@ -74,10 +69,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.45; - beanieWidth = 200; - beanieHeight = 255; animatedHHeight = 20; animatedHScale = 0.73; } @@ -96,8 +87,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - // this.load.image('beanie', '/assets/beanie.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -118,7 +107,6 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) @@ -133,17 +121,6 @@ import Layout from "../../layouts/Layout.astro"; ease: 'Linear', yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely - }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely }); const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'letterH').setAlpha(0.2).setDepth(0.5).setScale(letterScale); diff --git a/src/pages/capital-letter/I.astro b/src/pages/capital-letter/I.astro index 871ef6d..675c138 100644 --- a/src/pages/capital-letter/I.astro +++ b/src/pages/capital-letter/I.astro @@ -56,10 +56,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.365; - beanieWidth = 135; - beanieHeight = 170; animatedIHeight = 35; animatedIScale = 0.65; } else{ @@ -74,11 +70,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.45; - beanieWidth = 200; - beanieHeight = 255; - animatedIHeight = 20; animatedIScale = 0.73; } function preload() { @@ -96,8 +87,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - // this.load.image('beanie', '/assets/beanie.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -118,7 +107,6 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) @@ -133,17 +121,6 @@ import Layout from "../../layouts/Layout.astro"; ease: 'Linear', yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely - }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely }); const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'letterI').setAlpha(0.2).setDepth(0.5).setScale(letterScale); diff --git a/src/pages/capital-letter/J.astro b/src/pages/capital-letter/J.astro index 38695f2..f402dfe 100644 --- a/src/pages/capital-letter/J.astro +++ b/src/pages/capital-letter/J.astro @@ -52,10 +52,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; animatedJHeight = 32; } else{ cloudeSize = 500; @@ -69,10 +65,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; animatedJHeight = 20; } // let hideButton; @@ -89,7 +81,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -112,7 +103,6 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) @@ -127,17 +117,6 @@ import Layout from "../../layouts/Layout.astro"; ease: 'Linear', yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely - }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely }); const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'letterJ').setAlpha(0.2).setDepth(0.5).setScale(letterScale); diff --git a/src/pages/capital-letter/K.astro b/src/pages/capital-letter/K.astro index 8ea2fb5..d78047c 100644 --- a/src/pages/capital-letter/K.astro +++ b/src/pages/capital-letter/K.astro @@ -56,10 +56,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.365; - beanieWidth = 135; - beanieHeight = 170; animatedKHeight = 35; animatedKScale = 0.65; } else{ @@ -74,10 +70,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.45; - beanieWidth = 200; - beanieHeight = 255; animatedKHeight = 20; animatedKScale = 0.73; } @@ -96,8 +88,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - // this.load.image('beanie', '/assets/beanie.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -118,7 +108,6 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) @@ -133,17 +122,6 @@ import Layout from "../../layouts/Layout.astro"; ease: 'Linear', yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely - }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely }); const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2 + 50, customHeight / 2 + letterHeight, 'letterK').setAlpha(0.2).setDepth(0.5).setScale(letterScale); diff --git a/src/pages/capital-letter/L.astro b/src/pages/capital-letter/L.astro index dd71850..8f2823d 100644 --- a/src/pages/capital-letter/L.astro +++ b/src/pages/capital-letter/L.astro @@ -52,10 +52,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; animatedLHeight = 32; } else{ cloudeSize = 500; @@ -69,10 +65,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; animatedLHeight = 20; } // let hideButton; @@ -91,7 +83,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -114,7 +105,6 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) @@ -129,17 +119,6 @@ import Layout from "../../layouts/Layout.astro"; ease: 'Linear', yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely - }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely }); const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2 - 30, customHeight / 2 + letterHeight, 'letterL').setAlpha(0.2).setDepth(0.5).setScale(letterScale); @@ -153,7 +132,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); const mask = maskGraphics.createGeometryMask(); - let hideButton = this.add.text(customWidth / 2 - 65, customHeight / 1.1, "Let`s Do", { font: '900 24px quicksand', diff --git a/src/pages/capital-letter/M.astro b/src/pages/capital-letter/M.astro index 396d6f7..bb5721d 100644 --- a/src/pages/capital-letter/M.astro +++ b/src/pages/capital-letter/M.astro @@ -52,10 +52,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; animatedMHeight = 32; } else{ cloudeSize = 500; @@ -69,10 +65,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; animatedMHeight = 20; } function preload() { @@ -91,7 +83,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -114,7 +105,6 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) @@ -129,17 +119,6 @@ import Layout from "../../layouts/Layout.astro"; ease: 'Linear', yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely - }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely }); const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2 - 20, customHeight / 2 + letterHeight, 'letterM').setAlpha(0.2).setDepth(0.5).setScale(letterScale); diff --git a/src/pages/capital-letter/N.astro b/src/pages/capital-letter/N.astro index 1a3f722..20d4f36 100644 --- a/src/pages/capital-letter/N.astro +++ b/src/pages/capital-letter/N.astro @@ -56,10 +56,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.365; - beanieWidth = 135; - beanieHeight = 170; animatedNHeight = 35; animatedNScale = 0.65; } else{ @@ -74,10 +70,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.45; - beanieWidth = 200; - beanieHeight = 255; animatedNHeight = 20; animatedNScale = 0.73; } @@ -97,8 +89,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - // this.load.image('beanie', '/assets/beanie.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -119,7 +109,6 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) @@ -134,17 +123,6 @@ import Layout from "../../layouts/Layout.astro"; ease: 'Linear', yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely - }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely }); const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'letterN').setAlpha(0.2).setDepth(0.5).setScale(letterScale); diff --git a/src/pages/capital-letter/O.astro b/src/pages/capital-letter/O.astro index 72af4de..40156b4 100644 --- a/src/pages/capital-letter/O.astro +++ b/src/pages/capital-letter/O.astro @@ -52,10 +52,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; animatedOHeight = 32; } else{ cloudeSize = 500; @@ -69,10 +65,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; animatedOHeight = 20; } // let hideButton; @@ -89,7 +81,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -112,7 +103,6 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) @@ -127,17 +117,6 @@ import Layout from "../../layouts/Layout.astro"; ease: 'Linear', yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely - }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely }); const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'letterO').setAlpha(0.2).setDepth(0.5).setScale(letterScale); diff --git a/src/pages/capital-letter/P.astro b/src/pages/capital-letter/P.astro index 75eecc4..1fdaad2 100644 --- a/src/pages/capital-letter/P.astro +++ b/src/pages/capital-letter/P.astro @@ -52,10 +52,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; animatedPHeight = 32; } else{ cloudeSize = 500; @@ -69,10 +65,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; animatedPHeight = 20; } // let hideButton; @@ -91,7 +83,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -114,7 +105,6 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) @@ -129,17 +119,6 @@ import Layout from "../../layouts/Layout.astro"; ease: 'Linear', yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely - }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely }); const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2 + 30, customHeight / 2 + letterHeight, 'letterP').setAlpha(0.2).setDepth(0.5).setScale(letterScale); diff --git a/src/pages/capital-letter/Q.astro b/src/pages/capital-letter/Q.astro index 5403ed1..148407b 100644 --- a/src/pages/capital-letter/Q.astro +++ b/src/pages/capital-letter/Q.astro @@ -52,10 +52,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; animatedQHeight = 32; } else{ cloudeSize = 500; @@ -69,10 +65,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; animatedQHeight = 20; } // let hideButton; @@ -91,7 +83,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -114,7 +105,6 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) @@ -129,17 +119,6 @@ import Layout from "../../layouts/Layout.astro"; ease: 'Linear', yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely - }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely }); const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2 + 30, customHeight / 2 + letterHeight, 'letterQ').setAlpha(0.2).setDepth(0.5).setScale(letterScale); diff --git a/src/pages/capital-letter/R.astro b/src/pages/capital-letter/R.astro index 7735343..3fd7372 100644 --- a/src/pages/capital-letter/R.astro +++ b/src/pages/capital-letter/R.astro @@ -56,10 +56,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.365; - beanieWidth = 135; - beanieHeight = 170; animatedRHeight = 35; animatedRScale = 0.65; } else{ @@ -74,10 +70,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.45; - beanieWidth = 200; - beanieHeight = 255; animatedRHeight = 20; animatedRScale = 0.73; } @@ -97,8 +89,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - // this.load.image('beanie', '/assets/beanie.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -119,7 +109,6 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) @@ -134,17 +123,6 @@ import Layout from "../../layouts/Layout.astro"; ease: 'Linear', yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely - }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely }); const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'letterR').setAlpha(0.2).setDepth(0.5).setScale(letterScale); diff --git a/src/pages/capital-letter/S.astro b/src/pages/capital-letter/S.astro index 92788e1..72b1581 100644 --- a/src/pages/capital-letter/S.astro +++ b/src/pages/capital-letter/S.astro @@ -52,10 +52,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; animatedSHeight = 32; } else{ cloudeSize = 500; @@ -69,10 +65,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; animatedSHeight = 20; } // let hideButton; @@ -89,7 +81,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -112,7 +103,6 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) @@ -127,17 +117,6 @@ import Layout from "../../layouts/Layout.astro"; ease: 'Linear', yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely - }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely }); const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'letterS').setAlpha(0.2).setDepth(0.5).setScale(letterScale); diff --git a/src/pages/capital-letter/T.astro b/src/pages/capital-letter/T.astro index b9c389b..2105d84 100644 --- a/src/pages/capital-letter/T.astro +++ b/src/pages/capital-letter/T.astro @@ -52,10 +52,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; animatedTHeight = 32; } else{ cloudeSize = 500; @@ -69,10 +65,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; animatedTHeight = 20; } // let hideButton; @@ -91,7 +83,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -114,8 +105,6 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); - const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) const duration = 3000; // Duration of the animation in milliseconds @@ -129,17 +118,6 @@ import Layout from "../../layouts/Layout.astro"; ease: 'Linear', yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely - }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely }); const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2 - 30, customHeight / 2 + letterHeight, 'letterT').setAlpha(0.2).setDepth(0.5).setScale(letterScale); diff --git a/src/pages/capital-letter/U.astro b/src/pages/capital-letter/U.astro index 52834a1..3c98b46 100644 --- a/src/pages/capital-letter/U.astro +++ b/src/pages/capital-letter/U.astro @@ -52,10 +52,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; animatedUHeight = 32; } else{ cloudeSize = 500; @@ -69,10 +65,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; animatedUHeight = 20; } // let hideButton; @@ -89,7 +81,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -112,8 +103,6 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); - const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) const duration = 3000; // Duration of the animation in milliseconds @@ -127,17 +116,6 @@ import Layout from "../../layouts/Layout.astro"; ease: 'Linear', yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely - }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely }); const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'letterU').setAlpha(0.2).setDepth(0.5).setScale(letterScale); diff --git a/src/pages/capital-letter/V.astro b/src/pages/capital-letter/V.astro index 4c5b743..4a61238 100644 --- a/src/pages/capital-letter/V.astro +++ b/src/pages/capital-letter/V.astro @@ -52,10 +52,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; animatedVHeight = 32; } else{ cloudeSize = 500; @@ -69,10 +65,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; animatedVHeight = 20; } // let hideButton; @@ -90,7 +82,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -113,7 +104,6 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) @@ -128,17 +118,6 @@ import Layout from "../../layouts/Layout.astro"; ease: 'Linear', yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely - }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely }); const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2 + 30, customHeight / 2 + letterHeight, 'letterV').setAlpha(0.2).setDepth(0.5).setScale(letterScale); diff --git a/src/pages/capital-letter/W.astro b/src/pages/capital-letter/W.astro index 7e3d473..91e74e8 100644 --- a/src/pages/capital-letter/W.astro +++ b/src/pages/capital-letter/W.astro @@ -52,10 +52,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; animatedWHeight = 32; } else{ cloudeSize = 500; @@ -69,10 +65,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; animatedWHeight = 20; } function preload() { @@ -90,7 +82,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -113,7 +104,6 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) @@ -128,17 +118,6 @@ import Layout from "../../layouts/Layout.astro"; ease: 'Linear', yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely - }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely }); const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2 - 20, customHeight / 2 + letterHeight, 'letterW').setAlpha(0.2).setDepth(0.5).setScale(letterScale); diff --git a/src/pages/capital-letter/X.astro b/src/pages/capital-letter/X.astro index 6dfb756..1e870b8 100644 --- a/src/pages/capital-letter/X.astro +++ b/src/pages/capital-letter/X.astro @@ -52,10 +52,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; animatedXHeight = 32; } else{ cloudeSize = 500; @@ -69,10 +65,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; animatedXHeight = 20; } // let hideButton; @@ -91,7 +83,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -114,8 +105,6 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); - const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) const duration = 3000; // Duration of the animation in milliseconds @@ -129,17 +118,6 @@ import Layout from "../../layouts/Layout.astro"; ease: 'Linear', yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely - }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely }); const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2 + 30, customHeight / 2 + letterHeight, 'letterX').setAlpha(0.2).setDepth(0.5).setScale(letterScale); diff --git a/src/pages/capital-letter/Y.astro b/src/pages/capital-letter/Y.astro index a6832eb..a05bd79 100644 --- a/src/pages/capital-letter/Y.astro +++ b/src/pages/capital-letter/Y.astro @@ -56,10 +56,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.365; - beanieWidth = 135; - beanieHeight = 170; animatedYHeight = 35; animatedYScale = 0.65; } else{ @@ -74,10 +70,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.45; - beanieWidth = 200; - beanieHeight = 255; animatedYHeight = 20; animatedYScale = 0.73; } @@ -97,8 +89,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - // this.load.image('beanie', '/assets/beanie.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -119,8 +109,6 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); - const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) const duration = 3000; // Duration of the animation in milliseconds @@ -134,17 +122,6 @@ import Layout from "../../layouts/Layout.astro"; ease: 'Linear', yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely - }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely }); const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'letterY').setAlpha(0.2).setDepth(0.5).setScale(letterScale); diff --git a/src/pages/capital-letter/Z.astro b/src/pages/capital-letter/Z.astro index ebecb29..8c34914 100644 --- a/src/pages/capital-letter/Z.astro +++ b/src/pages/capital-letter/Z.astro @@ -56,10 +56,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.365; - beanieWidth = 135; - beanieHeight = 170; animatedZHeight = 35; animatedZScale = 0.65; } else{ @@ -74,10 +70,6 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.45; - beanieWidth = 200; - beanieHeight = 255; animatedZHeight = 20; animatedZScale = 0.73; } @@ -96,8 +88,6 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - // this.load.image('beanie', '/assets/beanie.png'); - this.load.image('beanie', '/assets/beanieImage.png'); this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -118,8 +108,6 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); - const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) const duration = 3000; // Duration of the animation in milliseconds @@ -133,17 +121,6 @@ import Layout from "../../layouts/Layout.astro"; ease: 'Linear', yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely - }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely }); const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'letterZ').setAlpha(0.2).setDepth(0.5).setScale(letterScale); diff --git a/src/pages/numeric/0.astro b/src/pages/numeric/0.astro new file mode 100644 index 0000000..63e4b57 --- /dev/null +++ b/src/pages/numeric/0.astro @@ -0,0 +1,268 @@ +--- +import Layout from "../../layouts/Layout.astro"; +--- + +
+
+
+ +
+ + \ No newline at end of file diff --git a/src/pages/numeric/1.astro b/src/pages/numeric/1.astro new file mode 100644 index 0000000..34fb089 --- /dev/null +++ b/src/pages/numeric/1.astro @@ -0,0 +1,271 @@ +--- +import Layout from "../../layouts/Layout.astro"; +--- + +
+
+
+ +
+ + \ No newline at end of file diff --git a/src/pages/numeric/2.astro b/src/pages/numeric/2.astro new file mode 100644 index 0000000..509b119 --- /dev/null +++ b/src/pages/numeric/2.astro @@ -0,0 +1,304 @@ +--- +import Layout from "../../layouts/Layout.astro"; +--- + +
+
+
+ +
+ + \ No newline at end of file diff --git a/src/pages/numeric/3.astro b/src/pages/numeric/3.astro new file mode 100644 index 0000000..6cbf36c --- /dev/null +++ b/src/pages/numeric/3.astro @@ -0,0 +1,303 @@ +--- +import Layout from "../../layouts/Layout.astro"; +--- + +
+
+
+ +
+ + \ No newline at end of file diff --git a/src/pages/numeric/4.astro b/src/pages/numeric/4.astro new file mode 100644 index 0000000..a185eb4 --- /dev/null +++ b/src/pages/numeric/4.astro @@ -0,0 +1,333 @@ +--- +import Layout from "../../layouts/Layout.astro"; +--- + +
+
+
+ +
+ + \ No newline at end of file diff --git a/src/pages/numeric/5.astro b/src/pages/numeric/5.astro new file mode 100644 index 0000000..f43189b --- /dev/null +++ b/src/pages/numeric/5.astro @@ -0,0 +1,334 @@ +--- +import Layout from "../../layouts/Layout.astro"; +--- + +
+
+
+ +
+ + \ No newline at end of file diff --git a/src/pages/numeric/6.astro b/src/pages/numeric/6.astro new file mode 100644 index 0000000..29e3e51 --- /dev/null +++ b/src/pages/numeric/6.astro @@ -0,0 +1,304 @@ +--- +import Layout from "../../layouts/Layout.astro"; +--- + +
+
+
+ +
+ + \ No newline at end of file diff --git a/src/pages/numeric/7.astro b/src/pages/numeric/7.astro new file mode 100644 index 0000000..bdbdd63 --- /dev/null +++ b/src/pages/numeric/7.astro @@ -0,0 +1,304 @@ +--- +import Layout from "../../layouts/Layout.astro"; +--- + +
+
+
+ +
+ + \ No newline at end of file diff --git a/src/pages/numeric/8.astro b/src/pages/numeric/8.astro new file mode 100644 index 0000000..79055f8 --- /dev/null +++ b/src/pages/numeric/8.astro @@ -0,0 +1,304 @@ +--- +import Layout from "../../layouts/Layout.astro"; +--- + +
+
+
+ +
+ + \ No newline at end of file diff --git a/src/pages/numeric/9.astro b/src/pages/numeric/9.astro new file mode 100644 index 0000000..4063058 --- /dev/null +++ b/src/pages/numeric/9.astro @@ -0,0 +1,304 @@ +--- +import Layout from "../../layouts/Layout.astro"; +--- + +
+
+
+ +
+ + \ No newline at end of file diff --git a/src/pages/small-letter/a.astro b/src/pages/small-letter/a.astro index 84d7832..b315e05 100644 --- a/src/pages/small-letter/a.astro +++ b/src/pages/small-letter/a.astro @@ -52,10 +52,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; + animatedAHeight = 32; } else{ cloudeSize = 500; @@ -69,10 +66,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; + animatedAHeight = 20; } // let hideButton; @@ -91,7 +85,7 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); + this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -114,8 +108,7 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); - + const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) const duration = 3000; // Duration of the animation in milliseconds @@ -130,17 +123,7 @@ import Layout from "../../layouts/Layout.astro"; yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely - }); + const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'letterA').setAlpha(0.2).setDepth(0.5).setScale(letterScale); const firstScreen = this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'letterA').setDepth(2).setScale(letterScale); diff --git a/src/pages/small-letter/b.astro b/src/pages/small-letter/b.astro index a4cad8c..58e2e31 100644 --- a/src/pages/small-letter/b.astro +++ b/src/pages/small-letter/b.astro @@ -52,10 +52,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; + animatedBHeight = 32; } else{ cloudeSize = 500; @@ -69,10 +66,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; + animatedBHeight = 20; } // let hideButton; @@ -91,7 +85,7 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); + this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -114,8 +108,7 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); - + const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) const duration = 3000; // Duration of the animation in milliseconds @@ -130,17 +123,7 @@ import Layout from "../../layouts/Layout.astro"; yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely - }); + const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2 + 20, customHeight / 2 + letterHeight, 'letterB').setAlpha(0.2).setDepth(0.5).setScale(letterScale); const firstScreen = this.add.image(customWidth / 2 + 20, customHeight / 2 + letterHeight, 'letterB').setDepth(2).setScale(letterScale); diff --git a/src/pages/small-letter/c.astro b/src/pages/small-letter/c.astro index db30c12..a30a92e 100644 --- a/src/pages/small-letter/c.astro +++ b/src/pages/small-letter/c.astro @@ -52,10 +52,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; + animatedCHeight = 32; } else{ cloudeSize = 500; @@ -69,10 +66,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; + animatedCHeight = 20; } // let hideButton; @@ -89,7 +83,7 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); + this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -112,8 +106,7 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); - + const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) const duration = 3000; // Duration of the animation in milliseconds @@ -128,17 +121,7 @@ import Layout from "../../layouts/Layout.astro"; yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely - }); + const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'letterC').setAlpha(0.2).setDepth(0.5).setScale(letterScale); const firstScreen = this.add.image(customWidth / 2 + 90, customHeight / 2 + letterHeight, 'letterC').setDepth(2).setScale(letterScale); diff --git a/src/pages/small-letter/d.astro b/src/pages/small-letter/d.astro index d1f0b75..8aa262a 100644 --- a/src/pages/small-letter/d.astro +++ b/src/pages/small-letter/d.astro @@ -52,10 +52,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; + animatedVideScale = 0.6 animatedDHeight = 32; } else{ @@ -70,10 +67,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; + animatedVideScale = 0.9; animatedDHeight = 20; } @@ -93,7 +87,7 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); + this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -116,8 +110,7 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); - + const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) const duration = 3000; // Duration of the animation in milliseconds @@ -132,17 +125,7 @@ import Layout from "../../layouts/Layout.astro"; yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely - }); + const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2 - 30, customHeight / 2 + letterHeight, 'letterD').setAlpha(0.2).setDepth(0.5).setScale(letterScale); const firstScreen = this.add.image(customWidth / 2 - 30, customHeight / 2 + letterHeight, 'letterD').setDepth(2).setScale(letterScale); diff --git a/src/pages/small-letter/e.astro b/src/pages/small-letter/e.astro index 4cea04b..4dd3f99 100644 --- a/src/pages/small-letter/e.astro +++ b/src/pages/small-letter/e.astro @@ -52,10 +52,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; + animatedEHeight = 32; } else{ cloudeSize = 500; @@ -69,10 +66,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; + animatedEHeight = 20; } // let hideButton; @@ -91,7 +85,7 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); + this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -114,8 +108,7 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); - + const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) const duration = 3000; // Duration of the animation in milliseconds @@ -130,17 +123,7 @@ import Layout from "../../layouts/Layout.astro"; yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely - }); + const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2 - 20, customHeight / 2 + letterHeight, 'letterE').setAlpha(0.2).setDepth(0.5).setScale(letterScale); const firstScreen = this.add.image(customWidth / 2 - 20, customHeight / 2 + letterHeight, 'letterE').setDepth(2).setScale(letterScale); diff --git a/src/pages/small-letter/f.astro b/src/pages/small-letter/f.astro index 7b6c8e2..13b8fe3 100644 --- a/src/pages/small-letter/f.astro +++ b/src/pages/small-letter/f.astro @@ -52,10 +52,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; + animatedFHeight = 32; } else{ cloudeSize = 500; @@ -69,10 +66,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; + animatedFHeight = 20; } // let hideButton; @@ -91,7 +85,7 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); + this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -114,8 +108,7 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); - + const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) const duration = 3000; // Duration of the animation in milliseconds @@ -130,17 +123,7 @@ import Layout from "../../layouts/Layout.astro"; yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely - }); + const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2 + 15, customHeight / 2 + letterHeight, 'letterF').setAlpha(0.2).setDepth(0.5).setScale(letterScale); const firstScreen = this.add.image(customWidth / 2 + 15, customHeight / 2 + letterHeight, 'letterF').setDepth(2).setScale(letterScale); diff --git a/src/pages/small-letter/g.astro b/src/pages/small-letter/g.astro index 4ca7838..6e0dc8c 100644 --- a/src/pages/small-letter/g.astro +++ b/src/pages/small-letter/g.astro @@ -52,10 +52,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; + animatedVideoScale = 0.63; animatedGHeight = 32; } else{ @@ -70,10 +67,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; + animatedVideoScale = 0.7; animatedGHeight = 20; } @@ -93,7 +87,7 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); + this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -116,8 +110,7 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); - + const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) const duration = 3000; // Duration of the animation in milliseconds @@ -132,17 +125,7 @@ import Layout from "../../layouts/Layout.astro"; yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely - }); + const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2 - 20, customHeight / 2 + letterHeight, 'letterG').setAlpha(0.2).setDepth(0.5).setScale(letterScale); const firstScreen = this.add.image(customWidth / 2 - 20, customHeight / 2 + letterHeight, 'letterG').setDepth(2).setScale(letterScale); diff --git a/src/pages/small-letter/h.astro b/src/pages/small-letter/h.astro index ca0a61d..7db9f80 100644 --- a/src/pages/small-letter/h.astro +++ b/src/pages/small-letter/h.astro @@ -52,10 +52,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; + animatedVideoScale = 0.63; animatedHHeight = 32; } else{ @@ -70,10 +67,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; + animatedVideoScale = 0.7; animatedHHeight = 20; } @@ -93,7 +87,7 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); + this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -116,8 +110,7 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); - + const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) const duration = 3000; // Duration of the animation in milliseconds @@ -132,17 +125,7 @@ import Layout from "../../layouts/Layout.astro"; yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely - }); + const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2 + 25, customHeight / 2 + letterHeight, 'letterH').setAlpha(0.2).setDepth(0.5).setScale(letterScale); const firstScreen = this.add.image(customWidth / 2 + 25, customHeight / 2 + letterHeight, 'letterH').setDepth(2).setScale(letterScale); diff --git a/src/pages/small-letter/i.astro b/src/pages/small-letter/i.astro index a56bf1a..63d227c 100644 --- a/src/pages/small-letter/i.astro +++ b/src/pages/small-letter/i.astro @@ -52,10 +52,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; + animatedVideoScale = 0.5; animatedIHeight = 32; } else{ @@ -70,10 +67,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; + animatedVideoScale = 0.55; animatedIHeight = 20; } @@ -93,7 +87,7 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); + this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -116,8 +110,7 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); - + const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) const duration = 3000; // Duration of the animation in milliseconds @@ -132,17 +125,7 @@ import Layout from "../../layouts/Layout.astro"; yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely - }); + const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2 , customHeight / 2 + letterIeight, 'letterI').setAlpha(0.2).setDepth(0.5).setScale(letterScale); const firstScreen = this.add.image(customWidth / 2 , customHeight / 2 + letterIeight, 'letterI').setDepth(2).setScale(letterScale); diff --git a/src/pages/small-letter/j.astro b/src/pages/small-letter/j.astro index 26ae72e..195c6c0 100644 --- a/src/pages/small-letter/j.astro +++ b/src/pages/small-letter/j.astro @@ -52,10 +52,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; + animatedVideoScale = 0.5; animatedJHeight = 32; } else{ @@ -70,10 +67,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; + animatedVideoScale = 0.7; animatedJHeight = 20; } @@ -93,7 +87,7 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); + this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -116,8 +110,7 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); - + const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) const duration = 3000; // Duration of the animation in milliseconds @@ -132,17 +125,7 @@ import Layout from "../../layouts/Layout.astro"; yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely - }); + const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2 - 20, customHeight / 2 + letterJeight, 'letterJ').setAlpha(0.2).setDepth(0.5).setScale(letterScale); const firstScreen = this.add.image(customWidth / 2 - 20 , customHeight / 2 + letterJeight, 'letterJ').setDepth(2).setScale(letterScale); diff --git a/src/pages/small-letter/k.astro b/src/pages/small-letter/k.astro index e74b616..ab417b5 100644 --- a/src/pages/small-letter/k.astro +++ b/src/pages/small-letter/k.astro @@ -56,10 +56,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.365; - beanieWidth = 135; - beanieHeight = 170; + animatedKHeight = 35; animatedKScale = 0.65; } else{ @@ -74,10 +71,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.45; - beanieWidth = 200; - beanieHeight = 255; + animatedKHeight = 20; animatedKScale = 0.8; } @@ -97,8 +91,8 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - // this.load.image('beanie', '/assets/beanie.png'); - this.load.image('beanie', '/assets/beanieImage.png'); + + this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -119,8 +113,7 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); - + const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) const duration = 3000; // Duration of the animation in milliseconds @@ -135,17 +128,7 @@ import Layout from "../../layouts/Layout.astro"; yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely - }); + const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2 + 20, customHeight / 2 + letterHeight, 'letterK').setAlpha(0.2).setDepth(0.5).setScale(letterScale); const firstScreen = this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'letterK').setDepth(2).setScale(letterScale); diff --git a/src/pages/small-letter/m.astro b/src/pages/small-letter/m.astro index 3f19861..3ccfe18 100644 --- a/src/pages/small-letter/m.astro +++ b/src/pages/small-letter/m.astro @@ -56,10 +56,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.365; - beanieWidth = 135; - beanieHeight = 170; + animatedMHeight = 35; animatedMScale = 0.5; } else{ @@ -74,10 +71,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.45; - beanieWidth = 200; - beanieHeight = 255; + animatedMHeight = 20; animatedMScale = 0.66; } @@ -96,8 +90,8 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - // this.load.image('beanie', '/assets/beanie.png'); - this.load.image('beanie', '/assets/beanieImage.png'); + + this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -118,8 +112,7 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); - + const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) const duration = 3000; // Duration of the animation in milliseconds @@ -134,17 +127,7 @@ import Layout from "../../layouts/Layout.astro"; yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely - }); + const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2 + 20, customHeight / 2 + letterHeight, 'letterM').setAlpha(0.2).setDepth(0.5).setScale(letterScale); const firstScreen = this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'letterM').setDepth(2).setScale(letterScale); diff --git a/src/pages/small-letter/n.astro b/src/pages/small-letter/n.astro index 4885623..c1c421c 100644 --- a/src/pages/small-letter/n.astro +++ b/src/pages/small-letter/n.astro @@ -52,10 +52,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; + animatedVideoScale = 0.63; animatedNHeight = 32; } else{ @@ -70,10 +67,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; + animatedVideoScale = 0.7; animatedNHeight = 20; } @@ -93,7 +87,7 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); + this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -116,8 +110,7 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); - + const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) const duration = 3000; // Duration of the animation in milliseconds @@ -132,17 +125,7 @@ import Layout from "../../layouts/Layout.astro"; yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely - }); + const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2 + 45, customHeight / 2 + letterNeight, 'letterN').setAlpha(0.2).setDepth(0.5).setScale(letterScale); const firstScreen = this.add.image(customWidth / 2 + 45, customHeight / 2 + letterNeight, 'letterN').setDepth(2).setScale(letterScale); diff --git a/src/pages/small-letter/o.astro b/src/pages/small-letter/o.astro index fb16e65..8ab4fda 100644 --- a/src/pages/small-letter/o.astro +++ b/src/pages/small-letter/o.astro @@ -52,10 +52,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; + animatedOHeight = 32; } else{ cloudeSize = 500; @@ -69,10 +66,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; + animatedOHeight = 20; } // let hideButton; @@ -89,7 +83,7 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); + this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -112,8 +106,7 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); - + const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) const duration = 3000; // Duration of the animation in milliseconds @@ -128,17 +121,7 @@ import Layout from "../../layouts/Layout.astro"; yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely - }); + const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'letterO').setAlpha(0.2).setDepth(0.5).setScale(letterScale); const firstScreen = this.add.image(customWidth / 2 + 90, customHeight / 2 + letterHeight, 'letterO').setDepth(2).setScale(letterScale); diff --git a/src/pages/small-letter/p.astro b/src/pages/small-letter/p.astro index 07b7dc1..b4f115d 100644 --- a/src/pages/small-letter/p.astro +++ b/src/pages/small-letter/p.astro @@ -52,10 +52,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; + animatedVideoScale = 0.63; animatedPHeight = 32; } else{ @@ -70,10 +67,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; + animatedVideoScale = 0.7; animatedPHeight = 20; } @@ -93,7 +87,7 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); + this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -116,8 +110,7 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); - + const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) const duration = 3000; // Duration of the animation in milliseconds @@ -132,17 +125,7 @@ import Layout from "../../layouts/Layout.astro"; yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely - }); + const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2 + 20, customHeight / 2 + letterPeight, 'letterP').setAlpha(0.2).setDepth(0.5).setScale(letterScale); const firstScreen = this.add.image(customWidth / 2 + 20, customHeight / 2 + letterPeight, 'letterP').setDepth(2).setScale(letterScale); diff --git a/src/pages/small-letter/q.astro b/src/pages/small-letter/q.astro index 61a2277..6036412 100644 --- a/src/pages/small-letter/q.astro +++ b/src/pages/small-letter/q.astro @@ -52,10 +52,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.15; sunWidth = 70; sunHeight = 70; - beanieScale = 0.35; - beanieScalePlus = 0.38; - beanieWidth = 135; - beanieHeight = 170; + animatedVideoScale = 0.63; animatedQHeight = 32; } else{ @@ -70,10 +67,7 @@ import Layout from "../../layouts/Layout.astro"; sunScalePlus = 0.25; sunWidth = 200; sunHeight = 100; - beanieScale = 0.4; - beanieScalePlus = 0.44; - beanieWidth = 200; - beanieHeight = 245; + animatedVideoScale = 0.7; animatedQHeight = 20; } @@ -93,7 +87,7 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('backgroundImage', '/assets/bg6.png'); this.load.image('cloud', '/assets/cloud.png'); this.load.image('canvas', '/assets/canvas4.png'); - this.load.image('beanie', '/assets/beanieImage.png'); + this.load.image('sun', '/assets/sun.png'); this.load.image('bgMobile', '/assets/bgMobile.png'); this.load.image('canvasStand', '/assets/stand2.png'); @@ -116,8 +110,7 @@ import Layout from "../../layouts/Layout.astro"; }); const sun = this.add.sprite(customWidth - sunWidth, sunHeight, 'sun').setScale(sunScale).setDepth(-1.9); - const beanie = this.add.sprite(customWidth / 2 - beanieWidth, customHeight / 2 - beanieHeight, 'beanie').setScale(beanieScale).setDepth(1.9); - + const scaleFactor = sunScalePlus; // Scale factor (2 means double the size) const duration = 3000; // Duration of the animation in milliseconds @@ -132,17 +125,7 @@ import Layout from "../../layouts/Layout.astro"; yoyo: true, // Makes the animation play in reverse repeat: -1 // Repeat indefinitely }); - const beaniescaleFactor = beanieScalePlus; // Scale factor (2 means double the size) - const beanieduration = 2500; - this.tweens.add({ - targets: beanie, - scaleX: beaniescaleFactor + 0.004, - scaleY: beaniescaleFactor, - duration: beanieduration, - ease: 'Redial', - yoyo: true, // Makes the animation play in reverse - repeat: -1 // Repeat indefinitely - }); + const backgroundImages = this.add.image(customWidth / 2, customHeight /2, 'backgroundImage').setDepth(-2).setScale(backgroundScale); this.add.image(customWidth / 2, customHeight / 2 + letterQeight, 'letterQ').setAlpha(0.2).setDepth(0.5).setScale(letterScale); const firstScreen = this.add.image(customWidth / 2, customHeight / 2 + letterQeight, 'letterQ').setDepth(2).setScale(letterScale); @@ -259,7 +242,7 @@ import Layout from "../../layouts/Layout.astro"; firstLayer.on('drag', (pointer) => { const distance = Phaser.Math.Distance.Between(firstDragStartPoint.x, firstDragStartPoint.y, pointer.x, pointer.y); - if (distance >= 100) { + if (distance >= 20) { firstTextLayer.setVisible(false); secondTextLayer.setVisible(true); diff --git a/src/pages/small-letter/r.astro b/src/pages/small-letter/r.astro new file mode 100644 index 0000000..264cf9c --- /dev/null +++ b/src/pages/small-letter/r.astro @@ -0,0 +1,303 @@ +--- +import Layout from "../../layouts/Layout.astro"; +--- + +
+
+
+ +
+ + \ No newline at end of file diff --git a/src/pages/small-letter/s.astro b/src/pages/small-letter/s.astro new file mode 100644 index 0000000..7a9ab28 --- /dev/null +++ b/src/pages/small-letter/s.astro @@ -0,0 +1,270 @@ +--- +import Layout from "../../layouts/Layout.astro"; +--- + +
+
+
+ +
+ + \ No newline at end of file diff --git a/src/pages/small-letter/t.astro b/src/pages/small-letter/t.astro new file mode 100644 index 0000000..e4eff9a --- /dev/null +++ b/src/pages/small-letter/t.astro @@ -0,0 +1,303 @@ +--- +import Layout from "../../layouts/Layout.astro"; +--- + +
+
+
+ +
+ + \ No newline at end of file diff --git a/src/pages/small-letter/u.astro b/src/pages/small-letter/u.astro new file mode 100644 index 0000000..229b7d7 --- /dev/null +++ b/src/pages/small-letter/u.astro @@ -0,0 +1,303 @@ +--- +import Layout from "../../layouts/Layout.astro"; +--- + +
+
+
+ +
+ + \ No newline at end of file diff --git a/src/pages/small-letter/v.astro b/src/pages/small-letter/v.astro new file mode 100644 index 0000000..fa4c603 --- /dev/null +++ b/src/pages/small-letter/v.astro @@ -0,0 +1,302 @@ +--- +import Layout from "../../layouts/Layout.astro"; +--- + +
+
+
+ +
+ + \ No newline at end of file diff --git a/src/pages/small-letter/w.astro b/src/pages/small-letter/w.astro new file mode 100644 index 0000000..ba0ed8b --- /dev/null +++ b/src/pages/small-letter/w.astro @@ -0,0 +1,370 @@ +--- +import Layout from "../../layouts/Layout.astro"; +--- + +
+
+
+ +
+ + \ No newline at end of file diff --git a/src/pages/small-letter/x.astro b/src/pages/small-letter/x.astro new file mode 100644 index 0000000..1d8a523 --- /dev/null +++ b/src/pages/small-letter/x.astro @@ -0,0 +1,303 @@ +--- +import Layout from "../../layouts/Layout.astro"; +--- + +
+
+
+ +
+ + \ No newline at end of file diff --git a/src/pages/small-letter/y.astro b/src/pages/small-letter/y.astro new file mode 100644 index 0000000..2116793 --- /dev/null +++ b/src/pages/small-letter/y.astro @@ -0,0 +1,303 @@ +--- +import Layout from "../../layouts/Layout.astro"; +--- + +
+
+
+ +
+ + \ No newline at end of file diff --git a/src/pages/small-letter/z.astro b/src/pages/small-letter/z.astro new file mode 100644 index 0000000..bfd8269 --- /dev/null +++ b/src/pages/small-letter/z.astro @@ -0,0 +1,332 @@ +--- +import Layout from "../../layouts/Layout.astro"; +--- + +
+
+
+ +
+ + \ No newline at end of file