Update index.html

index.html

@@ -40,6 +40,7 @@
     <form id="uploadForm">
         <input type="file" id="imageInput" accept="image/*">
         <button type="button" onclick="processImage()">画像を処理</button>
+        <button type="button" onclick="useExampleImage()">例の画像を使用</button> <!-- 新しく追加したボタン -->
     </form>
     <div id="settings">
         <label>
@@ -69,11 +70,10 @@
         let cubes = [];
         let animationFrameId;
 
-        function processImage() {
+        function processImage(imageSrc = null) {
             const fileInput = document.getElementById('imageInput');
-            const file = fileInput.files[0];
-            if (!file) return;
-
+            const file = imageSrc ? null : fileInput.files[0];
+            
             const img = new Image();
             img.onload = () => {
                 const scale = 0.1;
@@ -84,7 +84,12 @@
                 create3DScene();
                 document.getElementById('replayButton').style.display = 'block';
             };
-            img.src = URL.createObjectURL(file);
+            img.src = imageSrc || URL.createObjectURL(file);
+        }
+
+        function useExampleImage() {
+            const exampleImagePath = 'ex.png'; // 例の画像のパス
+            processImage(exampleImagePath);
         }
 
         function create3DScene() {