@zappar/parcel-transformer-mattercraft

A Parcel transformer for building Mattercraft projects outside of the Mattercraft editor. Useful for integrating Mattercraft content into your own Parcel-based apps or CI/CD pipelines.

Mattercraft is a browser-based 3D content development environment for building interactive AR, VR, WebXR and 3D web experiences. Built on Three.js, it lets you create and publish rich 3D content with a visual editor and seamless scripting.

Installation

npm install @zappar/parcel-transformer-mattercraft

Setup

Add the transformer and optimizer to your .parcelrc:

{
 "extends": "@parcel/config-default",
 "transformers": {
  "*.zcomp": ["@zappar/parcel-transformer-mattercraft"],
  "*.zvalues": ["@zappar/parcel-transformer-mattercraft"]
 },
 "optimizers": {
  "*.glb": ["@zappar/parcel-optimizer-mattercraft"],
  "*.{png,jpg,jpeg,webp}": ["@zappar/parcel-optimizer-mattercraft"]
 }
}

That's it. Parcel will now handle Mattercraft project files automatically.

Related packages

This transformer must be used together with the Mattercraft Parcel optimizer. Install both:

npm install @zappar/parcel-transformer-mattercraft @zappar/parcel-optimizer-mattercraft

• @zappar/parcel-optimizer-mattercraft — optimizes GLB models and images produced during the build

Requirements

• Parcel 2 or later
• Node 24 or later

License

Proprietary - Zappar Limited