From 68858e84e584de5bb2c67272d325137a29ac0e2c Mon Sep 17 00:00:00 2001
From: mattsunbmgo23-cell <mattsunbmgo23@gmail.com>
Date: Sun, 21 Dec 2025 23:04:40 +0800
Subject: [PATCH] Update and rename
 docs/gdevelop5/publishing/android/play-store/index.md to
 docs/gdevelop5/publishing/android/FlappyBirdUltra

---
 .../publishing/android/FlappyBirdUltra        | 446 ++++++++++++++++++
 .../publishing/android/play-store/index.md    |  83 ----
 2 files changed, 446 insertions(+), 83 deletions(-)
 create mode 100644 docs/gdevelop5/publishing/android/FlappyBirdUltra
 delete mode 100644 docs/gdevelop5/publishing/android/play-store/index.md
diff --git a/docs/gdevelop5/publishing/android/FlappyBirdUltra b/docs/gdevelop5/publishing/android/FlappyBirdUltra
new file mode 100644
index 0000000000..52f22741c5
--- /dev/null
+++ b/docs/gdevelop5/publishing/android/FlappyBirdUltra
@@ -0,0 +1,446 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+    <title>Flappy Bird - Mobile Edition</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link href="https://cdn.jsdelivr.net/npm/daisyui@3.9.4/dist/full.css" rel="stylesheet" type="text/css" />
+    <style>
+        * {
+            -webkit-touch-callout: none;
+            -webkit-user-select: none;
+            -khtml-user-select: none;
+            -moz-user-select: none;
+            -ms-user-select: none;
+            user-select: none;
+            -webkit-tap-highlight-color: transparent;
+        }
+        
+        body {
+            overflow: hidden;
+            position: fixed;
+            width: 100%;
+            height: 100%;
+            margin: 0;
+            padding: 0;
+        }
+        
+        canvas {
+            display: block;
+            touch-action: none;
+            -webkit-touch-callout: none;
+            -webkit-user-select: none;
+        }
+        
+        .game-container {
+            position: relative;
+            width: 100vw;
+            height: 100vh;
+            overflow: hidden;
+        }
+        
+        .ui-overlay {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            pointer-events: none;
+            z-index: 10;
+        }
+        
+        .ui-element {
+            pointer-events: auto;
+        }
+        
+        .mobile-btn {
+            min-height: 48px;
+            min-width: 48px;
+            font-size: 16px;
+            padding: 12px 16px;
+        }
+        
+        .skin-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
+            gap: 10px;
+            max-height: 60vh;
+            overflow-y: auto;
+        }
+        
+        .skin-item {
+            aspect-ratio: 1;
+            min-height: 60px;
+        }
+        
+        @media (max-width: 640px) {
+            .skin-grid {
+                grid-template-columns: repeat(3, 1fr);
+            }
+        }
+        
+        .touch-feedback {
+            animation: touchPulse 0.2s ease-out;
+        }
+        
+        @keyframes touchPulse {
+            0% { transform: scale(1); }
+            50% { transform: scale(1.05); }
+            100% { transform: scale(1); }
+        }
+        
+        .leaderboard-container {
+            max-height: 50vh;
+            overflow-y: auto;
+        }
+    </style>
+</head>
+<body class="bg-sky-400">
+    <div class="game-container">
+        <canvas id="gameCanvas" class="w-full h-full"></canvas>
+        
+        <div class="ui-overlay">
+            <!-- Game UI -->
+            <div id="gameUI" class="absolute top-4 left-4 right-4 flex justify-between items-start z-20">
+                <div class="bg-black bg-opacity-50 text-white px-3 py-2 rounded-lg">
+                    <div class="text-lg font-bold">Score: <span id="currentScore">0</span></div>
+                    <div class="text-sm">Points: <span id="totalPoints">0</span></div>
+                </div>
+                <button id="pauseBtn" class="ui-element mobile-btn bg-yellow-500 hover:bg-yellow-600 text-white rounded-lg">
+                    ⏸️
+                </button>
+            </div>
+
+            <!-- Start Screen -->
+            <div id="startScreen" class="absolute inset-0 bg-sky-400 flex flex-col items-center justify-center ui-element">
+                <h1 class="text-4xl md:text-6xl font-bold text-white mb-8 text-center">Flappy Bird</h1>
+                <div class="space-y-4 w-full max-w-xs px-4">
+                    <button id="startBtn" class="mobile-btn w-full bg-green-500 hover:bg-green-600 text-white rounded-lg">
+                        🎮 Start Game
+                    </button>
+                    <button id="skinsBtn" class="mobile-btn w-full bg-purple-500 hover:bg-purple-600 text-white rounded-lg">
+                        🎨 Skins
+                    </button>
+                    <button id="leaderboardBtn" class="mobile-btn w-full bg-blue-500 hover:bg-blue-600 text-white rounded-lg">
+                        🏆 Leaderboard
+                    </button>
+                </div>
+                <div class="mt-8 text-center text-white">
+                    <p class="text-lg">Tap anywhere to fly!</p>
+                    <p class="text-sm mt-2">Collect points to unlock skins</p>
+                </div>
+            </div>
+
+            <!-- Game Over Screen -->
+            <div id="gameOverScreen" class="absolute inset-0 bg-black bg-opacity-75 flex flex-col items-center justify-center ui-element hidden">
+                <div class="bg-white rounded-lg p-6 max-w-sm w-full mx-4 text-center">
+                    <h2 class="text-3xl font-bold text-red-500 mb-4">Game Over!</h2>
+                    <div class="space-y-2 mb-6">
+                        <p class="text-xl">Score: <span id="finalScore" class="font-bold">0</span></p>
+                        <p class="text-lg">Points Earned: <span id="pointsEarned" class="font-bold text-green-500">0</span></p>
+                        <p class="text-sm text-gray-600">Total Points: <span id="finalTotalPoints">0</span></p>
+                    </div>
+                    <div class="space-y-3">
+                        <button id="restartBtn" class="mobile-btn w-full bg-green-500 hover:bg-green-600 text-white rounded-lg">
+                            🔄 Play Again
+                        </button>
+                        <button id="menuBtn" class="mobile-btn w-full bg-blue-500 hover:bg-blue-600 text-white rounded-lg">
+                            🏠 Main Menu
+                        </button>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Skins Screen -->
+            <div id="skinsScreen" class="absolute inset-0 bg-black bg-opacity-90 flex flex-col ui-element hidden">
+                <div class="flex-1 overflow-hidden flex flex-col">
+                    <div class="bg-white p-4 flex justify-between items-center">
+                        <h2 class="text-2xl font-bold">Bird Skins</h2>
+                        <button id="closeSkins" class="mobile-btn bg-red-500 hover:bg-red-600 text-white rounded-lg">
+                            ✕
+                        </button>
+                    </div>
+                    <div class="flex-1 p-4 overflow-y-auto">
+                        <div class="mb-4 text-center">
+                            <p class="text-white text-lg">Your Points: <span id="skinPoints" class="font-bold text-yellow-400">0</span></p>
+                        </div>
+                        <div id="skinsContainer" class="skin-grid">
+                            <!-- Skins will be populated by JavaScript -->
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Leaderboard Screen -->
+            <div id="leaderboardScreen" class="absolute inset-0 bg-black bg-opacity-90 flex flex-col ui-element hidden">
+                <div class="flex-1 overflow-hidden flex flex-col">
+                    <div class="bg-white p-4 flex justify-between items-center">
+                        <h2 class="text-2xl font-bold">🏆 Leaderboard</h2>
+                        <button id="closeLeaderboard" class="mobile-btn bg-red-500 hover:bg-red-600 text-white rounded-lg">
+                            ✕
+                        </button>
+                    </div>
+                    <div class="flex-1 p-4">
+                        <div class="leaderboard-container">
+                            <div id="leaderboardList" class="space-y-2">
+                                <!-- Leaderboard entries will be populated by JavaScript -->
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Pause Screen -->
+            <div id="pauseScreen" class="absolute inset-0 bg-black bg-opacity-75 flex flex-col items-center justify-center ui-element hidden">
+                <div class="bg-white rounded-lg p-6 max-w-sm w-full mx-4 text-center">
+                    <h2 class="text-3xl font-bold mb-6">Game Paused</h2>
+                    <div class="space-y-3">
+                        <button id="resumeBtn" class="mobile-btn w-full bg-green-500 hover:bg-green-600 text-white rounded-lg">
+                            ▶️ Resume
+                        </button>
+                        <button id="pauseMenuBtn" class="mobile-btn w-full bg-blue-500 hover:bg-blue-600 text-white rounded-lg">
+                            🏠 Main Menu
+                        </button>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Mario Ending Screen -->
+            <div id="marioEndingScreen" class="absolute inset-0 bg-black flex flex-col items-center justify-center ui-element hidden">
+                <div class="text-center text-white">
+                    <h1 class="text-4xl md:text-6xl font-bold mb-4 text-yellow-400">🎉 CONGRATULATIONS! 🎉</h1>
+                    <p class="text-2xl mb-4">You reached 9999 points!</p>
+                    <p class="text-xl mb-8">But Mario has other plans...</p>
+                    <div class="text-6xl mb-4">🍄💥🐦</div>
+                    <p class="text-lg mb-8">"It's-a me, Mario! Game Over!"</p>
+                    <button id="marioMenuBtn" class="mobile-btn bg-red-500 hover:bg-red-600 text-white rounded-lg px-8">
+                        🏠 Back to Menu
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        class FlappyBirdGame {
+            constructor() {
+                this.canvas = document.getElementById('gameCanvas');
+                this.ctx = this.canvas.getContext('2d');
+                this.setupCanvas();
+                
+                this.gameState = 'menu'; // menu, playing, paused, gameOver, mario
+                this.score = 0;
+                this.totalPoints = this.loadTotalPoints();
+                this.bird = {
+                    x: 0,
+                    y: 0,
+                    velocity: 0,
+                    size: 20,
+                    color: '#FFD700'
+                };
+                this.pipes = [];
+                this.particles = [];
+                
+                this.gravity = 0.5;
+                this.jumpStrength = -10;
+                this.pipeSpeed = 3;
+                this.pipeGap = 150;
+                this.pipeWidth = 60;
+                
+                this.currentSkin = this.loadCurrentSkin();
+                this.unlockedSkins = this.loadUnlockedSkins();
+                this.leaderboard = this.loadLeaderboard();
+                
+                this.maps = [
+                    { name: 'Forest', bg: '#87CEEB', pipe: '#228B22', threshold: 0 },
+                    { name: 'Desert', bg: '#F4A460', pipe: '#D2691E', threshold: 20 },
+                    { name: 'Ocean', bg: '#4682B4', pipe: '#008B8B', threshold: 40 },
+                    { name: 'Space', bg: '#191970', pipe: '#800080', threshold: 60 },
+                    { name: 'Hell', bg: '#8B0000', pipe: '#FF4500', threshold: 80 }
+                ];
+                
+                this.currentMap = this.maps[0];
+                
+                this.skins = [
+                    { name: 'Golden Bird', color: '#FFD700', cost: 0, unlocked: true },
+                    { name: 'Red Bird', color: '#FF4500', cost: 50, unlocked: false },
+                    { name: 'Blue Bird', color: '#4169E1', cost: 100, unlocked: false },
+                    { name: 'Green Bird', color: '#32CD32', cost: 150, unlocked: false },
+                    { name: 'Purple Bird', color: '#8A2BE2', cost: 200, unlocked: false },
+                    { name: 'Pink Bird', color: '#FF69B4', cost: 300, unlocked: false },
+                    { name: 'Orange Bird', color: '#FF8C00', cost: 400, unlocked: false },
+                    { name: 'Cyan Bird', color: '#00CED1', cost: 500, unlocked: false },
+                    { name: 'Rainbow Bird', color: 'rainbow', cost: 750, unlocked: false },
+                    { name: 'Diamond Bird', color: '#B9F2FF', cost: 999, unlocked: false }
+                ];
+                
+                this.setupEventListeners();
+                this.initializeUI();
+                this.gameLoop();
+            }
+            
+            setupCanvas() {
+                const resizeCanvas = () => {
+                    this.canvas.width = window.innerWidth;
+                    this.canvas.height = window.innerHeight;
+                    this.resetBirdPosition();
+                };
+                
+                resizeCanvas();
+                window.addEventListener('resize', resizeCanvas);
+            }
+            
+            resetBirdPosition() {
+                this.bird.x = this.canvas.width * 0.2;
+                this.bird.y = this.canvas.height / 2;
+                this.bird.velocity = 0;
+            }
+            
+            setupEventListeners() {
+                // Touch events for mobile
+                this.canvas.addEventListener('touchstart', (e) => {
+                    e.preventDefault();
+                    this.handleJump();
+                    this.addTouchFeedback(e.touches[0]);
+                });
+                
+                // Mouse events for desktop
+                this.canvas.addEventListener('click', (e) => {
+                    this.handleJump();
+                    this.addTouchFeedback(e);
+                });
+                
+                // Keyboard events
+                document.addEventListener('keydown', (e) => {
+                    if (e.code === 'Space') {
+                        e.preventDefault();
+                        this.handleJump();
+                    }
+                });
+                
+                // UI Button Events
+                document.getElementById('startBtn').addEventListener('click', () => this.startGame());
+                document.getElementById('restartBtn').addEventListener('click', () => this.startGame());
+                document.getElementById('menuBtn').addEventListener('click', () => this.showMenu());
+                document.getElementById('pauseMenuBtn').addEventListener('click', () => this.showMenu());
+                document.getElementById('pauseBtn').addEventListener('click', () => this.pauseGame());
+                document.getElementById('resumeBtn').addEventListener('click', () => this.resumeGame());
+                document.getElementById('skinsBtn').addEventListener('click', () => this.showSkins());
+                document.getElementById('closeSkins').addEventListener('click', () => this.showMenu());
+                document.getElementById('leaderboardBtn').addEventListener('click', () => this.showLeaderboard());
+                document.getElementById('closeLeaderboard').addEventListener('click', () => this.showMenu());
+                document.getElementById('marioMenuBtn').addEventListener('click', () => this.showMenu());
+                
+                // Prevent context menu on long press
+                this.canvas.addEventListener('contextmenu', (e) => e.preventDefault());
+            }
+            
+            addTouchFeedback(touch) {
+                const feedback = document.createElement('div');
+                feedback.className = 'absolute w-8 h-8 bg-white bg-opacity-50 rounded-full pointer-events-none touch-feedback';
+                feedback.style.left = (touch.clientX || touch.pageX) - 16 + 'px';
+                feedback.style.top = (touch.clientY || touch.pageY) - 16 + 'px';
+                feedback.style.zIndex = '1000';
+                
+                document.body.appendChild(feedback);
+                setTimeout(() => feedback.remove(), 200);
+            }
+            
+            handleJump() {
+                if (this.gameState === 'playing') {
+                    this.bird.velocity = this.jumpStrength;
+                    this.playJumpSound();
+                }
+            }
+            
+            playJumpSound() {
+                // Create a simple beep sound
+                const audioContext = new (window.AudioContext || window.webkitAudioContext)();
+                const oscillator = audioContext.createOscillator();
+                const gainNode = audioContext.createGain();
+                
+                oscillator.connect(gainNode);
+                gainNode.connect(audioContext.destination);
+                
+                oscillator.frequency.value = 800;
+                oscillator.type = 'square';
+                
+                gainNode.gain.setValueAtTime(0.1, audioContext.currentTime);
+                gainNode.gain.exponentialRampToValueAtTime(0.01, audioContext.currentTime + 0.1);
+                
+                oscillator.start(audioContext.currentTime);
+                oscillator.stop(audioContext.currentTime + 0.1);
+            }
+            
+            startGame() {
+                this.gameState = 'playing';
+                this.score = 0;
+                this.pipes = [];
+                this.particles = [];
+                this.resetBirdPosition();
+                this.updateCurrentMap();
+                this.hideAllScreens();
+                document.getElementById('gameUI').classList.remove('hidden');
+                this.updateUI();
+            }
+            
+            pauseGame() {
+                if (this.gameState === 'playing') {
+                    this.gameState = 'paused';
+                    document.getElementById('pauseScreen').classList.remove('hidden');
+                }
+            }
+            
+            resumeGame() {
+                if (this.gameState === 'paused') {
+                    this.gameState = 'playing';
+                    document.getElementById('pauseScreen').classList.add('hidden');
+                }
+            }
+            
+            gameOver() {
+                this.gameState = 'gameOver';
+                this.totalPoints += this.score;
+                this.saveTotalPoints();
+                this.updateLeaderboard();
+                
+                document.getElementById('finalScore').textContent = this.score;
+                document.getElementById('pointsEarned').textContent = this.score;
+                document.getElementById('finalTotalPoints').textContent = this.totalPoints;
+                document.getElementById('gameOverScreen').classList.remove('hidden');
+                document.getElementById('gameUI').classList.add('hidden');
+            }
+            
+            marioEnding() {
+                this.gameState = 'mario';
+                this.totalPoints += this.score;
+                this.saveTotalPoints();
+                this.updateLeaderboard();
+                
+                document.getElementById('marioEndingScreen').classList.remove('hidden');
+                document.getElementById('gameUI').classList.add('hidden');
+                
+                // Play Mario sound effect
+                this.playMarioSound();
+            }
+            
+            playMarioSound() {
+                const audioContext = new (window.AudioContext || window.webkitAudioContext)();
+                const oscillator = audioContext.createOscillator();
+                const gainNode = audioContext.createGain();
+                
+                oscillator.connect(gainNode);
+                gainNode.connect(audioContext.destination);
+                
+                // Mario "Game Over" melody
+                const notes = [659, 523, 523, 440, 494, 523];
+                const durations = [0.2, 0.2, 0.2, 0.4, 0.2, 0.4];
+                
+                let time = audioContext.currentTime;
+                notes.forEach((freq, i) => {
+                    const osc = audioContext.createOscillator();
+                    const gain = audioContext.createGain();
+                    
+                    osc.connect(gain);
+                    gain.connect(audioContext.destin
diff --git a/docs/gdevelop5/publishing/android/play-store/index.md b/docs/gdevelop5/publishing/android/play-store/index.md
deleted file mode 100644
index 27da4fe0e5..0000000000
--- a/docs/gdevelop5/publishing/android/play-store/index.md
+++ /dev/null
@@ -1,83 +0,0 @@
----
-title: Publish your game on the Play Store
----
-# Publish your game on the Play Store
-
-After building your game for Android (either using the [one-click build for Android](/gdevelop5/publishing/android) or [the manual process with Cordova for advanced users](/gdevelop5/publishing/android_and_ios_with_cordova)), you can publish it on the Google Play Store.
-
-To do this, you need to have an account on the Google Play Store. There is a one-time $25 registration fee asked by Google.
-
-## Create your Google Play Developer account
-
-To create your account, go on the [Google Player Console](https://play.google.com/console/about/).
-
-## Package your game
-
-Package [your game as explained here](/gdevelop5/publishing/android) - choosing **Android App Bundle**.
-
-After the packaging is finished, you'll have a **Download button** to get the AAB file that can be published to Google Play.
-Download it and store it somewhere on your computer.
-
-## Create the app and fill in the app details
-
-Connect to the Play Store Developer Console (https://play.google.com/apps/publish/). On the pages listing your applications, click on **Create Application**:
-
-![](/gdevelop5/publishing/android/play-store/pasted/20210721-144512.png)
-
-Enter a title and choose a language. The application is created on the Play Store and you're now able to complete the information that will be displayed on the Play Store:
-
-![](/gdevelop5/publishing/android/play-store/pasted/20210721-144627.png)
-
-Click on **Create app** to continue.
-
-## Create a "release" and upload the Android App Bundle
-
-In the menu on the left, find the **Release** section. Choose **Production**, **Open testing**, **Closed testing** or **Internal testing** according to how you want to distribute your game first. We recommend you start with **Internal testing**. You can then make a "Production" release once you're satisfied with the game.
-
-Click then on **Create Release**:
-
-![](/gdevelop5/publishing/android/play-store/pasted/20210721-145039.png)
-
-You are asked for *Google Play App Signing*, click on **Continue**.
-
-![](/gdevelop5/publishing/android/play-store/pasted/20210721-145303.png)
-
-In **App Bundles**, choose **Upload** and select your Android App Bundle that was packaged by GDevelop.
-
-The AAB is uploaded to the Play Store. Wait a bit.
-Once it's finished, you should see a message telling that the upload finished successfully.
-
-If the upload is a success, you can see your AAB file listed below:
-![](/gdevelop5/publishing/android/play-store/pasted/20210721-145535.png)
-
-In **What's new in this release?**, enter the release notes that should be displayed on the play store. Finish by clicking on **Save**.
-
-### Something went wrong?
-
-If there is an error telling you that the upload failed, read the error message to know more about what went wrong. Usually, it means that:
-
-* The package name is not correct. In GDevelop, using [the project manager](http://wiki.compilgames.net/doku.php/gdevelop5/interface/project-manager), enter a new, unique package name
-* Or you used the same package name as an existing application. Choose another in the [the project manager](http://wiki.compilgames.net/doku.php/gdevelop5/interface/project-manager) and package again your game to create a new AAB.
-
-## Finish entering all the details about the game
-
-Before making your game public, you must finish the enter all the details about your game, including the price and find a rating for the content. Check the "Grow" section in the menu and be sure to fill all the required details:
-
-![](/gdevelop5/publishing/android/play-store/pasted/20210721-145735.png)
-
-## Publish the game!
-
-Once you've completed everything, entered a nice description, set up beautiful screenshots and uploaded the Android App Bundle of your game, you can go back to the **Release** section. Click on **Production** and create a release for it.
-
-
-## Congratulations! The game is on the Play Store.
-
-**Congrats!** You've made it and published your game.
-Some users can have to wait for a few hours before seeing the game in the Play Store.
-
-Remember to tell about it on social medias, on the Discord and on the forum to let the community know that you've published a game 🚀
-
-!!! tip
-
-
-    Later, if you want to publish an upload, be sure to increase the version number (in the game properties in GDevelop). Otherwise, the Play Store will reject the new Android App Bundle if it has the same version number as an existing one.
