e-Learning: Learn the Components and Reassemble a Master Cylinder

Versatility is one of the key features of Zea Engine. The master cylinder eLearning showcase demonstrates the flexibility of the SDK in four projects that show the same mechanical model being used for simulation, guided learning, parts identification, and assembly.

Features
- 3D CAD visualization
- Spring simulation
- Explode and cutaway views
- Identify parts with multilingual labels
- Change language on the fly
- Assemble parts with visual clues and snapping
- Simply change the URL to swap between each project
Live Demos
1 - Simulation
https://docs.zea.live/MasterCylinder?stage=simulation
2 - Learning
https://docs.zea.live/MasterCylinder?stage=learning
3 - Identification
https://docs.zea.live/MasterCylinder?stage=identification
4 - Assembly
https://docs.zea.live/MasterCylinder?stage=assembly
Hints and Tips
- Swap between projects to see check where labels go or how parts are assembled
- When assembling the master cylinder green means you’re assembling the parts correctly and red means you’re not
Specifying a Language
The engine will detect the language setting of your browser and display the labels for that language. However, to explicitly set the language add the “lang” argument to the URL. For example:
- https://docs.zea.live/MasterCylinder?stage=learning&lang=Jp
- https://docs.zea.live/MasterCylinder?stage=identification&lang=Jp
You can choose between English (En), Spanish (Es), French (Fr) and Japanese (Jp).
Links
GitHub Repo
Docs
- Zea CAD to render the master cylinder
- Zea Kinematics to animate the master cylinder
- Zea UX for transform handles and object selection
- Svelte Template to build the UI
Acknowledgements
- CAD model by Bruno Razaboni last accessed from GrabCAD on 2020-10-02.