no way to compare when less than two revisions
Differences
This shows you the differences between two versions of the page.
— | devwiki:babylon_js [2021/08/22 19:50] (current) – created ying | ||
---|---|---|---|
Line 1: | Line 1: | ||
+ | ====== Babylon.js 3D web solution ====== | ||
+ | |||
+ | * Maya to Babylon format: | ||
+ | - Download and Install Exporter: https:// | ||
+ | - for maya: put dlls into ~\Documents\maya\MAYA_VERSION\plug-ins | ||
+ | - put templates folder into ~\Documents\maya\MAYA_VERSION\scripts | ||
+ | - edit maya.env in ~\Documents\maya\MAYA_VERSION\Maya.env to include that 2 templates folder path in < | ||
+ | - Launch Maya > Windows > Settings > Plug-in managers, check load of " | ||
+ | - top menu bar > Babylon menu > Babylon File Exporter, then the non standard export window show up to export the file | ||
+ | |||
+ | * Blender to Babylon format | ||
+ | * Blender is best, better than Maya, | ||
+ | * download Blender 2.8 to Babylon exporter: https:// | ||
+ | * install guide for blender: https:// | ||
+ | * | ||
+ | |||
+ | ====== Basic ====== | ||
+ | |||
+ | ====== Extra code control ====== | ||
+ | |||
+ | **Disable mouse scroll zoom** | ||
+ | * javascript code after camera creation <code javascript> | ||
+ | |||
+ | **Limite mouse scroll zoom** | ||
+ | * javascript <code javascript> | ||
+ | camera.lowerRadiusLimit = 1; | ||
+ | camera.upperRadiusLimit = 50; | ||
+ | </ | ||
+ | |||
+ | **Disable right mouse button drag pan** | ||
+ | * you can set a camera target <code javascript> | ||
+ | camera.setTarget(box, | ||
+ | </ | ||
+ | * you can also use make pan not working< | ||
+ | camera.panningSensibility = 0; | ||
+ | </ | ||
+ | |||
+ | **invert camera drag rotation direction** | ||
+ | * javascript <code javascript> | ||
+ | |||
+ | **Force all material backface culling off** | ||
+ | * add that function for import mesh process< | ||
+ | BABYLON.SceneLoader.ImportMesh("", | ||
+ | </ | ||
+ | ====== Problem and Solution ====== | ||
+ | |||
+ | * Foundation tutorial: https:// | ||
+ | * Babylon.js official QnA: https:// | ||
+ | * Official github: https:// | ||
+ | |||
+ | * Embed Babylon as html block: https:// | ||
+ | |||
+ | * Problem: Blender Babylon export error after import FBX into blender: | ||
+ | * Solution: | ||
+ | * go shading view, select each geometry to check its material network, delete those empty normal map node | ||
+ | |||
+ | * Problem: my model in babylon view looks like backface culling, not display some face | ||
+ | * Solution: | ||
+ | * go 3d software, check if all the face normal facing outside. check normal direction of those poly face. with face display and show normal to check. | ||
+ | |||
+ | * Problem: **chrome, safari shows focus indicator (aka a border line) when mouse select it** | ||
+ | * Solution: css <code css> | ||
+ | canvas { | ||
+ | outline: none; | ||
+ | -webkit-tap-highlight-color: | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | ====== Extra Resource ====== | ||
+ | |||
+ | * hdr to dds (common image based lighting image format to babylon supported format) | ||
+ | * https:// | ||
+ | |||
+ | * babylon wp plugin (simpler way than hardcore js code way): | ||
+ | * https:// | ||
+ | * demo site: https:// | ||
+ | |||
+ | * GLTF to GLB packer (a common web 3d file type than babylon specific 3d file type): https:// | ||
+ | |||
+ | ====== Other Tech Soluton ====== | ||
+ | |||
+ | * sketchfab (flickr like 3d view share platform): | ||
+ | * https:// | ||
+ | |||