What is Mattercraft?

Mattercraft is a visual 3D content development platform designed to bridge the worlds of web, AR, VR, WebXR, 3D and game development. Perfect for web developers familiar with Three.js who are looking for a visual editor or game developers venturing into building web-based experiences. Mattercraft offers an intuitive, powerful development environment for building rich interactive content.

Built with Three.js at the core, Mattercraft makes it easy to design, preview and publish dynamic 3D experiences without complex hand-coding. Its user-friendly interface lets you visually construct scenes, animations, physics, particles and interactions, while leveraging the best features on the web.

Features

Visual animation system

Mattercraft features a rich and innovative animation system that includes layers, timelines and states. Unlock your creativity with keyframe support, custom curves, seamless interpolation transitions and 3D model animations. Craft unique animations effortlessly, redefining the way you bring your 3D web content to life.

Realtime physics

Experience cutting edge realism using the web optimised Havok physics engine, all managed via the interface for a simple and easy to use development process.

Particle effects

Take your experiences to the next level with particle effects. Choose from one of 6 pre-built effects or create your own.

Augmented Reality

Seamlessly develop immersive world, face, and image tracked augmented reality content.

Visual Positioning System

Mattercraft’s integration with Immersal empowers you to create immersive indoor and outdoor 3D environments with zero code, using the world’s most versatile and accurate Visual Positioning System (VPS).

Headset support

Effortlessly create Mixed and Virtual reality content (WebXR) for leading headsets such as Apple Vision Pro, Meta Quests, Magic Leap, and Zapbox.

Seamless Scripting

Mattercraft leverages Monaco, the excellent text editor from Visual Studio Code, to provide a delightful and responsive coding experience with a TypeScript compiler.

Responsive UI with HTML

Easy to build 2D screen UI. Making use of web standards (HTML and CSS).

NPM

Mattercraft lets you leverage your existing expertise and tooling, including full integration with the NPM repository of JavaScript libraries.

Instant live preview

Review your experiences with a single click and see real-time updates or make use of the built-in simulator to preview your content on different device sizes and network connections.

One click publishing

When hosting with Zapworks, you can instantly publish as many times as you need. Get your content into the hands of your users as soon as possible with no review times.

Multi-user collaboration

Develop collaboratively with multiple team members, Google docs style.

Three js Tools & Extensions