stone font size support in test board

online-go · Sep 17, 2024 · dac25fe · dac25fe
1 parent 0522df7
commit dac25fe
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 0 deletions.
diff --git a/examples/main.tsx b/examples/main.tsx
@@ -184,6 +184,26 @@ function GobanTestPage(): JSX.Element {
                         />
                     </div>
 
+                    <div className="setting">
+                        <span>Stone font scale:</span>
+                        <input
+                            type="range"
+                            value={base_config.stone_font_scale as number}
+                            min="0.1"
+                            max="2"
+                            step="0.1"
+                            onChange={(ev) => {
+                                let ss = parseFloat(ev.target.value);
+                                if (!ss) {
+                                    ss = 1;
+                                }
+                                base_config.stone_font_scale = ss;
+                                forceUpdate();
+                                fiddler.emit("setStoneFontScale", ss);
+                            }}
+                        />
+                    </div>
+
                     <div className="setting">
                         <span>Top labels:</span>
                         <input
@@ -356,6 +376,13 @@ function ReactGoban<GobanClass extends Goban>(
             console.log("SSS time: ", end - start);
         });
 
+        fiddler.on("setStoneFontScale", (ss) => {
+            const start = Date.now();
+            goban.setStoneFontScale(ss);
+            const end = Date.now();
+            console.log("SFS time: ", end - start);
+        });
+
         fiddler.on("redraw", () => {
             const start = Date.now();
             goban.draw_top_labels = !!base_config.draw_top_labels;

diff --git a/src/Goban/Goban.ts b/src/Goban/Goban.ts
@@ -289,6 +289,15 @@ export abstract class Goban extends OGSConnectivity {
             this.redraw(true);
         }
     }
+
+    public setStoneFontScale(new_ss: number, suppress_redraw = false): void {
+        const redraw = this.stone_font_scale !== new_ss && !suppress_redraw;
+        this.stone_font_scale = new_ss;
+        if (redraw) {
+            this.redraw(true);
+        }
+    }
+
     public computeMetrics(): GobanMetrics {
         if (!this.square_size || this.square_size <= 0) {
             this.square_size = 12;