Feat: Visualizer Threejs (stardust) #809

msarcev · 2023-10-30T16:29:38Z

Description of change

Please write a summary of your changes and why you made them. Be sure to reference any related issues by adding fixes # (issue).

Type of change

Choose a type of change, and delete any options that are not relevant.

Bug fix (a non-breaking change which fixes an issue)
Enhancement (a non-breaking change which adds functionality)
Breaking change (fix or feature that would cause existing functionality to not work as expected)
Documentation Fix

How the change has been tested

Describe the tests that you ran to verify your changes.

Make sure to provide instructions for the maintainer as well as any relevant configurations.

Change checklist

Add an x to the boxes that are relevant to your changes, and delete any items that are not.

[] My code follows the contribution guidelines for this project
[] I have performed a self-review of my own code
[] I have commented my code, particularly in hard-to-understand areas
[] I have made corresponding changes to the documentation
[] I have added tests that prove my fix is effective or that my feature works
[] New and existing unit tests pass locally with my changes

…into feat/visualizer-poc

… instead of squares

… with them.

…ntially need.

…-out-tab Feat: Pause stream when window is out of focus

…eliably Signed-off-by: Eugene Panteleymonchuk <[email protected]>

Feat: Add a BPS tracker to Visualizer

* (Fix) Improve zooming logic (from 5BPS to 100+BPS) and emitter position consistency with different zoom values. Implement coefficient for low bps. Signed-off-by: Eugene Panteleymonchuk <[email protected]> * (Fix) Improve zooming logic (from 5BPS to 100+BPS) and emitter position consistency with different zoom values. Another algorighm for placing low bps Signed-off-by: Eugene Panteleymonchuk <[email protected]> --------- Signed-off-by: Eugene Panteleymonchuk <[email protected]>

* Prettier revert. pt1. * Prettier revert. pt2. * ESlint fixes. * Fixes after create PR. Remove more parts related to formatting.

* Test performance for render blocks. Signed-off-by: Eugene Panteleymonchuk <[email protected]> * Test performance when add in another way. Signed-off-by: Eugene Panteleymonchuk <[email protected]> * Remove blocks when they out of screen. Signed-off-by: Eugene Panteleymonchuk <[email protected]> * Refactoring Signed-off-by: Eugene Panteleymonchuk <[email protected]> * Merged works. FPS awful. * Trying with bufferBeometry Signed-off-by: Eugene Panteleymonchuk <[email protected]> * With both examples. Signed-off-by: Eugene Panteleymonchuk <[email protected]> * Example with better performance. Signed-off-by: Eugene Panteleymonchuk <[email protected]> * feat: Implement Tangle mesh using 'Instancing' (+ Refactor components). This makes the 'number of draw calls per render' constant and drastically improves performance * feat: Reimplement block scaling based on child references * chore: Rename states in store.ts * feat: Keep blockIdToIndex up to date properly (remove old elements) * fix: Scale the blocks properly --------- Signed-off-by: Eugene Panteleymonchuk <[email protected]> Co-authored-by: Eugene Panteleymonchuk <[email protected]>

Also fixes eslint warnings after eslint update Conflicts: client/package-lock.json client/package.json client/src/app/routes/stardust/Visualizer.tsx

* feat: Implement useRenderEdges * feat: Add removal of blocks edges when block is removed * feat: Hide all instances of InstancedMesh initialy (scale 0) * feat: Push useRenderEdges inside useRenderTangle (edge rendering DOESN'T work anymore because of timing issue of child no being in blockIdToIndex map yet) * feat: Introduce a map of blockId to position, and use it to simplify the useRenderEdges code (no need to read positions from InstancedMesh) * feat: Make edges rendering on demand (default disabled) controllable with checkbox in Wrapper

* Raycast get hovered id. * alternative. Signed-off-by: Eugene Panteleymonchuk <[email protected]> * Works better. Hover if isRunning. Signed-off-by: Eugene Panteleymonchuk <[email protected]> * Trying to remove color when blur. Signed-off-by: Eugene Panteleymonchuk <[email protected]> * Move onHover to separate hook. Revert disabling shift. Signed-off-by: Eugene Panteleymonchuk <[email protected]> * Clear hovered spheres. Signed-off-by: Eugene Panteleymonchuk <[email protected]> * Add onClick. Fixed glitching behaviour. Signed-off-by: Eugene Panteleymonchuk <[email protected]> * fix: Fix code after base branch merge --------- Signed-off-by: Eugene Panteleymonchuk <[email protected]> Co-authored-by: Mario <[email protected]>

…#820) * Refactoring: create useConfigStore. Signed-off-by: Eugene Panteleymonchuk <[email protected]> * Fix eslint. Signed-off-by: Eugene Panteleymonchuk <[email protected]> * Move isRenderEdges inside hook. Signed-off-by: Eugene Panteleymonchuk <[email protected]> --------- Signed-off-by: Eugene Panteleymonchuk <[email protected]>

* feat: Remove the dynamic zoom as it's not needed (update the ZOOM_DEFAULT to a sensible value that works in all cases) * Fix reset camera to 0. Signed-off-by: Eugene Panteleymonchuk <[email protected]> --------- Signed-off-by: Eugene Panteleymonchuk <[email protected]> Co-authored-by: Eugene Panteleymonchuk <[email protected]>

* Show block meta on click. Signed-off-by: Eugene Panteleymonchuk <[email protected]> * Update position, change remove method. Signed-off-by: Eugene Panteleymonchuk <[email protected]> --------- Signed-off-by: Eugene Panteleymonchuk <[email protected]>

Conflicts: client/package-lock.json client/package.json client/src/app/routes/stardust/Visualizer.tsx client/src/helpers/hooks/useVisualizerState.tsx client/tsconfig.json

…Counter.

…hree. Split the scss for stardust/nova visualizers

msarcev and others added 30 commits May 24, 2023 11:11

chore: Add folder for PoCs

0f68cb3

poc: Vivagraph with forceDirected layout, positioned with "ancor" points

d109822

poc(viva-ancor-nodes): Make ancor nodes and links invisible

1919537

feat: D3 forced graph PoC

8a8d9b0

Merge branch 'feat/visualizer-poc' of github.com:iotaledger/explorer …

bbff419

…into feat/visualizer-poc

fix: remomve link and node styling

953b4d8

feat: Add vivagraph PoC with custom layout [WiP]

ff4432c

feat: Make layout more compact with 5 points on Y [WiP]

89fdb41

feat: poc d3, d3-dag, d3-force

60eef56

Merge branch 'feat/visualizer-poc' of github.com:iotaledger/explorer …

523ceef

…into feat/visualizer-poc

fix: add column placement algoritam to vivagraph layout + add circles…

e2f0cdf

… instead of squares

fix: add camera transition

0df2118

refactoring: create wrapper for different visualizers and experiments…

e03d859

… with them.

refactoring: vivagraph move to isolated layout.

a50304d

refactoring: selected feed info to separate layout.

42e86ad

refactoring: stats panel move to components.

094d433

refactoring: add wrapper for comparing solutions.

3f35810

feat: test another type of visualizer. pt.5.

ae16892

feat: optimization view. pt.5. Found way how to do chart that we pote…

02342bc

…ntially need.

feat: optimization view. pt.5. Alternative version

6ecc1fe

feat: optimization using mock data.

0fa7575

feat: Apply optimization. Experiments with variables.

88e59dc

feat: Apply optimization. Optimization based on distance.

e47d665

feat: Apply optimization. Optimization based on distance. pt2.

803a2c6

feat: Remove blinking from vivagraph.

cff0af3

feat: Generate grid for y axis.

495a98d

feat: Generate y coordinate based on previous values.

ea85e46

feat: Generate y coordinate based on previous values.

e539c10

feat: Generate y coordinate based on previous values. Reagraph. pt1.

de5484d

feat: Generate y coordinate based on previous values. Checkpoint.

c84b597

msarcev and others added 13 commits October 19, 2023 13:54

Merge pull request #802 from iotaledger/feat/visualizer-2.0-user-went…

eea6be5

…-out-tab Feat: Pause stream when window is out of focus

(Feat) Implement a BPS tracker to be able to track the tangle speed r…

c62815e

…eliably Signed-off-by: Eugene Panteleymonchuk <[email protected]>

Merge pull request #807 from iotaledger/feat/visualizer-2.0-bps

e2b0cf5

Feat: Add a BPS tracker to Visualizer

Fix: Address eslint warnings and revert some formatting changes (#815)

5d6e0cf

* Prettier revert. pt1. * Prettier revert. pt2. * ESlint fixes. * Fixes after create PR. Remove more parts related to formatting.

Merge branch 'dev' into feat/visualizer-2.0

15d40e4

Also fixes eslint warnings after eslint update Conflicts: client/package-lock.json client/package.json client/src/app/routes/stardust/Visualizer.tsx

Merge branch 'dev' into feat/visualizer-2.0

36c69f8

Conflicts: client/package-lock.json client/package.json client/src/app/routes/stardust/Visualizer.tsx client/src/helpers/hooks/useVisualizerState.tsx client/tsconfig.json

begonaalvarezd linked an issue Dec 1, 2023 that may be closed by this pull request

[Epic]: Implement Visualiser with ThreeJS (stardust) #782

Closed

3 tasks

begonaalvarezd changed the base branch from dev to nova December 5, 2023 10:56

begonaalvarezd changed the title ~~Feat: Visualizer Threejs~~ Feat: Visualizer Threejs (stardust) Dec 5, 2023

msarcev added 2 commits December 5, 2023 16:24

chore: Remove unused code (past visualizer implementations). Move BSP…

c6d164e

…Counter.

Merge branch 'dev' into feat/visualizer-2.0

da32171

msarcev changed the base branch from nova to dev December 5, 2023 15:36

msarcev changed the base branch from dev to nova December 5, 2023 15:36

msarcev added 5 commits December 5, 2023 17:32

chore: Revert changes to stardust Visualizer

f56efe2

chore: Revert unneeded minor changes

c1e0f1b

chore: Move Visualizer Wrapper and related components to visualizer-t…

30d7a88

…hree. Split the scss for stardust/nova visualizers

chore: Revert minor unneeded changes

b7100b5

chore: Remove test code about replay attack websocket

66d9e82

begonaalvarezd marked this pull request as ready for review December 5, 2023 17:24

begonaalvarezd linked an issue Dec 5, 2023 that may be closed by this pull request

[Task]: Revert stardust visualizer changes #897

Closed

3 tasks

chore: Revert small change in stardust/Visualizer.tsx

7292140

begonaalvarezd approved these changes Dec 5, 2023

View reviewed changes

begonaalvarezd merged commit 6183de3 into nova Dec 5, 2023
1 check passed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Feat: Visualizer Threejs (stardust) #809

Feat: Visualizer Threejs (stardust) #809

msarcev commented Oct 30, 2023

Feat: Visualizer Threejs (stardust) #809

Feat: Visualizer Threejs (stardust) #809

Conversation

msarcev commented Oct 30, 2023

Description of change

Type of change

How the change has been tested

Change checklist