This webpage examines whether Google's <model-viewer> application can be used to display our 3D .glb-formatted models in a standard web browser and/or on our mobile phone.
STEP 1: After inserting into this webpage the "script" heading and the "model-viewer" tag that is explicitly provided by Google developers, the following interactive astronaut avatar successfully appears!
|
|
Actually, the 3D interactive "image" that is displayed on this webpage, by default, is only about 100px × 100px; here we have reset the width and height attributes of <model-viewer> by using the CSS style command as follows:
|
<style>
model-viewer{ width: 400px; height: 400px; } </style> |
|
|
|
|