Back to the Shapespark home page

Detail list of tricks that you can do with code

Hi @wojtek, @tomek and @jan.
I want to talk to you from my point of view as a shapespark user without programming knowledge.

I consider myself a curious person and I know that many things can be done interacting with Shapespark through the html and the API, however due to my ignorance I don’t understand the limitations and the scope of these tools. I see some wonderful results and I would like to offer them to my clients but I just don’t know how to implement them.

Even this topic is so foreign to me that I don’t even know how to ask my questions because it is simply not clear to me what I can and cannot do using html and the API.

So I propose you something
Please make a list of the interactions and tricks that can be achieved programmatically and indicate which ones can be done with the scrip extension, with the API and with HTML files.

Then, try to make the implementation of those tools friendly for people like me who have no idea about programming. Even the script extension is a mystery to me. You need a very ease front-end, a fool-proof interface!

I leave you these concerns and I hope to collaborate with the development of this platform.
If you would like to try something I am always willing to collaborate.

Regards
Jorge

1 Like

This document: https://github.com/shapespark/shapespark-viewer-api is our reference for the Shapespark API functions. Each section describes one API function and includes a link to a live scene that demonstrates how this function can be used. It also has a link to a body-end.html file that you can copy to your scene folder.

There isn’t really much difference between body-end.html based customizations and the Script extension. Script extension allows to add code directly from the editor, so it can be more convenient for small customizations, but body-end.html allows to use your preferred HTML editor, so for any larger customization body-end.html will be more manageable.

Thanks, @jan, for your clarification. However, I still have several doubts that I have not been able to solve in the forum, for example:

the one that intrigues me most of all is how did they do this? :arrow_right: https://dx-exhibition.com/demo/booth/3d/

secondly, I am surprised by this one: :arrow_right: https://www.nyudesignshow.com/virtualgallery

others that I do not know how to achieve are for example https://taikalyhty.shapespark.com/motocut/
specifically how to generate these buttons
image

Other simpler things that I haven’t been able to solve either are:
change the red dot in the plane to a symbol with direction
image

if you know any colleague there in Poland, a student even! who wants to work on some of these things, you can tell him/her that I am interested in working on solving this.

Regards
Jorge

the one that intrigues me most of all is how did they do this? :arrow_right: https://dx-exhibition.com/demo/booth/3d/

This wasn’t done with Shapespark (Unity I think).

secondly, I am surprised by this one: :arrow_right: https://www.nyudesignshow.com/virtualgallery

From Shapespark API point of view, the interactions look to be simple. The page uses API calls to detect when the scene is loaded, when a node is clicked and to switch camera to a particular view. But HTML UI is really sophisticated (this isn’t really Shapespark related, as Shapespark doesn’t expose any functions for building such a UI)

others that I do not know how to achieve are for example https://taikalyhty.shapespark.com/motocut/
specifically how to generate these buttons

This was discussed here: Button to Share in scene

Other simpler things that I haven’t been able to solve either are: change the red dot in the plane to a symbol with direction

As @wojtek mentioned, we will be adding support for minimap, so you will no longer need programming skills to add one.

ok. thanks @jan. When is the next update planned for?

1 Like