Sketchfab Configurator - Texture URL

Support
#1

Hi there,

I’m using your configurator-studio to get me 90% of the way there for developing my configurator app exporting the html, js & css.
https://labs.sketchfab.com/experiments/configurator-studio/

I am running into a problem with switching the textures. When I ‘add option’ ‘texture’ The configurator asks for a texture URL cors enabled to replace a material in the sketchfab model. The thumbnail shows up when i add my texture url but when clicked it doesn’t update the texture on the model.

I have tried hosting my textures on different platforms imageshack, goodbarber, onedrive (public enabled) but only the thumbnail shows up.

I tried using this url from wikipedia commons:
https://upload.wikimedia.org/wikipedia/commons/f/f8/Bf6poes.png
and it works fine - why does this url link work but not my image urls? any suggestions where I can host images that can be switched?

This is a link example to one of the textures urls i am trying to use (hosted on imageshack)
(https://imagizer.imageshack.com/v2/512x512q90/921/tipm01.png

This is the model I have been tring to upute the textures with
kitchen-bench-5ba9e5a2e3ac45019dcb414b8d603260

Kind regards,
Jimmy

#2

Hi Jimmy,

The ImageShack image is not CORS-enabled. You can see this error message in the browser console when you try to switch to it in the configurator:

Access to fetch at 'https://imagizer.imageshack.com/v2/512x512q90/921/tipm01.png' from origin 'https://sketchfab.com' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains multiple values '*, imageshack.com', but only one is allowed. Have the server send the header with a valid value, or, if an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Imgur URLs should work.

#3

Support King for a reason.

Thanks James, Imgur direct link worked.

*Just a side question more for another thread. Since sketchfab has worked on a shadow catcher in the viewer, is there a controlable/ geoloactable sun in the pipeline? maybe I can request for a later release in the sketchfab API. There seems to be all the parts there to support this feature - good for sun studies in arch vis

Thanks for yor time

1 Like
#4

That should be possible with the setLight function. You can have a Directional light in the scene and update its matrix to emulate sun position.

It would be a bit tricky to work with matrices to do this, but I think it could be done.

#5

Hi James,

Months on I’m still curious. Unfortunately emulating the sun position was out of my coding reach, although I understand the logic of your suggestion.

I was wondering if you could put me in touch with someone from your team who builds sketchfab configurators?

I have used a script in grasshopper/ rhino which is an alteration of the following c#: It too controls a directional light in rhino viewport and has the same inputs that would be input into the sketchfab configurator. eg slider for time/ date / input lat, long geo location


Thanks for your time

#6

Hi @James0011, I build configurators! I’ve created some well known ones with Sketchfab: https://configure.zodiac-nautic.com/ and https://www.gasgrill-shop.com/3d-konfigurator/index.html#/ for instance. I also do custom development for 3d things, mostly in 3dsmax which included c#. Let me know if I can help you.

#7

Thanks for the reply Klaasnienhuis,

Great, I am an architect, a configurator that can manipulate a directional light would be very handy for clients to see what effect the building form has on overshadowing… also handy to show surveyors, as shadow studies are mandatory for permit/ planning process.

The closest thing I can find to something similar concept is here:
https://app.shapediver.com/m/custom-sun-dial or
http://andrewmarsh.com/apps/staging/sunpath3d.html

the goal would be to have a slider for time of day
a slider for month of year
and a geo location using google or similar api

I would upload models with the correct google map texture applied to the base of the model with the 3D building form and the sliders would adjust the directional light (sun) position according to geo location and time of day.

I guess my question is how much work would this require for an expert? I am a keen tinker and really just dabbling with coding. I feel I have two options, set up a github project and put in some ground work myself and ask for help from the community or pay for professional to configure in which case i would like to know the associated time and cost

Thanks for your time

#8

Hi @James0011,
that sounds like an interesting project. That app from Anrew Marsh is awesome on its own. Do you have any objections against just using his tool? It has all the features you need, and more. And you can load your own models.
I’d love to build something similar, but I don’t think it would make sense if it already exists.

#9

Hi @klaasnienhuis

Yes I agree, above and beyond. It’s very impressive

It’s a workflow thing, sketchfab will be the central hub for our models. We would have other configurators linking to a website that clients/ consultants could access for changing textures and toggling object options that are already available from the Sketchfab API, plus sketchfab has the support and community for when things go wrong. If we are using sketchfab to communicate/ configure texture changes and toggling through different options in the browser, it makes sense the sun/ shadow viewer has the same look and feel.

I agree that there is no need to build something that already exists but perhaps it is possible to recycle an implement into sketchfab.

#10

If it’s part of a greater system, then it makes sense to do some development of your own. I’ll DM you