Update index.html

index.html

@@ -252,13 +252,6 @@
             transform: scale(1.1);
         }
         
-        .example-desc {
-            font-size: 0.85em;
-            margin-top: 5px;
-            color: #777;
-            font-style: italic;
-        }
-        
         .speed-control {
             display: flex;
             align-items: center;
@@ -280,11 +273,6 @@
                 <input type="file" id="spriteFile" accept="image/png,image/jpeg">
             </div>
             
-            <div class="form-group">
-                <button id="loadExampleBtn" aria-label="Load example sprite sheet">Load Example</button>
-                <p class="example-desc">Try a lotus flower blooming animation</p>
-            </div>
-            
             <div class="form-group">
                 <label for="tileWidth" id="tileWidthLabel">Tile Width (px):</label>
                 <input type="number" id="tileWidth" value="64" min="1" max="512">
@@ -375,7 +363,6 @@
         const spriteInfo = document.getElementById('spriteInfo');
         const framePreviewContainer = document.getElementById('framePreviewContainer');
         const fullSpritePreview = document.getElementById('fullSpritePreview');
-        const loadExampleBtn = document.getElementById('loadExampleBtn');
 
         // Animation state
         let spriteImage = null;
@@ -391,33 +378,6 @@
         canvas.width = 128;
         canvas.height = 128;
 
-        // Load the example image
-        loadExampleBtn.addEventListener('click', () => {
-            // Example image - the lotus flower blooming animation
-            const exampleImageUrl = 'lotus_bloom.png'; // This should be the path to your lotus flower image
-            
-            // Create an image from the example URL
-            spriteImage = new Image();
-            spriteImage.onload = () => {
-                // Set appropriate defaults for this specific sprite sheet
-                tileWidthInput.value = 64;
-                tileWidthSlider.value = 64;
-                tileHeightInput.value = 64;
-                tileHeightSlider.value = 64;
-                frameCountInput.value = 16; // Assuming 16 frames in the animation
-                frameCountSlider.value = 16;
-                
-                updateSpriteInfo();
-                updateFullSpritePreview();
-                reset();
-                createFramePreviews();
-            };
-            spriteImage.onerror = () => {
-                alert('Could not load example image. Make sure "lotus_bloom.png" is in the same directory as this HTML file.');
-            };
-            spriteImage.src = exampleImageUrl;
-        });
-
         // Handle file upload
         spriteFileInput.addEventListener('change', (e) => {
             const file = e.target.files[0];