{"id":12568,"date":"2022-10-04T16:09:12","date_gmt":"2022-10-04T15:09:12","guid":{"rendered":"http:\/\/www.keris-studio.fr\/blog\/?p=12568"},"modified":"2022-10-09T13:20:45","modified_gmt":"2022-10-09T12:20:45","slug":"spatial-io-texture-settings","status":"publish","type":"post","link":"https:\/\/www.keris-studio.fr\/blog\/?p=12568","title":{"rendered":"Spatial.Io Texture settings"},"content":{"rendered":"

Spatial offers several possibilities for High end real time online rendering. Let\u2019s see how to prepare our 3D files to get the best of it. As it is trans software, we will use at least 4 of them in parallel to get the same results. Let\u2019s remember, it\u2019s not the software but the workflow that is taken into account.<\/p>\n

We will start from this tutorial on the Spatial web page that helped us to start. https:\/\/support.spatial.io\/hc\/en-us\/articles\/4418819002004<\/a><\/p>\n

Basic geometry to start.<\/h1>\n

Let\u2019s set up a basic scene for our tests : a wall, a floor, a cube, sphere, and Nefertiti (why not) downloaded here : https:\/\/www.openculture.com\/2019\/11\/download-stunning-3d-scans-of-the-bust-of-nefertiti.html<\/a><\/p>\n

<\/p>\n

Textures Blender<\/h2>\n

\"\"<\/a><\/p>\n

\"\"<\/a><\/p>\n

Don\u2019t forget<\/p>\n

<\/p>\n

\"\"<\/a><\/p>\n

\"\"<\/a><\/p>\n

\"\"<\/a><\/p>\n

With Alpha Blend<\/p>\n

All Geometry shall be exported in GLB.<\/strong><\/p>\n

<\/p>\n

\"\"<\/a><\/p>\n

Textures with Rhino<\/h2>\n

In Rhino, textures are much more basic<\/p>\n

For basic color<\/p>\n

<\/p>\n

<\/p>\n

For Glass and Metal we just add (or verify) reflexivity and transparency.<\/p>\n

<\/p>\n

It\u2019s also possible to use specific shaders in Rhino for Glass and Metal. But to export in Spatial, better export with basic settings.<\/p>\n

<\/p>\n

For now I couldn\u2019t find the way to directly export to Spatial.<\/em><\/strong><\/p>\n

Textures in 3DsMax 2023<\/h2>\n

<\/p>\n

We will change material to glTF material<\/p>\n

For basic Color<\/p>\n

\"\"<\/a><\/p>\n

\"\"<\/a><\/p>\n

\"\"<\/a><\/p>\n

\"\"<\/a><\/p>\n

\"\"<\/a><\/p>\n

Export GLB realtime material<\/p>\n

<\/p>\n

More solutions<\/h2>\n

Online sites like Three.js and Babylon.js unable to edit and export to GLB. It is then possible to solve the Rhino export issue and add more functionality to the chosen geometry.<\/p>\n

Three.js<\/h3>\n

Wikipedia except : Three.js is a cross-browser JavaScript library and application programming interface (API) used to create and display animated 3D computer graphics in a web browser using WebGL. The source code is hosted in a repository on GitHub. Three.js was first released by Ricardo Cabello on GitHub in April 2010. The origins of the library can be traced back to his involvement with the demoscene in the early 2000s. The code was originally developed in the ActionScript language used by Adobe Flash, later being ported to JavaScript in 2009. In Cabello’s mind, there were two strong points that justified the shift away from ActionScript: Firstly, JavaScript provided greater platform independence. Secondly, applications written in JavaScript would not need to be compiled by the developer beforehand, unlike Flash applications.<\/p>\n

https:\/\/threejs.org\/editor\/<\/a><\/p>\n

\"\"<\/a><\/p>\n

Babylon.js<\/h2>\n

Wikipedia except: Babylon.js is a real time 3D engine using a JavaScript library for displaying 3D graphics in a web browser via HTML5. The source code is available on GitHub and distributed under the Apache License 2.0. It was initially released in 2013 under Microsoft Public License having been developed by two Microsoft employees. David Catuhe created the 3D game engine and was helped by David Rousset (VR, Gamepad and IndexedDB support) mostly in their free time as a side-project. They were also helped by artist Michel Rousseau who contributed several 3D scenes. It is based on an earlier game engine for Silverlight’s WPF based 3D system. Catuhe’s side-project then became his full-time job, and his team’s primary focus. In 2015, it was presented at the WebGL Conference in Paris. As of 2018, it has more than 190 contributors and following its promotion and application in games, including one by Ubisoft.<\/p>\n

https:\/\/sandbox.babylonjs.com\/<\/a><\/p>\n

\"\"<\/a><\/p>\n

https:\/\/spatial.io\/s\/MATERIAL-GALERY-GLB-631bbfb996854f0001844f6b?share=7493030017508097686<\/a><\/p>\n

<\/p>\n