@jim-fx/nodez

Extensible Node System à la Blender

@jim-fx/nodez

Extensible/Serializable visual NodeSystem Library à la Blender.

Demo · Docs

Table of Contents

• About the Project
• Getting Started
  • Installation
• Usage
• License

About The Project

This project came out of another project where i needed a node interface.

Getting Started

Installation

NPM:

yarn add @jim-fx/nodez

CDN:

<script src="https://unpkg.com/@jim-fx/nodez/dist/index.umd.js"></script>

Usage

Import it as module:

import { NodeSystem } from '@jim-fx/nodez';

Then use it like so:

const system = new NodeSystem();

If you want to register your own node types:

system.registerNodeType({
  name: 'subtract',
  inputs: ['number', 'number'],
  outputs: ['number'],
  // I strongly recommend to destructure and use defaults
  compute([input1 = 0, input2 = 0], state) {
    return input1 - input2;
  },
});

Saving and loading of systems

// save the node system
const save = system.deserialize();
// Download/Upload/stringify the save

// Load the node system
system.serialize(save);