AnimCubeJS icon indicating copy to clipboard operation
AnimCubeJS copied to clipboard

Another way of showing hidden faces (backView = "side-by-side")

Open tarasovladislav opened this issue 1 year ago • 3 comments

Hi

How do you think, would it be possible to make something similar what cubingjs has (backView = "side-by-side"). So you have 2nd cube which actually is same cube but from other angle and still can rotate the cube

image

https://codepen.io/cubing/pen/vYyKBMd

tarasovladislav avatar Jun 19 '24 12:06 tarasovladislav

try this backview.zip

mfeather1 avatar Jun 23 '24 17:06 mfeather1

backview.zip Updated so Y movements done to the second cube work as expected (as opposed to rotating in opposite direction). Also reduced the space between the cubes which minimizes the possibility of rotation not working properly (both cubes rotate opposite of Y movement if drag starts from the gap).

mfeather1 avatar Jun 24 '24 20:06 mfeather1

This seems to have eliminated the gap problem altogether (add the if statement in mousedown).

mousedownId = e.target.parentNode.id;
if (mousedownId != 'c1' && mousedownId != 'c2')
  mousedownId = 'c1';

mfeather1 avatar Jun 24 '24 21:06 mfeather1

Works for me. Closing.

bcube2 avatar Sep 11 '24 14:09 bcube2