Controller Movement Visualization: Implement Viewport boundaries

med-material / d3-rshiny-vis

Example project of making D3.js visualizations within R shiny

MIT License

0 stars 0 forks source link

Controller Movement Visualization: Implement Viewport boundaries #16

Open bastianilso opened 1 year ago

bastianilso commented 1 year ago

Whack-A-Mole logs columns ViewportUpperMiddleX/Y/Z, LowerRight, LowerMiddle, UpperRight, LowerLeft, and UpperLeft which represent an approximation of the viewport boundaries from the HTC Vive. It would enhance the controller movement visualization a lot if the viewport boundaries were visualized on the wall shown in the controller movement visualization as an encapsulating polygon.

aldsanms commented 1 year ago

https://user-images.githubusercontent.com/73821252/205933916-365ee4ac-30be-4377-a8a0-dca3caeaf4fa.mp4

Today I managed to:

Create a wall.
Add Viewport boundaries with CSV data.
Add Laser point.
Add scrollbar.

aldsanms commented 1 year ago

v1_0_1

Now:

I no longer write directly in the BODY, I managed to use the section created by R2D3.
Borders are generated with D3.js.
It is possible to visualize the change of state of the moles.