| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
WebGL is the new 3D viewer for all users as of 4/2/2024 and will now be the default viewer accessible by the “3D” tab. The “old” 3D viewer is no longer in use. |
...
| Table of Contents | ||
|---|---|---|
|
WebGL Basics
The 3D viewer(sometimes called WebGL) is accessed from the main 3D tab.
...
| Info |
|---|
When first using 3D view in a design, it may seem a little slow, but after the initial load it will reload and render with design changes fairly quickly. |
WebGL Navigation
Click and hold the various mouse buttons to navigate the view through a variety of functions. The user can the keyboard pad to achieve similar navigation, although a mouse is highly recommended as it is much more efficient and user-friendly.
...
Parts such as wall beds, pull outs, par accessories, doors and drawers can be opened/closed or animated with a single left click.
...
Settings
...
There are various settings for the WebGL viewer that can be accessed from the gear icon in the lower right corner of the screen. The Settings will open on the left.
Click the X or Settings button again to turn the side bar off.
...
Below the sliders, there is the option to turn on Outline or Xray modes:
OUTLINE | XRAY |
|---|---|
Outline will put a literal outline on all parts to make them defined. This is great for showing seams in finishes that are more difficult to see. Once turned on, the Thickness slider changes thickness of outline. | Xray will make the entire design semi-transparent. This means you can more clearly see drilling patterns, drawer boxes, hinges, VBs, etc. |
 |  |
...
In the Options section of the Main Menu, users can edit the Print Quality. This impacts the quality of the visuals when printing the 3D view to a PDF (can take longer to generate if set to high).
...
Ribbon Toolbar
As with all other tabs, the 3D tab has a ribbon toolbar with settings and functionality specific to the viewer. Find an explanation of each option or function below.
...
Walls | Adjust the wall color to better match the customer’s space. Autohide dictates whether the walls will “hide” depending on the angle. Having this disabled will likely obstruct the view of the design. Opacity will change the visibility of the walls - All the way to the right will make the walls disappear. | ||
Parts | Show certain parts or features by enabling (checked) or disabling (uncheck) the boxes shown.
| ||
Floor | This is where you can adjust the floor finish to better match the customer’s flooring. | ||
3D | Reload 3D Viewer is helpful if opening WebGL and something just looks “off” (if not, check settings). | ||
Snap Shot | Selecting an existing option from the drop down menu will jump to one of the pre-existing views (same as the 3D views found in “Images” tab). These are listed clockwise around the room. Users can create custom snap shots by zoom or centering the desired view and selecting “Save Viewpoint”. This will also add an image in the “Images” tab that can be emailed to the client. | ||
Export | Can export the viewer to a GLB file, which is a standardized file format used to share 3D data, AKA can share into a more sophisticated 3D rendering program.
|
Sharing WebGL
The Web GL 3D view does not require a 3D viewer to be downloaded when sharing with customers as it allows customers with PCs computers, Mac computers, cell phones or tabletsto view the design in 3D without having to download a separate program. This makes WebGL a desirable method of sharing plans using the Share (launching 4/4) function.
...
| Info |
|---|
See Video 6 linked below for more information. |
WebGL Video Series [External Links]
There is a series of videos related to using and navigating the 3D user. These are located in CC360, so users must be logged in to view:
...