Interactive 3D Token

[Laurenz]

Hi all,

I made an interactive 3D token, you can view it at http://lalten.github.io/sr-token-cube/

It's not a cutout net (#3126) but I think it helps visualize the net.

It might also be helpful to teams who want to test their code but haven't built a token yet.

Maybe someone can help me put some (hover-)text on it, so it's more clear which side is which.

Being able to switch through net types would be a cool feature, too.

The code is at https://github.com/lalten/sr-token-cube (for now)

Cheers

Laurenz

[Peter Law]

Hi,

Laurenz wrote:
> I made an interactive 3D token, you can view it at
> http://lalten.github.io/sr-token-cube/

Wow, that's very cool.

> Maybe someone can help me put some (hover-)text on it, so it's more clear
> which side is which.

It would be great to get the colours onto the faces of the cube too so
that it's a little easier for humans to relate to. While the colours
aren't explicitly defined anywhere, the colours we're using the rules
are those of the colours of tape we used last year.

You might also want to shrink the markers a little -- the tokens are
50mm bigger than the markers are.

> Being able to switch through net types would be a cool feature, too.

Indeed. Out of interest, which net is being shown?

> It's not a cutout net (#3126) but I think it helps visualize the net.

Yes, very much so.

Thanks,
Peter

[Laurenz]

Wow, that's very cool.

Thanks :)

 

It would be great to get the colours onto the faces of the cube too so
that it's a little easier for humans to relate to. While the colours
aren't explicitly defined anywhere, the colours we're using the rules
are those of the colours of tape we used last year. 

You might also want to shrink the markers a little -- the tokens are
50mm bigger than the markers are.

True. Actually I noticed I completely forgot about the colored borders right after posted! I'm just changing the SVGs.

 

which net is being shown?

A

You can actually zoom in (using the browser controls), then the gray text on the markers is readable.

Cheers

Laurenz

[Laurenz]

It would be great to get the colours onto the faces of the cube too

> Being able to switch through net types would be a cool feature, too.

This is now implemented :)

[Peter Law]

I wrote:
>> It would be great to get the colours onto the faces of the cube too
>> > Being able to switch through net types would be a cool feature, too.

Laurenz wrote:
> This is now implemented :)

Nice.
I've been having a play with it on my tablet as well; it works well
with the touch interface and has quite a natural feel to the
interface.

Do you know how easy it would be to embed it into the website?

Thanks,
Peter

[Laurenz]

Do you know how easy it would be to embed it into the website?

I guess you could just use an iframe. That would probably also make it easier to change things.

But it should be fairly easy to integrate directly, too: Just put the viewport <div> on the page and make sure the css and js is loaded somewhere.