We are glad to present the 3D demonstration of real Hi-Fi system made with Babylon.js.
Model: Naim Mu-so 2nd Generation (Hi-Fi wireless system).
Here is the testing prototype (in production version there is much less GUI buttons in order not to give extra choice :).
GUI is created with plain HTML/CSS (here - not optimized for mobiles).
Visitors can change with buttons such parameters as texture color or texture presence (‘Grille OFF’ button), environment light, background and toggle autorotation.
See console messages.
And yes, a bit of animation - ‘Show LED’ button stops camera rotation and moves it to the best position to show Status LED, flashing with white, red and purple colors.
Production version (less buttons but much nicer look and responsiveness) is here - https://mu-so.ru/3d/v2/
Integrated through iframe into product page (below the first text block) https://mu-so.ru/second.html
Babylon.js rendering is very good! Even inspite the relatively small size of GLTF model (about 11 Mb and about 2 Mb additional textures) and some inevitable texture and geometry compromisses the result looks very similar to real object, even at large displays. Glass postament and glass wheel interface of the model have beautiful optical effects. Some glow (intensity 0.4) was added as the final touch for realistic view.
One can search Google images for “Mu-so 2nd Generation” and compare the quality of model and rendering. I bet that it is possible with Babylon.js to make screenshots which would look better than some real photos!
Interesting thing is that just a week ago we even didn’t know about Babylon.js. All questions and answers at this forum, examples, playground and sandbox are real help to master almost infinite 3D possibilities of Babylon.js. Thank you!
This model will be used in our next 3D project - ‘Quick Setup’, designed to inform, educate and help users to perform all actions necessary to use this wireless soundbar.
We would be grateful for your comments