Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

NodeEditor: UX Updates #24573

Merged
merged 18 commits into from
Sep 13, 2022
Merged

NodeEditor: UX Updates #24573

merged 18 commits into from
Sep 13, 2022

Conversation

sunag
Copy link
Collaborator

@sunag sunag commented Sep 1, 2022

Description

Zoom, Focus Mode, Preview Mode

three.js.webgl.-.playground.-.Google.Chrome.2022-08-31.23-28-37.mp4

Map

Added Map support being able to navigate.

image

Search tags

Helps to find Nodes related to tags.

image

Focus Mode

Double-click over Node Title to enable Focus Mode.
Focus mode helps with editing as it leaves the foreground free of other elements.

image

Others

  • Improve mobile support
  • Minor fixes

Live

WebGL

https://raw.githack.com/sunag/three.js/dev-playground-revision/examples/webgl_nodes_playground.html

WebGPU

https://raw.githack.com/sunag/three.js/dev-playground-revision/examples/webggpu_nodes_playground.html

This contribution is funded by Google via Igalia

@sunag sunag marked this pull request as ready for review September 1, 2022 03:01
@sunag sunag added this to the r145 milestone Sep 1, 2022
@sunag sunag merged commit 338658f into mrdoob:dev Sep 13, 2022
@mrdoob
Copy link
Owner

mrdoob commented Sep 13, 2022

Thanks!

abernier pushed a commit to abernier/three.js that referenced this pull request Sep 16, 2022
* node-editor updates

* update screenshot

* re-screenshot

* cleanup

* fix use of material.opacity on WebGLRenderer & cleanup

* allow view other nodes while dragging in focus mode

* fixes from deepscan

* fix tips

* darkness background

* fix tabs

* improve new project

* update background and screenshot

* new tags

* fix drag canvas using zoom

* show only ghost if dragging a node and fix slider field change event

* zoom: fixes and improvements

* improve connection preview

* fix padding
snagy pushed a commit to snagy/three.js-1 that referenced this pull request Sep 21, 2022
* node-editor updates

* update screenshot

* re-screenshot

* cleanup

* fix use of material.opacity on WebGLRenderer & cleanup

* allow view other nodes while dragging in focus mode

* fixes from deepscan

* fix tips

* darkness background

* fix tabs

* improve new project

* update background and screenshot

* new tags

* fix drag canvas using zoom

* show only ghost if dragging a node and fix slider field change event

* zoom: fixes and improvements

* improve connection preview

* fix padding
@joshuaellis joshuaellis mentioned this pull request Sep 27, 2022
17 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants