Started skill tree editor work

2021-08-13 05:13:20 +00:00 · 2021-08-13 05:13:20 +00:00 · 921e8564da
commit 921e8564da
parent 681eb0286d
1 changed files with 14 additions and 9 deletions
--- a/src/skilltree/skillTreeEditor.js
+++ b/src/skilltree/skillTreeEditor.js
@ -1,15 +1,20 @@
 import { SkillTree } from "./skillTree";
+import { useState } from "react";

 function SkillTreeEditor(p) {
-    return <SkillTree strokeStyle="rgba(0,0,128,1)" lineWidth={3} lineDash={[]}
-                    gridDimensionsX={6} gridDimensionsY={6} gridSizeX={80} gridSizeY={60} gridPaddingX={10} gridPaddingY={10}
-                    skillLines={["□  □  ", //─   □
-                                "└□─┘□□", //│ ├┤┼
-                                " │  ││", //    
-                                " │  □│", //┌ ┐ ┬
-                                " □─□┼□", //└ ┘ ┴
-                                "    □ "]}
-                    />
+    const [lineColor,setLineColor] = useState("#000000")
+
+    return <>
+            <input type="color" value={}/><SkillTree strokeStyle="rgba(0,0,128,1)" lineWidth={3} lineDash={[]}
+                gridDimensionsX={6} gridDimensionsY={6} gridSizeX={80} gridSizeY={60} gridPaddingX={10} gridPaddingY={10}
+                skillLines={["□  □  ", //─   □
+                            "└□─┘□□", //│ ├┤┼
+                            " │  ││", //    
+                            " │  □│", //┌ ┐ ┬
+                            " □─□┼□", //└ ┘ ┴
+                            "    □ "]}
+                />
+            </>
 }

 export {SkillTreeEditor}