Checkpoint page flip surface

2026-06-05 03:32:50 +02:00
parent 44fb461eae
commit ae8068ad8a
2 changed files with 305 additions and 1 deletions
@@ -42,6 +42,21 @@
        #page_count {
            width: 100%;
        }
+
+        button {
+            min-height: 32px;
+            border: 1px solid rgba(255, 255, 255, 0.25);
+            border-radius: 4px;
+            background: #2b2d30;
+            color: #f0f0f0;
+            font: inherit;
+            cursor: pointer;
+        }
+
+        button:disabled {
+            cursor: default;
+            opacity: 0.45;
+        }
    </style>
 </head>
 <body>
@@ -53,7 +68,10 @@
        <label for="page_count">Book pages</label>
        <input id="page_count" type="range" min="40" max="600" step="10" value="240">
        <output id="page_count_value" for="page_count">240</output>
+        <button id="flip_backward" type="button">Backward</button>
+        <button id="flip_forward" type="button">Forward</button>
+        <output id="flip_count">0 / 10</output>
    </div>
-    <script type="module" src="/js/webgl-book-shape-lab.js"></script>
+    <script type="module" src="/js/webgl-book-shape-lab.js?v=flip-3d-surface-3"></script>
 </body>
 </html>