Easy 3D Model Viewer

Here is a complete settings example for the Easy 3D Model Viewer:

General

• animate: true
• cameraControls: true
• cursorMode: "crosshair"
• disableAnimations: false
• fullscreen: false
• hitTest: true
• hoverEffect: true
• loadTime: 1000
• mousePanning: true
• orientation: "landscape"
• rotateSpeed: 2
• scaleFactor: 0.1
• showBoundingBox: false
• showCoordinateAxis: false
• showFrameRate: true
• showHierarchy: true
• showStats: true
• showTools: true
• show Wireframe: false
• skybox: null
• statsVisible: true
• textureWrap: "repeat"
• toolsVisible: true
• version: "1.0"
• vrMode: false

Lighting

• ambient: [0.2, 0.2, 0.2]
• attenuation: 1
• color: [1, 1, 1]
• distance: 1000
• enabled: true
• intensity: 0.5
• lightType: "omni"
• name: "light1"
• position: [0, 0, 0]
• specular: [1, 1, 1]

Materials

• material: [ { "alphaTest": 0, "ambient": [0.5, 0.5, 0.5], "attenuation: 1, "color: [1, 0, 0], "diffuse: [1, 0, 0], "emissive: [0, 0, 0], "envMap: null, "gamma: 2.2, "normalMap: null, "reflectivity: 0.1, "specular: [0.5, 0.5, 0.5], "specularPower: 10, "transparent: false, "transparency: 1, "vertexColor`: true } ]

Scene

• gravity: 0
• scene: [ { "children: [], "geometry: "cube.geom", "material: "redMaterial", "matrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0], "name: "object1", "pivot: [0, 0, 0], "position: [0, 0, 0], "scale: [1, 1, 1], "type`: "object" } ]

Texture

• atlas: false
• mipmap: true
• repeat: true
• texture: [ { "image: "path/to/image.jpg", "name: "texture1", "repeat: [1, 1], "scale: [1, 1], "type`: "image" } ]

Note: The geometry and material settings in the Scene section are referring to separate files that are not included in this example. You would need to create those files and set the geometry and material settings accordingly.

Here is the list of features and information about the Easy 3D Model Viewer:

1. What is Easy 3D Model Viewer: A 3D responsive model viewer that supports gltf, glb, glTF-Embedded, and compressed DRACO formats, delivering stunning realism with realistic lights, environment maps, shadows, and more.
2. Responsive Layout: Fully responsive and adaptable regardless of which device is used.
3. Lightbox Support: Easy 3D Model Viewer can be opened in a lightbox when the page is ready or triggered by an external action, such as clicking a button. The lightbox layout is fully responsive, and the viewer size can be customized as needed.
4. Customizable Size: Easy 3D Model Viewer can be set to any width or height and can be added anywhere in your page or app.
5. Desktop & Mobile Optimized: Easy 3D Model Viewer will adapt to any screen size and any device, whether you are using a mobile phone (IOS, Android) or on your desktop browser.
6. Vector Skin: Everything is vector based, making the viewer look sharp on all devices, mobile or desktop.
7. Customizable Color Theme: The color theme of all viewer elements can be easily customized to suit your preferences.
8. Lazy Scrolling/Loading: Option to initialize Easy 3D Model Viewer on scroll when the viewer is visible in the page, which can improve performance and efficiency.
9. Preloader: Customizable preloader that not only displays loading progress but also features a poster. The preloader's size and position can be set according to your preferences.
10. Buttons Controller: Customizable controller featuring play, zoom in, zoom out, info, help, and fullscreen buttons. The controller automatically hides itself after a designated period of user inactivity.
11. Orbital Controls: Customizable 3D orbital controls that allows to zoom and move the camera.
12. Orbital Controls Ranges: The camera rotation can be selectively constrained both horizontally and vertically, alongside customizable minimum and/or maximum zoom settings, adjusting parameters such as zoom factor, damping factor, zoom speed, pan speed, and more.
13. Auto-rotation: The 3D model can be configured for automatic rotation, with the option to customize the rotation speed to suit individual preferences.
14. Keyboard Pan: Navigate the model effortlessly with keyboard shortcuts, using the intuitive W A S D keys or your preferred custom key setup, the pan speed can be adjusted as well.
15. Enviroment Map: Enhanced environmental mapping support with.exr files, offering nuanced control. Choose to display the environment map as a background, utilize it solely for reflections and lighting in a specific mode, or apply it subtly as a color-toned gradient color.
16. Lights: Effortlessly customize directional and ambient lighting to suit your model perfectly. Easily set the light intensity and position according to your preferences, with added support for tone mapping to extend the luminance range for a richer visual experience.
17. Contact Shadow: Achieve authentic contact shadows with a defined contact plane. Tailor the shadow's blur, darkness, and opacity to your exact specifications for a seamless and customizable visual experience.
18. Default Built-in Animation Control: Play a 3D model built-in animation at your preferred time once the model is ready for display. Adjust the animation speed to your liking and fine-tune parameters such as clamping at the end and loop count for a tailored and dynamic presentation.
19. Markers/Hotspots: Enhance your 3D model with customizable markers/hotspots. These versatile features can open pages/links, enable control over built-in animations or camera positions, and can display tooltips and/or detailed info windows, enriched with full HTML and CSS support.
20. Two Marker Types: Easy 3D Model Viewer introduces support for two marker types: 2D markers and 3D markers.
21. Markers Built-in Animation Control: Clicking on a marker empowers you to control a built-in animation with a myriad of options at your fingertips. Define parameters such as animation loop count, speed/time scale, and choose whether to animate the marker along with the model or maintain a fixed position.
22. Markers Camera Animations: Establish personalized positions on a model with custom names. Upon clicking a marker, seamlessly transition the camera to the personalized location using smooth tweening, allowing you to set the duration and easing to match your preferences.
23. Markers Camera Animations Menu: Navigate your personalized marker camera animations effortlessly with a dedicated menu. This intuitive interface not only showcases but also grants control over the displayed markers and their corresponding camera animations.
24. Direct Support From The Developer: Once you buy the Easy 3D Model Viewer, you will also receive direct support and attention from the video player developer, Tibi @ FWD.