![Mattercraft for Unity Developers page Hero](https://zap.works/static/img/unity/unity-hero@2x.png.r.w744.png)

# Mattercraft for Unity Developers

Are you a Unity developer looking to explore new avenues in browser-based 3D development?

[Learn more](https://zap.works/mattercraft/)

Mattercraft offers a compelling alternative with its unique features tailored for AR, VR, WebXR, and 3D web experiences. Let's dive into the key aspects of Mattercraft and how they compare to Unity.

### [Browser-Based Development](https://zap.works/mattercraft-for-unity-developers/#browser-based-development)

Unlike Unity, Mattercraft is entirely browser-based, allowing for quick deployment and publishing directly to a website. There's no need for lengthy builds or app downloads—simply create and share your projects effortlessly, via the web browser on all devices.

### [Zcomponents vs. Unity Prefabs](https://zap.works/mattercraft-for-unity-developers/#zcomponents-vs-unity-prefabs)

Mattercraft introduces "zcomponents," reusable components akin to Unity prefabs. They streamline development by allowing you to create and reuse complex structures across your scenes and projects.

![Zcomponents vs. Unity Prefabs](https://zap.works/static/img/unity/unity1.png.r.w958.png)

### [Animation System](https://zap.works/mattercraft-for-unity-developers/#animation-system)

Mattercraft boasts a comprehensive animation system, featuring keyframe timeline animations and state-based property values. If you're familiar with Unity's animation capabilities, you'll find similar functionalities here.

### [Visual Viewport and Hierarchy](https://zap.works/mattercraft-for-unity-developers/#visual-viewport-and-hierarchy)

Like Unity, Mattercraft provides a visual viewport and hierarchical organization of nodes/components within scenes. This familiar structure makes transitioning from Unity to Mattercraft seamless.

![Zcomponents vs. Unity Prefabs](https://zap.works/static/img/unity/unity2.png.r.w958.png)

### [Access to Libraries via NPM](https://zap.works/mattercraft-for-unity-developers/#access-to-libraries-via-npm)

While Mattercraft lacks an asset store, it leverages the NPM repository for accessing a vast array of existing JavaScript and web packages. Mattercraft also offers built-in packages easily added via the dependencies browser, such as physics, particle systems and post-processing.

### [Realtime Preview for Rapid Development](https://zap.works/mattercraft-for-unity-developers/#realtime-preview-for-rapid-development)

Mattercraft's realtime preview lets you simulate device sizes and network conditions, allowing instant feedback on changes. Taking a broader approach to Unity’s PlayMode, Mattercraft’s live preview speeds up development by enabling live testing across devices, including headsets and mobiles.

### [Games vs Immersive Experiences](https://zap.works/mattercraft-for-unity-developers/#games-vs-immersive-experiences)

At its core, Unity is a game development platform that outputs native applications. Mattercraft is perfected for rich immersive web-based experiences. Web content created in Mattercraft is deployed directly to your end users web browser, on any device.

### [TypeScript and Behavior-based Interactions](https://zap.works/mattercraft-for-unity-developers/#type-script-and-behavior-based-interactions)

Mattercraft utilizes TypeScript and behaviours to add events and interactions to nodes, providing a structured approach similar to Unity's component-based model.

![Zcomponents vs. Unity Prefabs](https://zap.works/static/img/unity/unity3.png.r.w958.png)

### [Custom Contexts](https://zap.works/mattercraft-for-unity-developers/#custom-contexts)

Custom contexts in Mattercraft facilitate the management of project-specific data like high score systems, custom materials and game-based logic.

![Zcomponents vs. Unity Prefabs](https://zap.works/static/img/unity/unity4.png.r.w958.png)

### [Screen UI](https://zap.works/mattercraft-for-unity-developers/#screen-ui)

With Mattercraft being a web based tool, it makes use of standardised and existing frameworks, like HTML. Build UI with HTML and use CSS to style it, through code or within the visual editor. Responsive for all screen sizes comes out the box, much like Unity's UI Canvas.

### [Interactions](https://zap.works/mattercraft-for-unity-developers/#interactions)

Use what you already know for interactions, like raycasters, colliders / triggers and other events.

### [Out of the box Physics](https://zap.works/mattercraft-for-unity-developers/#out-of-the-box-physics)

Mattercraft uses Havok as its physics engine. Much like Unity, you can simulate (in real time) physics interactions and update them directly in the visual viewport and preview simulator.

### [WebXR and WebAR Support](https://zap.works/mattercraft-for-unity-developers/#web-xr-and-web-ar-support)

Develop for headsets like Apple Vision Pro, Meta Quests, Zapbox, and Magic Leap 2 using Mattercraft's WebXR capabilities. Setting up rigs with XR cameras and controllers is akin to Unity, but with the advantage of web deployment.

### [Enhanced WebAR with Zappar](https://zap.works/mattercraft-for-unity-developers/#enhanced-web-ar-with-zappar)

Mattercraft incorporates Zappar's robust computer vision technology for WebAR, ensuring high performance and reliable experiences without relying on experimental WebGL modes.

![Zcomponents vs. Unity Prefabs](https://zap.works/static/img/unity/unity5.png.r.w958.png)

### [Familiarity with Web Development](https://zap.works/mattercraft-for-unity-developers/#familiarity-with-web-development)

Mattercraft bridges the gap between 3D development and web technologies, making it accessible to those with past web development experience. The visual tooling resembles Unity's interface, making the transition smoother for Unity developers.

## Get started on your immersive web journey today with Mattercraft!

Create a Zapworks account to access Mattercraft.

[Get started](https://my.zap.works/register/?next=/account/add/business/)

---
Canonical: https://zap.works/mattercraft-for-unity-developers/