Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Phase 2: Authoring

Open
#2 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
5/5
Estimated time
Over a week
Newbie friendliness
35/100
Issue type
Feature
Clarity
Mostly clear
Activity status
Active
Tech stack
three.js, typescript
Domain
frontend, web-dev

Research direction

Read the editor and asset code to identify how nodes, project assets, and exporter collection currently work; the issue does not name specific files or tests. Start with the pinball demo graph and the existing handling for params marked asset. Done means a user can build that demo from an empty graph without editing JSON, using their own model, and the graph runs without a camera.

Written by the indexing model from the issue text.

Description

editor roadmap

Make the editor usable for real projects: adding nodes quickly, editing complex params, undoing mistakes, bringing in your own assets.

Editor
  • Context menu and search to add nodes (by name, category, provider)
  • Undo / redo (rete-history-plugin)
  • Minimap and auto-arrange (rete-minimap-plugin, rete-auto-arrange-plugin)
  • Inspector panel for complex params (vectors, colours, matrices), for example with Tweakpane
  • Copy / paste and duplicate of node selections, keeping the internal connections
Assets
  • Asset manager: upload images, NFT datasets (.fset, .fset3, .iset) and models into the project
  • scene.gltf node (glTF / GLB), on both the Three.js and Babylon.js adapters
  • Assets saved with the project and collected by the exporter (it already collects params marked asset)
Testing without a camera
  • source.image and source.videoFile nodes, producing the same video value as source.camera
  • Use them in a demo graph that runs without a camera
Extensibility
  • Plugin API: node packages loaded from outside the studio (jsartoolkitNFT as first plugin, then artoolkit5-ts): #12
Acceptance
  • A user can build the pinball demo from an empty graph without editing JSON, using a model of their own.

Generated by Claude Code

Dominant language
TypeScript
Stars
0
Forks
0
Avg merge
4m
Merged PRs (30d)
1

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from webarkit/webarkit-studio

All issues in webarkit/webarkit-studio

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.