--- title: "3D Viewer Card" slug: "3d-viewer-card" updated: 2026-07-24T15:58:50Z published: 2026-07-24T15:58:50Z canonical: "support.beast-code.com/3d-viewer-card" --- > ## Documentation Index > Fetch the complete documentation index at: https://support.beast-code.com/llms.txt > Use this file to discover all available pages before exploring further. # 3D Viewer Card Use the 3D Viewer card to change the active environment to the 3D Viewer and to select the systems and settings you desire to display. ![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Screenshot 2026-07-23 163945.png) ### Building the Card **To add the card to the lesson track:** - Left click and drag the card to the track - OR double click the card to add automatically ![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Learning_29(1)(1).gif) **To begin editing:** - Left click the card on the track and then left click ![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Screenshot 2026-05-18 111722.png) - OR double left click the card on the track to open editing automatically ![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Learning_30(1)(1).gif) **In the editing window, you can:** - Toggle desired systems to visualize in the lesson - Adjust the Viewer Speed - Adjust the Hull Opacity ![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Learning_31(1)(1).gif) > [!NOTE] > Note > > See the 3D Viewer section of the Knowledge Base to learn more about that plugin: > > - [3D Viewer](https://support.beast-code.com/docs/system-viewer-3) ### 3D Viewer Card - Use Case One popular use of the 3D Viewer card is to allow a learner to visualize specific system(s). **Example:** Follow the steps below to show a 3D model of the Cryogenic Cooling, Fuel Service, and Propulsion systems in your lesson: 1. Toggle the Cryogenic Cooling System, Fuel Service System, and Propulsion System into the **on** position ![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Screenshot 2026-05-18 135515.png). 2. Adjust the Hull Opacity to a desired amount. 3. Select ![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Screenshot 2026-05-18 142632.png). 4. Optionally ![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Screenshot 2026-05-18 142126.png) the card. ![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Learning_37(1).gif) > [!NOTE] > NOTE > > Once your card is set up appropriately, click and drag to position it in the lesson track.