It's been a while we didn't provide an update of our new improvements made in our main tool: Naker.Story. We've been working hard these last months on our viewer, adding key features asked by our users to even more personalize your 3D interactive scenes such as color mapping and scroll effects. Let's check this out!
Since the beginning of Naker’s adventure, we’ve been searching to get the best quality ever in our viewer. This has always been our first priority 👆 Our viewer’s main job is to reflect your project and the job you’ve done with our tool. We want it to be super-efficient as well so that your watcher would be amazed by your 3D interactive scene and be excited to play with it.
Our challenge is to provide the same quality as Disney’s animated movie. From now on, your content will look sharper and more real than ever, in our last version of our Naker.Story viewer. Check the before/after hereunder 👇
This was possible thanks to two main things:
This is one thing we didn’t know about, to be honest 😁. Célia, a great 3D web artist, helped us on a project and had this specific request: She wanted to adjust the atmosphere of its scene in Naker by using color mapping!
After some research, this turned out to be totally doable thanks to the engine we use: Babylon.js.
The color mapping is set by three parameters: Hue, Saturation, and Lightness 🌈 (HSV as some of you may already know). It leads to this kind of input which you might have already seen in any image edition tool.
In Naker, you have now the possibility to adjust this input when you are in the Environment tab. That way, you can design the atmosphere and vibe you’d like your scene to reflect. Moreover, you can find it in our Journey tab as well, to have the possibility to personalize the environment of your 3D scene throughout the scroll experience.
One important feature in Naker is the camera movement that follows the scroll 🖱️ of your page or container. In the past, the viewer experience was not always the same because it really depends on the device used by the watcher (computer, mobile, tablet, …). If you scroll from your touchpad, from your mouse wheel or from the screen of your smartphone, it is not handled the same way by the browsers (go figure 🙄).
So, how do we handle this now? We are individually managing each case in order to, again, have a consistent experience whatever the device and platform you’re using.
We also added new options that enable you to be more precise in the way the camera is following the scroll. (In Naker, go to the Journey tab to check these options). You can find three main ones:
Again and again, we are continuously trying to become better according to your feedback and needs. We even rethought our way to prioritize our development feature based on those needs. So please do keep sharing with us what you like and dislike in Naker by contacting us in the chat or at frisbee — at — naker.io. This is really important for us!
Nowadays, we all experience this “stay-at-home” order because of this corona-situation. Take this opportunity to spend some Me-time, concentrate on yourself and develop new competencies and/or experiences.
With more and more iconic brands using 3D interactive content to present cool products on the web, let's take some time to see what are the best practices to have the best experience!