value node

Author: bandinopla

src/EditorNodes.ts

@@ -1,5 +1,6 @@
 import { FillStyle, Theme } from "./colors/Theme";
 import { UVNode } from "./nodes/attribute/UVNode";
+import { ValueNode } from "./nodes/input/ValueNode";
 import { MathNode } from "./nodes/operators/MathNode";
 import { MeshStandardNode } from "./nodes/shader/MeshStandardNode";
 import { ImageTextureNode } from "./nodes/texture/ImageTextureNode";
@@ -16,6 +17,13 @@ export type NodeGroupType = {
 }
 
 export const NodeTypes : NodeGroupType[] = [
+    {
+        group:"Input",
+        color:Theme.config.groupInput as string,
+        nodes: [
+            { TypeClass:ValueNode, name:"Value", id:"input-value"}
+        ]
+    },
     {
         group:"Attribute",
         color:Theme.config.groupAttribute as string,

src/components/DraggableNumber.ts

@@ -0,0 +1,7 @@
+import { DraggableValue } from "./DraggableValue";
+
+export class DraggableNumber extends DraggableValue {
+    constructor( name:string ="" ) {
+        super(name, false, Number.MIN_SAFE_INTEGER, Number.MAX_SAFE_INTEGER, 1 );
+    }
+}

src/components/DraggableValue.ts

@@ -64,9 +64,18 @@ export class DraggableValue extends InteractiveLayoutElement {
 
         ctx.translate(5, 0);
         maxWidth-= 10;
+
+        if( this.name=="" )
+        { 
+            this.writeText( ctx, this.stringValue, this.fontSize, maxWidth/2, this.rowHeight,  Theme.config.barTextColor, "center"); 
+        }
+        else 
+        {
+            this.writeText( ctx, this.name, this.fontSize, this.xPadding, this.rowHeight,  Theme.config.barTextColor, "left");
+            this.writeText( ctx, this.stringValue, this.fontSize, maxWidth-this.xPadding, this.rowHeight,  Theme.config.barTextColor, "right"); 
+        }
 
-        this.writeText( ctx, this.name, this.fontSize, this.xPadding, this.rowHeight,  Theme.config.barTextColor, "left");
-        this.writeText( ctx, this.stringValue, this.fontSize, maxWidth-this.xPadding, this.rowHeight,  Theme.config.barTextColor, "right"); 
+
 
     }
 
@@ -104,9 +113,7 @@ export class DraggableValue extends InteractiveLayoutElement {
     }
 
     override onMouseWheel(deltaY: number): void {
-
-        const inc = this.step;
-
-        this.value = clamp( this.value-inc*(deltaY>0?1:-1), 0, 1 );
+  
+        this.value = this.value-this.step*(deltaY>0?1:-1);
     }
 }

src/nodes/input/InputBaseNode.ts

@@ -0,0 +1,9 @@
+import { Theme } from "../../colors/Theme";
+import { LayoutElement } from "../../layout/LayoutElement";
+import { WinNode } from "../WinNode";
+
+export class InputBaseNode extends WinNode {
+    constructor( title:string, childs:LayoutElement[]) {
+        super(title, Theme.config.groupInput, childs)
+    }
+}

src/nodes/input/ValueNode.ts

@@ -0,0 +1,14 @@
+import { DraggableNumber } from "../../components/DraggableNumber";
+import { DraggableValue } from "../../components/DraggableValue";
+import { Output } from "../../properties/Output";
+import { InputBaseNode } from "./InputBaseNode";
+
+export class ValueNode extends InputBaseNode {
+    constructor() {
+
+        super("Value", [
+            new Output("Value", 1),
+            new DraggableNumber()
+        ]);
+    }
+}