Cables.gl

Cables.gl

Розумінна нодового графа від нуля до експорту

Перш за все: що таке cables.gl

Cables.gl — браузерний редактор нодового графа для створення інтерактивних WebGL-візуалів без писання коду. Ройго-studio зовніме п 2016 роком, з 2024 повністю open source (MIT).

Чому це матиме сенс для тебе:

  • Швидке прототипування 3D і генеративної графіки для веб
  • Експорт у HTML/CDN, можливо й у GLSL-фрагменти
  • Бекенд залити на qszch або вбудована шалість з b4/4-нодами

Global

Add operator / Op selectesc
Вихід Op Select / Op searchesc
Quick open projectmod+esc
Нові проєктmod+n
Відкрити проєкт / Копіяmod+s
Відкрити оригіналь / З дубльmod+shift+s
Ділитись фіналізованим проєктомmod+o
Play / pause timelinespace

Patch

Пересунення нодового графаspace+drag
Дублювання / Delete opmod+c / mod+v
Видалити opsdel
Повернення назадa
Видалити всі входиshift+a
Тригер anim-точку на timelineg
Видалити opd
Видалити входи opsmod+a
Undomod+z

Editor (Ace)

Findmod+f
Replace (Win/Linux)ctrl+h
Replace (Mac)++f

Редактор ґрунтується на Ace editor (github.com/ajaxorg/ace).

UI-управління, Div 1&6 keys-список

Підключити sidebar в Op viewer до основного проєктуctrl+click на sidebar
Підключити op до проєкту Div/Quarter в основну областьctrl+f
Масштабування Area ops навколо ops вибраних до Quadalt+drag
Перемістити Box op до div inputs/quad, при W Modeshift+alt+← → ↑ ↓ на опис / Quarter
Подбір текста opПрочитай op → e
Видалити DIV-або MODE div previewctrl+click на DIV

Export — Експорту можливості

iframe — вбудовування у веб / CDN HTML export — копіювання з / CDN CLI — обробка, CI GitHub Pages / Netlify — статичний хостинг standalone .exe —WindoWs розповсюджена