Skip to workspace
PixelOkay
Mechanical Assembly Designer3D assembly & QA workspace
● Local processing
Tools
3D DESIGN STUDIO BROWSER-LOCAL

Mechanical Assembly Designer

Arrange components, connect joints, inspect motion, and export 3D assembly geometry.

XYZ
Drag to orbit · Scroll to zoom · Select and move parts · Arrow keys orbit when viewport focused
PERSPECTIVE · MM

Exploded view

0%
Ready to editUnsaved changes
Ready. Assembly remains on your device.

Mechanical assembly modeling in your browser

Compose primitive 3D components into simple mechanical assemblies, configure position and rotation in millimetres, and study how fixed, revolute, and slider joints move relative to parent parts. The adjustable exploded view helps illustrate component relationships without changing the underlying assembly layout.

Export Wavefront OBJ, triangle STL, glTF 2.0, screenshots, and a CSV bill of materials. The editable PixelOkay project JSON is the only export that retains joint settings. This lightweight designer does not provide exact CAD constraints, physical interference checks, parametric solid operations, or engineering tolerancing.

Workspace shortcuts

Click a visible part to select it, then drag the selected part to move it in the view plane. Hold Shift while dragging to move it vertically. Drag empty space to orbit; scroll to zoom. The inspector provides exact dimension, translation and rotation values in millimetres and degrees.

Delete removes a selected unlocked part; Ctrl/Cmd + Z undoes, Ctrl/Cmd + Shift + Z redoes. Use the Joints tab to drive motion. Parts driven by joints cannot be translated directly until their joint is removed.

Review: Use the Review tab for conservative 3D bounding-box interference warnings and joint-limit checks. Joint controls include a non-destructive animated motion preview. Focus the viewport and press arrow keys to orbit, +/− to zoom, or Home to fit.

Export notes: OBJ and STL are triangle meshes, glTF contains materials, and project JSON preserves parametric parts and joints. Geometry here is illustrative, not manufacturing-certified.

Using Mechanical Assembly Designer

Build an illustrative assembly from primitive parts or supported OBJ/STL meshes, connect parts with simple joints, and inspect motion and advisory preflight results.

Workflow

  1. Start with a shaft, hinge, or slider example, or add a primitive part and import a supported mesh.
  2. Arrange parts, then assign each child one fixed, revolute, or slider joint relative to its parent.
  3. Run the bounding-box preflight and review visibility and travel warnings; choose an export that matches your next step.

Worked example

For a telescoping shaft sketch, add a base block and two cylinders, connect the first cylinder to the block with a fixed joint, and connect the second with a slider joint. Run preflight, then save project JSON if you need the joint definitions later.

Limits and data handling

This is illustrative geometry and kinematics, not precision CAD, physical dynamics, manufacturing design, or FEA. Preflight checks component bounding boxes and can flag intentional fits; it is not exact collision detection. OBJ/STL use millimetres by convention and glTF uses metres. Mesh imports are limited to 2 MB and 1,800 triangles per part, with 12,000 imported triangles total. Only project JSON preserves joints; mesh and scene exports do not. WebGL and export interoperability are unverified.

Frequently asked questions

Do OBJ or STL exports keep joints?

No. Joint definitions remain editable in the project JSON. Geometry exports contain visible parts without the editable joint setup.

Does preflight prove that parts will not collide?

No. It compares component bounding boxes and can report false positives for curved or intentionally fitted parts.

Related tools