Matmap

[Version 1.0.0 alpha]

Matmap is a fully browser-based design software that uses WebGPU and hardware acceleration to deliver graphics performance.

With three main features: creating texture maps for 3D designs useful for games, architectural simulation; photo editing like light Photoshop, features such as mask, filter, blur, noise... are all available; presentation and simulation, can create dynamic slides for 2D or 3D presentation, 3D objects can simulate motion behavior through the Blueprint system.

Outstanding features:

1. Flexible drag-and-drop interface like game engines, with separate windows and can be attached to frames quickly, tabs can be easily resized, assets can be dragged and dropped to interact when editing photos or working with 3D scenes.

2. Entity-component system (ECS) architecture brings a design style like a game engine, everything inside Matmap is an entity with three main types of entities: Transform (3D entity), Rect Transform (Photo/Texture editing entity), UI Transform (Slide entity) corresponding to the 3 main types of Matmap features.

Each entity can be attached to components, each component represents a function or filter that handles its own tasks to create the properties of the entity and they can only use a specific type of component corresponding to the type of entity, entity Transform will have a green component, Rect Transform is white, UI transform is blue. You can see it in the component menu.

3. Has an entity manager like Hierarchy in game engines. Can edit textures/images/3D scenes in multithreading. Has a project manager that manages imported assets. Handles a variety of assets such as images, 3d models, audio, video, text, WGSL shaders, font assets...

4. Let's take a look at some components:

- Image: this is the component that contains the image passed in and will be processed through the components below added after it. It will look like Image in Unity.

- Normal Map: used to create normal textures.

- Geometry such as Rectangle, Circle (with x and y axes), Polygon (equilateral angle) are used to create drawings, they also have many shaping modes and can replace brushes or textures.

- Line and Curve: used to draw straight and curved lines using the Bezier Splines algorithm with control points and handles that can be dragged and dropped for editing.

- Text: this is the component to draw text with many diverse properties and parameters such as color, font, size, margin, bold, italic, ...

- Mesh: this is the component for 3D objects, it will create mesh for the object and display it on the 3D Scene (Reality tab).

- Object 3D: will display 3D objects on the 2D texture/image editing frame, suitable for 3D image collage on photos.

- UI Image, UI Text, UI Video... are components that display objects for presentations and slideshows.

- WGSL Shader: this component allows designers to use WGSL code to edit their own photos, import WGSL files into Matmap and drag and drop them into the component's WGSL asset box.

- There are many more interesting components.

5. Support exporting photos in many formats: png, jpeg, tiff, tga, exr, ico, bmp.

6. Support save load project, can save project directly in the browser's IndexedDB or download and store on the computer to share with friends, colleagues or partners.

7. Blueprint: this is a system like in Unreal Engine, or Flowgraph in CryEngine used to write custom scripts using a drag and drop interface.

Discovering Matmap now at: https://matmap.pykatellar.com