Hello,
We produce rich media. We currently have a design that we want to use PlayCanvas for but are seeing some issues with its namespacing and encapsulation. We arent sure if these issues are related to our lack of understanding of the subtleties of the various implementation options so wanted to reach out and see if anyone has tried to do something like this and how they solved it.
The design is an inventory feed for Amazon Prime, on each row with a product that meets the consumer’s preferences, we are going to have a call to action to click through to the product page. Normally this would just be some typical html stuff but we want to implement our version of hyperplane that ‘flips’ horizontally to show a brand message on one side and a call to action on the other side. The user sees the brand message first, interacts with a flip, then sees the ‘go to product’ with a clickthrough.
I have the implementation done for a single instance but since the feed will show 10 products per page, I need to have the same 3D rendered in 10 divs that are setup when the rows for the inventory are created. I expected this wouldnt work out of the box so I modified the start script to make it able to find its scene on the page and do the app.configure to be relative to the scene. Despite this, I still have what looks like namespace bleed. I see similar behavior as this user saw:
The main thing that is blocking my experimentation right now is that I cant seem to get the PlayCanvas to load into its container without positioning absolutely on the page. So even when I position my divs in very different places on the page, I get the PlayCanvas directly atop one another. Here is my lab:
https://techops.mobilefuse.com/labs/20170530-HyperPlane-Template/
If anyone has any ideas for what I might be doing in the configurations that would make this ‘wrong’ or insight into how to get the play canvas scenes from the same project/app to load independently it would be much appreciated.
I’ll post any updates I run into while testing. My next steps are to try a few other techniques to force it to stay in its container and then moving on to just trying it as separate start scripts. If neither of those routes solve it, I will have to try cloning it multiple times and seeing it will work as long as the published apps are all different; effectively treating them like different PlayCanvas projects even though they are clones.
Thanks