A 3D drawing panel.
You can interact with a drawing panel 3d to change the projection. And you can also interact with 'active' 3D elements.
An active element is one that has its "Draggable" or "Resizable" properties set to true.
The interaction is described here.
3D Panel ![](https://www.um.es/fem/EjsWiki/uploads/Main/ElementsDisplay3DPanel.gif) |
Scales |
Name | Description | Values Accepted | Default |
Minimum X | Minimum X value that can be displayed. | Constant or variable (double or int). | - |
Maximum X | Maximum X value that can be displayed. | Constant or variable (double or int). | - |
Minimum Y | Minimum Y value that can be displayed. | Constant or variable (double or int). | - |
Maximum Y | Maximum Y value that can be displayed. | Constant or variable (double or int). | - |
Minimum Z | Minimum Z value that can be displayed. | Constant or variable (double or int). | - |
Maximum Z | Maximum Z value that can be displayed. | Constant or variable (double or int). | - |
Size X | The size of the element in the X direction. | Constant or variable (double or int). | - |
Size Y | The size of the element in the Y direction. | Constant or variable (double or int). | - |
Size Z | The size of the element in the Z direction. | Constant or variable (double or int). | - |
Graphical Aspect |
Name | Description | Values Accepted | Default |
Visibility | The visibility of the element. | Boolean variable or constants true or false. | - |
Display | Display style for the element, e.g., "none", "inline", etc. | - | - |
Width | Width to display, e.g., 100% | - | 400px |
Height | Height to display, e.g., 90vh | - | 300px |
Background | Background color for the element. | - | White |
Foreground | Color for drawing or writing in the element. | - | Black |
CSS | CSS to apply. | - | - |
Graphical Aspect |
Name | Description | Values Accepted | - |
Projection | How to project the 3D scene to the 2D screen. Display popup menus in this panel. Options: "PLANAR_XY", "PLANAR_XZ", "PLANAR_YZ", "PERSPECTIVE_OFF", "PERSPECTIVE_ON" | Use the editor provided to make a choice. | - |
DecorationType | Which decoration elements of the scene (axes, box) to display. | Use the editor provided to make a choice. | - |
ImageUrl | File with the image to display. | String variable or editor selection. | - |
Lights | Whether to have default lights on. | Boolean variable or constants true or false. | - |
LineColor | Line color, e.g., rgb(0,0,0) for black. | - | - |
LineWidth | Line width, e.g., 1 | - | 1 |
DrawLines | Draw lines. | Boolean variable or constants true or false. | 1 |
FillColor | Fill color, e.g., rgb(0,0,0) for black. | - | 1 |
DrawFill | Draw fill. | Boolean variable or constants true or false. | 1 |
Camera and Interaction |
Camera |
Name | Description | Values Accepted | - |
CameraAltitude | Altitude angle of the camera position. | Constant or variable (double or int). | - |
CameraAzimuth | Azimuthal angle of the camera position. | Constant or variable (double or int). | - |
CameraTilt | Tilt angle of the camera position. | Constant or variable (double or int). | - |
CameraNear | Camera near. | Boolean variable or constants true or false. | - |
CameraFar | Camera far. | Boolean variable or constants true or false. | - |
CameraZoomRate | Camera zoom rate. | Boolean variable or constants true or false. | - |
CameraX | X position of the camera. | Constant or variable (double or int). | - |
CameraY | Y position of the camera. | Constant or variable (double or int). | - |
CameraZ | Z position of the camera. | Constant or variable (double or int). | - |
CameraFocusX | X position of the camera focus. | Constant or variable (double or int). | - |
CameraFocusY | Y position of the camera focus. | Constant or variable (double or int). | - |
CameraFocusZ | Z position of the camera focus. | Constant or variable (double or int). | - |
Interaction |
Name | Description | Values Accepted | - |
Enabled | Whether the element is responsive to user action. | Boolean variable or constants true or false. | - |
Draggable | Whether the element is responsive to user action. | Boolean variable or constants true or false. | - |
OnMove | Action to invoke when the mouse moves within the element. | JavaScript code for the action. | - |
OnPress | Action to invoke when the element is pressed. | JavaScript code for the action. | - |
OnDrag | Action to invoke when the element is dragged. | JavaScript code for the action. | - |
OnRelease | Action to invoke when the element is released. | JavaScript code for the action. | - |
OnZoom | Action to invoke when the mouse enters the element. | JavaScript code for the action. | - |
OnDoubleClick | Action to invoke on double-click. | JavaScript code for the action. | - |