cmotion · API playground

Source

↑ Upload .cm

runner "0.0.3";

use std.shapes.*;
use std.mesh3d.*;
use std.scene3d.*;
use std.lighting.*;
use std.anim.*;

scene quick(duration: Duration = 6s) -> Frame {
  // Portrait 9:16 — small and mobile-friendly by default.
  let bg = rect(width: 1080px, height: 1920px, fill: oklch(0.12, 0.05, 265));

// Spins a full turn; starts pre-rotated so a single frame already
  // shows the extruded depth.
  let spin = animate { 0s => -22deg, 6s => 338deg } with { repeat: forever };

// A 2D path (five-point star) extruded into a lit 3D solid.
  let outline = path(points: [
    vec2(0, 230),    vec2(54, 70),
    vec2(219, 70),   vec2(87, -28),
    vec2(135, -185), vec2(0, -87),
    vec2(-135, -185), vec2(-87, -28),
    vec2(-219, 70),  vec2(-54, 70),
  ]);

let star = extrude(outline, depth: 90px)
               .material(fill: oklch(0.82, 0.19, 95),
                         metalness: 0.25,
                         roughness: 0.4)
               .rotate(x: -14deg, y: spin);

let lights = [
    ambient(0.35),
    directional(from: vec3(3, 4, 5),   intensity: 1.5),
    directional(from: vec3(-4, -2, 1), intensity: 0.6),
  ];

compose [bg, render3d(star, lights: lights)]
}

Params

width height fps duration (s) at (s)

Assets

Pick images and they get uploaded to POST /v1/assets before the render kicks off. Reference them from the source by friendly path — a file named earth.png becomes image("/earth.png") in your .cm source.

Render

Pre-rendered example. Hit Render frame or Render video to render the source above via api.cmotion.org.

idle