Bisect Documentation

Bisect is a unified creative platform that connects three powerful studios: Vector graphics editing, 3D scene manipulation, and AI-powered texture generation. This documentation covers all features and workflows across each studio.

Vector Studio

SVG editing & AI vectorization

3D Studio

Scene editing & materials

Tex Factory

MatCap & PBR generation

Quick Start

  1. 1

    Choose a Studio

    Select Vector, 3D, or Tex Factory based on your creative needs.

  2. 2

    Import or Create

    Upload existing assets or start from scratch with built-in tools.

  3. 3

    Use AI Features

    Leverage Gemini, GPT-4o, and Claude for intelligent assistance.

  4. 4

    Export

    Download production-ready assets in multiple formats.

Vector Studio

Canvas-based SVG editing with AI assistance

Canvas & Tools

The Vector Studio uses an HTML5 Canvas rendering engine with real-time SVG path generation.

Selection Tool

Click to select paths. Shift+click for multi-select. Drag to move.

Pen Tool

Click to add points. Drag to create Bézier curves. Double-click to close path.

Pan & Zoom

Scroll to zoom. Space+drag to pan. Fit to view with Home key.

Layers Panel

Organize paths in layers. Drag to reorder. Toggle visibility.

Keyboard Shortcuts

V Selection
P Pen
Ctrl+Z Undo
Ctrl+S Save

AI Vectorization

Convert raster images (PNG, JPG, WebP) to clean SVG paths using Gemini AI.

Logo Mode:Optimized for clean geometric shapes with minimal colors.
Icon Mode:Simple shapes with consistent stroke width, normalized to square viewBox.
Illustration Mode:Detailed vector art with varied line weights and richer color palette.

Export Formats

.svg

Standard SVG with optimized paths

.png

Rasterized at 1x, 2x, 4x resolution

.tsx

React component with TypeScript

.vue

Vue 3 SFC component

3D Studio

Three.js-powered 3D scene editing with AI

Viewport Controls

Navigate the 3D viewport using mouse and keyboard controls.

Left Click + Drag

Orbit camera around scene

Right Click + Drag

Pan camera

Scroll Wheel

Zoom in/out

Import Formats

.gltf / .glb

Recommended. Full PBR material support.

.obj

With .mtl material file

.fbx

Autodesk format (experimental)

.spline

Spline.design project files

AI Scene Editing

Use natural language commands to modify your 3D scene. Powered by GPT-4o vision.

> "Make the sphere metallic blue"
Applying StandardMaterial with color #2563eb and metalness 0.8...
Done.
Color changes: "Make X red/blue/green"
Material changes: "Make X metallic/glass/matte"
Transforms: "Move X up/left/forward"
Visibility: "Hide/show X"

Material Library

600+ built-in material presets organized by category.

MetalsWoodStoneFabricGlassPlasticCeramicOrganic

Tex Factory

AI-powered MatCap and PBR texture generation

MatCap Generation

Generate Material Capture textures from text prompts. MatCaps encode lighting and material properties in a single spherical texture.

Example Prompts

  • • "Chrome metal with soft highlights"
  • • "Matte clay with subtle ambient occlusion"
  • • "Iridescent pearl finish"
  • • "Brushed copper with warm tones"
1K Resolution2K UpscalePNG Export

PBR Texture Sets

Generate complete PBR texture sets from a single prompt. Includes auto-generated maps.

Albedo

Base color map via Gemini

Normal

Auto-generated with Sobel

Roughness

Luminance extraction

Real-Time 3D Preview

Preview generated textures on 3D geometry in real-time.

SphereCubeTorusPlane

API Reference

REST API and CLI documentation

REST Endpoints

POST/api/vectorize

Convert raster image to SVG

POST/api/optimize

Optimize and compress SVG

POST/api/texture

Generate MatCap or PBR texture

CLI Usage

# Install globally
npm install -g @bisect/cli
# Vectorize an image
bisect convert input.png -o output.svg
# Batch convert directory
bisect convert ./images/*.png --output ./svg
# Watch mode
bisect watch ./assets --output ./dist

Ready to Start?

Vector Studio3D StudioTex Factory