Update index.html

index.html

@@ -86,7 +86,7 @@
     <div class="panel loading-box">
       <h2>Loading...</h2>
       <div id="loading-text" class="fade-text">ZIPを読み込み中...</div>
-      <div class="progress-bar"><div></div></div>
+      <div class="progress-bar"><div id="loading-progress"></div></div>
     </div>
   </div>
 
@@ -1048,7 +1048,6 @@
             document.addEventListener('mousemove', (e) => this.handleMouseMove(e));
             document.addEventListener('keydown', (e) => this.handleKey(e, true));
             document.addEventListener('keyup', (e) => this.handleKey(e, false));
-            this.updateHotbar();
         }
 
         openModeSelection() {
@@ -1548,11 +1547,18 @@
         }
 
         bitmapToDataURL(bitmap) {
+            if (!bitmap) return 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==';
             const canvas = document.createElement('canvas');
             canvas.width = 32;
             canvas.height = 32;
             const ctx = canvas.getContext('2d');
-            ctx.drawImage(bitmap, 0, 0, 32, 32);
+            try {
+                if (bitmap instanceof ImageBitmap || bitmap instanceof HTMLCanvasElement || bitmap instanceof HTMLImageElement) {
+                    ctx.drawImage(bitmap, 0, 0, 32, 32);
+                }
+            } catch (e) {
+                console.warn('bitmapToDataURL error', e);
+            }
             return canvas.toDataURL();
         }