@maniclang/workbench 0.1.11

package/examples/creator-three-shadows-of-a-curve.manic

@@ -0,0 +1,48 @@
+// Whole-geometry projections are derived from the one changing space curve.
+
+title("Three Shadows of One Curve");
+canvas("9:16");
+template("black");
+creator(me,"@anish2good name=Manic_3D tagline=Spatial_thinking_made_visible yt=zarigatongy x=@anish2good web=8gwifi.org/manic accent=cyan secondary=gold footer=compact cta=Project_your_idea safe=clean");
+socials(me);
+watermark(mark,(w*0.16,h*0.055),"Made With Manic");
+endcard(me,"title=Make_3D_Ideas_Clear cta=8gwifi.org/manic");
+
+let u=(w+h-abs(w-h))/1080;
+text(kicker,(cx,h*0.10),"MANIC · ORTHOGONAL PROJECTION");
+text(head,(cx,h*0.17),"Can three shadows reveal one space curve?");
+text(caption,(cx,h*0.80),"A projection keeps two coordinates and sets the third to zero.");
+equation(eq,(cx,h*0.73),`\pi_{xy}(x,y,z)=(x,y,0)`,31*u);
+size(kicker,20*u); bold(kicker); color(kicker,cyan);
+size(head,26*u); bold(head); wrap(head,w*0.76);
+size(caption,20*u); bold(caption); wrap(caption,w*0.74); color(caption,dim);
+
+curve3(space,"2*cos(t)","2*sin(t)","0.28*t-2.6",(0,18.85)); color(space,gold); thick(space,0.055);
+projectpath3(xy,space,xy); color(xy,cyan); thick(xy,0.035);
+projectpath3(xz,space,xz); color(xz,magenta); thick(xz,0.035);
+projectpath3(yz,space,yz); color(yz,lime); thick(yz,0.035);
+tag(xy,shadows); tag(xz,shadows); tag(yz,shadows);
+untraced(space); untraced(shadows);
+camera3((18,18,14),(0,0,0),48,perspective);
+hidden(kicker); hidden(head); hidden(caption); hidden(eq);
+
+step("pose") { par { show(kicker,0.3); show(head,0.45); show(caption,0.35); draw(space,1.4,smooth); } }
+wait(0.85);
+step("drop the shadows") {
+  par { draw(shadows,1.8,smooth); show(eq,0.45); orbit3(55,18,24,2.4,smooth); say(caption,"XY, XZ, and YZ preserve different pairs of coordinates.",0.45); }
+}
+wait(1.0);
+step("compare what each shadow loses") {
+  par {
+    rotate3(space,(18,35,12),1.8,smooth);
+    pulse(shadows,0.90);
+    say(caption,"Rotate the source and all three shadows update from the same geometry—XY forgets height, XZ depth, and YZ width.",0.65,smooth);
+  }
+}
+wait(1.0);
+step("solve") {
+  par { say(head,"Together, the shadows recover the structure.",0.45,smooth); pulse(space,0.75); }
+}
+wait(1.25);
+step("cta") { par { fade(kicker,0.3); fade(head,0.3); fade(caption,0.3); fade(eq,0.3); fade(space,0.4); fade(shadows,0.4); fade(me.footer,0.3); show(me.endcard,0.6); } }
+wait(2.2);

package/examples/creator-trigonometry-one-angle.manic

@@ -0,0 +1,307 @@
+// One live angle drives three unit-circle constructions, graph traces,
+// markers, projections, and numerical readouts. Tangent is deliberately split
+// into branches so the animation never lies across an asymptote.
+
+title("One Angle Creates Three Functions");
+canvas("9:16");
+template("black");
+
+creator(me,"@anish2good name=Manic_Geometry tagline=Relationships_made_visible yt=zarigatongy x=@anish2good web=8gwifi.org/manic accent=cyan secondary=magenta footer=compact cta=Animate_the_relationship safe=clean");
+socials(me);
+watermark(mark,(w*0.18,h*0.065),"Made With Manic");
+endcard(me,"title=Make_Math_Move cta=8gwifi.org/manic");
+
+let u=(w+h-abs(w-h))/1080;
+
+text(kicker,(cx,h*0.095),"MANIC · LIVE TRIGONOMETRY");
+text(head,(cx,h*0.145),"One angle. Three different measurements.");
+equation(identity,(cx,h*0.205),
+  `\textcolor{cyan}{y=\sin\alpha}\qquad
+   \textcolor{magenta}{y=\cos\alpha}\qquad
+   \textcolor{lime}{y=\tan\alpha}`,22*u);
+counter(degrees,(w*0.33,h*0.255),20,0,"α = ","°");
+counter(radians,(w*0.69,h*0.255),0.35,2,"α = "," rad");
+text(caption,(cx,h*0.835),"Rotate one radius. Watch three graphs respond.");
+
+size(kicker,19*u); bold(kicker); color(kicker,cyan);
+size(head,29*u); bold(head); wrap(head,w*0.84);
+size(degrees,20*u); bold(degrees); color(degrees,gold);
+size(radians,20*u); bold(radians); color(radians,gold);
+size(caption,20*u); bold(caption); color(caption,dim); wrap(caption,w*0.80);
+
+// One authored angle is the only changing input in the entire construction.
+// Two rotations are available: the first teaches, the second becomes a
+// continuous performance pass. Circle formulas are naturally periodic; graph
+// markers and public readouts wrap back into [0,2pi).
+parameter(alpha,(cx,h*0.885),0.35,0.02,12.54,"ANGLE α",2);
+color(alpha,cyan);
+bind(alpha,degrees,value,"(p-6.283185*floor(p/6.283185))*180/pi");
+bind(alpha,radians,value,"p-6.283185*floor(p/6.283185)");
+
+// Shared portrait geometry.
+let circleX=w*0.265;
+let graphX=w*0.535;
+let radius=w*0.092;
+let graphSX=w*0.050;
+let graphSY=radius;
+let graphRight=graphX+graphSX*6.283;
+let row1=h*0.385;
+let row2=h*0.565;
+let row3=h*0.745;
+
+// ---------------------------------------------------------------------------
+// SIN — the rotating point's height.
+// ---------------------------------------------------------------------------
+circle(sinCircle,(circleX,row1),radius);
+outlined(sinCircle); outline(sinCircle,fg);
+line(sinCX,(circleX-radius*1.22,row1),(circleX+radius*1.22,row1));
+line(sinCY,(circleX,row1-radius*1.22),(circleX,row1+radius*1.22));
+point(sinO,(circleX,row1));
+point(sinP,(circleX+radius*cos(0.35),row1-radius*sin(0.35)));
+point(sinHeight,(circleX,row1-radius*sin(0.35)));
+segment(sinRay,sinO,sinP);
+segment(sinGuide,sinP,sinHeight);
+anglemark(sinAngle,sinHeight,sinO,sinP);
+
+bind(alpha,sinP,x,"286.2+99.4*cos(p)");
+bind(alpha,sinP,y,"739.2-99.4*sin(p)");
+bind(alpha,sinHeight,y,"739.2-99.4*sin(p)");
+
+line(sinGX,(graphX,row1),(graphRight,row1));
+line(sinGY,(graphX,row1-graphSY*1.28),(graphX,row1+graphSY*1.28));
+plot(sinCurve,(graphX,row1),graphSX,graphSY,"sin(x)",(0,6.283));
+point(sinDot,(graphX+graphSX*0.35,row1-graphSY*sin(0.35)));
+point(sinFoot,(graphX+graphSX*0.35,row1));
+segment(sinDrop,sinDot,sinFoot);
+bind(alpha,sinCurve,trace,"p/6.283185");
+bind(alpha,sinDot,x,"577.8+54*(p-6.283185*floor(p/6.283185))");
+bind(alpha,sinDot,y,"739.2-99.4*sin(p)");
+bind(alpha,sinFoot,x,"577.8+54*(p-6.283185*floor(p/6.283185))");
+text(sinLabel,(graphX+graphSX*2.2,row1-radius*1.45),"y = sin(α) · height");
+
+color(sinCircle,fg); color(sinCX,dim); color(sinCY,dim);
+color(sinRay,cyan); color(sinGuide,cyan); color(sinAngle,cyan);
+color(sinP,cyan); color(sinHeight,cyan); color(sinO,fg);
+color(sinGX,dim); color(sinGY,dim); color(sinCurve,cyan);
+color(sinDot,fg); color(sinFoot,fg); color(sinDrop,cyan); color(sinLabel,cyan);
+dashed(sinGuide,8,6); dashed(sinDrop,8,6);
+stroke(sinCircle,3); stroke(sinRay,4); stroke(sinGuide,3); stroke(sinCurve,5);
+size(sinLabel,18*u); bold(sinLabel);
+
+// ---------------------------------------------------------------------------
+// COS — the rotating point's horizontal reach.
+// ---------------------------------------------------------------------------
+circle(cosCircle,(circleX,row2),radius);
+outlined(cosCircle); outline(cosCircle,fg);
+line(cosCX,(circleX-radius*1.22,row2),(circleX+radius*1.22,row2));
+line(cosCY,(circleX,row2-radius*1.22),(circleX,row2+radius*1.22));
+point(cosO,(circleX,row2));
+point(cosP,(circleX+radius*cos(0.35),row2-radius*sin(0.35)));
+point(cosReach,(circleX+radius*cos(0.35),row2));
+segment(cosRay,cosO,cosP);
+segment(cosGuide,cosP,cosReach);
+
+bind(alpha,cosP,x,"286.2+99.4*cos(p)");
+bind(alpha,cosP,y,"1084.8-99.4*sin(p)");
+bind(alpha,cosReach,x,"286.2+99.4*cos(p)");
+
+line(cosGX,(graphX,row2),(graphRight,row2));
+line(cosGY,(graphX,row2-graphSY*1.28),(graphX,row2+graphSY*1.28));
+plot(cosCurve,(graphX,row2),graphSX,graphSY,"cos(x)",(0,6.283));
+point(cosDot,(graphX+graphSX*0.35,row2-graphSY*cos(0.35)));
+point(cosFoot,(graphX+graphSX*0.35,row2));
+segment(cosDrop,cosDot,cosFoot);
+bind(alpha,cosCurve,trace,"p/6.283185");
+bind(alpha,cosDot,x,"577.8+54*(p-6.283185*floor(p/6.283185))");
+bind(alpha,cosDot,y,"1084.8-99.4*cos(p)");
+bind(alpha,cosFoot,x,"577.8+54*(p-6.283185*floor(p/6.283185))");
+text(cosLabel,(graphX+graphSX*2.2,row2-radius*1.45),"y = cos(α) · reach");
+
+color(cosCircle,fg); color(cosCX,dim); color(cosCY,dim);
+color(cosRay,magenta); color(cosGuide,magenta);
+color(cosP,magenta); color(cosReach,magenta); color(cosO,fg);
+color(cosGX,dim); color(cosGY,dim); color(cosCurve,magenta);
+color(cosDot,fg); color(cosFoot,fg); color(cosDrop,magenta); color(cosLabel,magenta);
+dashed(cosGuide,8,6); dashed(cosDrop,8,6);
+stroke(cosCircle,3); stroke(cosRay,4); stroke(cosGuide,3); stroke(cosCurve,5);
+size(cosLabel,18*u); bold(cosLabel);
+
+// ---------------------------------------------------------------------------
+// TAN — where the radius meets the tangent x=1. Its graph uses three separate
+// branches; no path is ever drawn through pi/2 or 3pi/2.
+// ---------------------------------------------------------------------------
+circle(tanCircle,(circleX,row3),radius);
+outlined(tanCircle); outline(tanCircle,fg);
+line(tanCX,(circleX-radius*1.22,row3),(circleX+radius*1.38,row3));
+line(tanCY,(circleX,row3-radius*1.22),(circleX,row3+radius*1.22));
+line(tangentWall,(circleX+radius,row3-radius*1.28),(circleX+radius,row3+radius*1.28));
+point(tanO,(circleX,row3));
+point(tanP,(circleX+radius*cos(0.35),row3-radius*sin(0.35)));
+point(tanHit,(circleX+radius,row3-radius*tan(0.35)));
+point(tanBase,(circleX+radius,row3));
+segment(tanRay,tanO,tanHit);
+segment(tanLength,tanBase,tanHit);
+
+bind(alpha,tanP,x,"286.2+99.4*cos(p)");
+bind(alpha,tanP,y,"1430.4-99.4*sin(p)");
+bind(alpha,tanHit,y,"1430.4-99.4*min(1.28,max(-1.28,tan(p)))");
+bind(alpha,tanHit,opacity,"min(1,abs(cos(p))*7)");
+bind(alpha,tanRay,opacity,"min(1,abs(cos(p))*7)");
+bind(alpha,tanLength,opacity,"min(1,abs(cos(p))*7)");
+
+line(tanGX,(graphX,row3),(graphRight,row3));
+line(tanGY,(graphX,row3-graphSY*1.28),(graphX,row3+graphSY*1.28));
+// Stop each sampled branch exactly at the visible y-range. The mathematical
+// branch continues toward infinity; the empty gaps remain truthful.
+plot(tanA,(graphX,row3),graphSX,graphSY,"tan(x)",(0.02,0.907));
+plot(tanB,(graphX,row3),graphSX,graphSY,"tan(x)",(2.235,4.049));
+plot(tanC,(graphX,row3),graphSX,graphSY,"tan(x)",(5.377,6.26));
+point(tanDot,(graphX+graphSX*0.35,row3-graphSY*tan(0.35)));
+point(tanFoot,(graphX+graphSX*0.35,row3));
+segment(tanDrop,tanDot,tanFoot);
+bind(alpha,tanA,trace,"min(1,p/0.907)");
+bind(alpha,tanB,trace,"min(1,max(0,(p-2.235)/1.814))");
+bind(alpha,tanC,trace,"min(1,max(0,(p-5.377)/0.883))");
+bind(alpha,tanDot,x,"577.8+54*(p-6.283185*floor(p/6.283185))");
+bind(alpha,tanDot,y,"1430.4-99.4*min(1.28,max(-1.28,tan(p)))");
+bind(alpha,tanDot,opacity,"min(1,abs(cos(p))*7)");
+bind(alpha,tanFoot,x,"577.8+54*(p-6.283185*floor(p/6.283185))");
+bind(alpha,tanDrop,opacity,"min(1,abs(cos(p))*7)");
+text(tanLabel,(graphX+graphSX*2.2,row3-radius*1.45),"y = tan(α) · tangent length");
+
+color(tanCircle,fg); color(tanCX,dim); color(tanCY,dim); color(tangentWall,lime);
+color(tanRay,lime); color(tanLength,lime); color(tanP,lime);
+color(tanHit,fg); color(tanBase,fg); color(tanO,fg);
+color(tanGX,dim); color(tanGY,dim);
+color(tanA,lime); color(tanB,lime); color(tanC,lime);
+color(tanDot,fg); color(tanFoot,fg); color(tanDrop,lime); color(tanLabel,lime);
+dashed(tanDrop,8,6);
+stroke(tanCircle,3); stroke(tanRay,4); stroke(tanLength,5);
+stroke(tanA,5); stroke(tanB,5); stroke(tanC,5);
+size(tanLabel,18*u); bold(tanLabel);
+
+tag(sinCircle,trigWorld); tag(sinCX,trigWorld); tag(sinCY,trigWorld);
+tag(sinO,trigWorld); tag(sinP,trigWorld); tag(sinHeight,trigWorld);
+tag(sinRay,trigWorld); tag(sinGuide,trigWorld); tag(sinAngle,trigWorld);
+tag(sinGX,trigWorld); tag(sinGY,trigWorld); tag(sinCurve,trigWorld);
+tag(sinDot,trigWorld); tag(sinFoot,trigWorld); tag(sinDrop,trigWorld); tag(sinLabel,trigWorld);
+tag(cosCircle,trigWorld); tag(cosCX,trigWorld); tag(cosCY,trigWorld);
+tag(cosO,trigWorld); tag(cosP,trigWorld); tag(cosReach,trigWorld);
+tag(cosRay,trigWorld); tag(cosGuide,trigWorld);
+tag(cosGX,trigWorld); tag(cosGY,trigWorld); tag(cosCurve,trigWorld);
+tag(cosDot,trigWorld); tag(cosFoot,trigWorld); tag(cosDrop,trigWorld); tag(cosLabel,trigWorld);
+tag(tanCircle,trigWorld); tag(tanCX,trigWorld); tag(tanCY,trigWorld); tag(tangentWall,trigWorld);
+tag(tanO,trigWorld); tag(tanP,trigWorld); tag(tanHit,trigWorld); tag(tanBase,trigWorld);
+tag(tanRay,trigWorld); tag(tanLength,trigWorld);
+tag(tanGX,trigWorld); tag(tanGY,trigWorld); tag(tanA,trigWorld); tag(tanB,trigWorld); tag(tanC,trigWorld);
+tag(tanDot,trigWorld); tag(tanFoot,trigWorld); tag(tanDrop,trigWorld); tag(tanLabel,trigWorld);
+
+hidden(kicker); hidden(head); hidden(identity); hidden(degrees); hidden(radians);
+hidden(caption); hidden(alpha); hidden(trigWorld);
+untraced(sinCurve); untraced(cosCurve); untraced(tanA); untraced(tanB); untraced(tanC);
+
+step("one angle enters three worlds") {
+  par {
+    show(kicker,0.30); show(head,0.45); show(identity,0.45);
+    show(degrees,0.30); show(radians,0.30); show(caption,0.40);
+    show(alpha,0.35);
+  }
+  stagger(0.04) {
+    show(trigWorld,0.30);
+  }
+}
+wait(0.60);
+
+step("height becomes sine") {
+  par {
+    to(alpha,value,1.05,2.20,smooth);
+    say(head,"Sine records the rotating point's height.",0.45,smooth);
+    say(caption,"The cyan projection and cyan graph are the same number.",0.45,smooth);
+    pulse(sinGuide,0.70); pulse(sinCurve,0.70);
+  }
+}
+wait(0.55);
+
+step("reach becomes cosine") {
+  par {
+    to(alpha,value,2.35,2.30,smooth);
+    say(head,"Cosine records its horizontal reach.",0.45,smooth);
+    say(caption,"Past 90°, the point moves left—so cosine becomes negative.",0.48,smooth);
+    pulse(cosGuide,0.70); pulse(cosCurve,0.70);
+  }
+}
+wait(0.55);
+
+step("tangent breaks at the asymptote") {
+  par {
+    to(alpha,value,1.56,1.70,smooth);
+    say(head,"Tangent races toward infinity.",0.40,smooth);
+    say(caption,"At π/2 the radius is parallel to the tangent line. There is no intersection.",0.50,smooth);
+    pulse(tangentWall,0.70);
+  }
+  cue(whoosh);
+  par {
+    to(alpha,value,1.82,1.10,smooth);
+    say(head,"It does not cross. A new branch begins.",0.40,smooth);
+    say(caption,"Manic leaves the discontinuity empty instead of drawing a false connection.",0.50,smooth);
+  }
+}
+wait(0.65);
+
+step("one rotation reveals every sign") {
+  par {
+    to(alpha,value,3.75,3.10,smooth);
+    say(head,"One angle controls every sign and every value.",0.45,smooth);
+    say(caption,"At 215°: sine and cosine are negative, while tangent is positive.",0.50,smooth);
+  }
+}
+wait(0.70);
+
+step("complete the cycle") {
+  par {
+    to(alpha,value,6.25,4.00,smooth);
+    say(head,"Three graphs. One rotating radius.",0.45,smooth);
+    say(caption,"The unit circle is not a mnemonic—it is the machine generating all three functions.",0.52,smooth);
+  }
+}
+
+step("keep the mathematics running") {
+  par {
+    // No hold between cycles: the angle keeps moving while the camera turns
+    // three stacked diagrams into one continuous cinematic inspection.
+    to(alpha,value,12.53,7.60,linear);
+    fade(alpha,0.30);
+    say(head,"Now let the mathematics keep running.",0.45,smooth);
+    say(caption,"The camera can move because every relationship remains alive.",0.48,smooth);
+    seq {
+      par {
+        cam((cx,row1),1.00,smooth);
+        zoom(1.28,1.00,smooth);
+      }
+      wait(1.00);
+      cam((cx,row2),1.00,smooth);
+      wait(1.00);
+      par {
+        // Aim slightly above the tangent row so its graph, explanation, and
+        // creator identity share the frame instead of leaving a dead lower half.
+        cam((cx,h*0.50),1.00,smooth);
+        zoom(1.24,1.00,smooth);
+      }
+      wait(1.40);
+      par {
+        cam((cx,cy),1.20,smooth);
+        zoom(1.00,1.20,smooth);
+      }
+    }
+  }
+}
+
+step("creator call to action") {
+  par {
+    fade(kicker,0.30); fade(head,0.30); fade(identity,0.30);
+    fade(degrees,0.30); fade(radians,0.30); fade(caption,0.30);
+    fade(alpha,0.30); fade(trigWorld,0.45); fade(me.footer,0.30);
+    show(me.endcard,0.60);
+  }
+}
+wait(2.00);

package/examples/creator-v2-latex-algebra.manic

@@ -0,0 +1,29 @@
+// Creator Kit v2 + LaTeX — square algebra card.
+// Review focus: automatic square reflow, paper styling, compact choices,
+// inline factor notation, and a clean numeric timer.
+title("Creator v2 — LaTeX Algebra");
+canvas("square");
+template("paper");
+watermark(manicMark, (w*0.955-100, h*0.045+24), "Made With Manic");
+
+creator(me, "@anish2good name=Algebra_Studio tagline=Patterns_before_procedures yt=zarigatongy x=@anish2good web=8gwifi.org/manic accent=magenta secondary=cyan footer=compact cta=Try_it_first safe=clean");
+
+quiz(q, `Which expression equals $x^2-5x+6$?`,
+     "studio layout=auto reveal=fade timer=number density=compact motion=calm safe=clean accent=magenta");
+option(q, `$(x-1)(x-6)$`);
+option(q, `$(x-2)(x-3)$`, correct);
+option(q, `$(x+2)(x+3)$`);
+option(q, `$(x-2)(x+3)$`);
+explain(q, `The two numbers multiply to $6$ and add to $-5$.`, "Factor pair: -2 and -3");
+
+equation(eq, (cx, cy), `x^2-5x+6`, 78);
+color(eq, magenta);
+figure(eq);
+hidden(eq);
+
+socials(me);
+
+par {
+  run(q, 10);
+  show(eq, 0.55);
+}

package/examples/creator-v2-latex-calculus.manic

@@ -0,0 +1,37 @@
+// Creator Kit v2 + LaTeX — portrait calculus lesson.
+// Review focus: mixed inline math, a responsive equation figure, explanation,
+// branded footer, progress timer, and the Creator v2 end card.
+title("Creator v2 — LaTeX Calculus");
+canvas("9:16");
+template("shorts");
+watermark(manicMark, (w*0.91-100, h*0.055+24), "Made With Manic");
+
+creator(me, "@anish2good name=Calculus_Lab tagline=One_integral_at_a_time yt=zarigatongy x=@anish2good web=8gwifi.org/manic accent=cyan secondary=magenta footer=signature cta=Save_for_revision safe=shorts");
+
+quiz(q, `Evaluate $\int_0^1 2x\,dx$.`,
+     "studio layout=media-first reveal=rise timer=bar density=comfortable motion=calm safe=shorts accent=cyan");
+option(q, `$0$`);
+option(q, `$\tfrac{1}{2}$`);
+option(q, `$1$`, correct);
+option(q, `$2$`);
+explain(q, `The antiderivative is $x^2$, so $1^2-0^2=1$.`, "Fundamental Theorem of Calculus");
+
+equation(eq, (cx, 650), `\int_0^1 2x\,dx = [x^2]_0^1 = 1`, 76);
+color(eq, cyan);
+figure(eq);
+hidden(eq);
+
+socials(me);
+endcard(me, "cta=Save_for_revision");
+
+par {
+  run(q, 12);
+  show(eq, 0.55);
+}
+par {
+  fade(q.parts, 0.45);
+  fade(eq, 0.45);
+  fade(me.footer, 0.45);
+}
+show(me.endcard, 0.6);
+wait(1.4);

package/examples/creator-v2-latex-physics.manic

@@ -0,0 +1,29 @@
+// Creator Kit v2 + LaTeX — landscape physics explainer.
+// Review focus: automatic widescreen split layout, formula options, equation
+// media, branded footer, and a restrained ring timer.
+title("Creator v2 — LaTeX Physics");
+canvas("16:9");
+template("shorts");
+watermark(manicMark, (w*0.955-100, h*0.045+24), "Made With Manic");
+
+creator(me, "@anish2good name=Physics_Notes tagline=Concepts_in_one_frame yt=zarigatongy x=@anish2good web=8gwifi.org/manic accent=gold secondary=cyan footer=signature cta=Follow_for_more safe=clean");
+
+quiz(q, `A mass $m$ moves at speed $v$. What is its kinetic energy?`,
+     "studio layout=auto reveal=fade timer=ring density=compact motion=studio safe=clean accent=gold");
+option(q, `$mv$`);
+option(q, `$mv^2$`);
+option(q, `$\tfrac{1}{2}mv^2$`, correct);
+option(q, `$2mv^2$`);
+explain(q, `Work changes kinetic energy: $W=\Delta K$.`, "Work–energy theorem");
+
+equation(eq, (cx, cy), `K = \frac{1}{2}mv^2`, 82);
+color(eq, gold);
+figure(eq);
+hidden(eq);
+
+socials(me);
+
+par {
+  run(q, 10);
+  show(eq, 0.55);
+}

package/examples/creator-v2-olympiad-geometry.manic

@@ -0,0 +1,92 @@
+// Creator Kit v2 — olympiad geometry problem.
+//
+// Problem: From an external point P, tangents PA and PB touch a circle with
+// centre O and radius 5. If OP = 13, find the chord length AB.
+//
+// The tangent points are computed by the geo kit. Nothing is eyeballed:
+// tangent-radius perpendicularity, chord AB, and M = AB ∩ OP remain live.
+title("Creator v2 — Olympiad Geometry");
+canvas("9:16");
+template("shorts");
+watermark(manicMark, (w*0.91-100, h*0.055+24), "Made With Manic");
+
+creator(me, "@anish2good name=Geometry_Lab tagline=See_the_hidden_lemma yt=zarigatongy x=@anish2good web=8gwifi.org/manic accent=cyan secondary=magenta footer=signature cta=Pause_then_prove safe=shorts");
+
+quiz(q, `From $P$, $PA$ and $PB$ are tangents to circle $(O)$. If $r=5$ and $OP=13$, find $AB$.`,
+     "studio layout=media-first reveal=rise timer=bar density=compact motion=calm safe=shorts accent=cyan");
+option(q, `$\tfrac{60}{13}$`);
+option(q, `$10$`);
+option(q, `$\tfrac{120}{13}$`, correct);
+option(q, `$12$`);
+explain(q, `Tangent-radius gives $OA\perp PA$, hence $PA=12$. With $M=AB\cap OP$, $\triangle OMA\sim\triangle OAP$, so $AM/5=12/13$ and $AB=120/13$.`);
+
+// Source geometry: 40 px represents one unit, so r = 5 and OP = 13.
+point(O, (430, 560), "O");
+point(R, (430, 360));
+point(P, (950, 560), "P");
+hidden(O); hidden(R); hidden(P);
+
+circle2(circ, O, R);
+color(circ, dim); stroke(circ, 3); untraced(circ);
+
+tangent(t, P, O, R);
+label(t0, "A", (22, -18));
+label(t1, "B", (22, 18));
+color(t0, cyan); color(t1, cyan); hidden(t0); hidden(t1);
+
+segment(pa, P, t0); segment(pb, P, t1);
+color(pa, cyan); color(pb, cyan); stroke(pa, 4); stroke(pb, 4);
+untraced(pa); untraced(pb);
+
+segment(oa, O, t0); segment(ob, O, t1); segment(op, O, P);
+color(oa, dim); color(ob, dim); color(op, fg);
+stroke(oa, 3); stroke(ob, 3); stroke(op, 3);
+untraced(oa); untraced(ob); untraced(op);
+
+segment(chord, t0, t1);
+color(chord, magenta); stroke(chord, 5); untraced(chord);
+
+meet(M, t0, t1, O, P);
+label(M, "M", (-28, 24));
+color(M, lime); hidden(M);
+
+rightangle(raA, O, t0, P); rightangle(raB, O, t1, P);
+color(raA, lime); color(raB, lime); hidden(raA); hidden(raB);
+
+text(r5, (390, 455), "5"); color(r5, fg); size(r5, 30); hidden(r5);
+text(op13, (690, 595), "13"); color(op13, fg); size(op13, 30); hidden(op13);
+
+// Every source and dependent entity is included so figure() can safely reflow
+// the construction into the responsive media region.
+tag(O, fig); tag(R, fig); tag(P, fig); tag(circ, fig);
+tag(t0, fig); tag(t1, fig); tag(pa, fig); tag(pb, fig);
+tag(oa, fig); tag(ob, fig); tag(op, fig); tag(chord, fig);
+tag(M, fig); tag(raA, fig); tag(raB, fig); tag(r5, fig); tag(op13, fig);
+figure(fig);
+
+socials(me);
+endcard(me, "cta=Pause_then_prove");
+
+par {
+  run(q, 14);
+  seq {
+    wait(1.3);
+    par { show(O, 0.25); show(P, 0.25); }
+    draw(circ, 0.7);
+    draw(op, 0.45);
+    par { draw(pa, 0.7); draw(pb, 0.7); }
+    par { show(t0, 0.25); show(t1, 0.25); }
+    par { draw(oa, 0.45); draw(ob, 0.45); }
+    par { show(raA, 0.3); show(raB, 0.3); }
+    draw(chord, 0.5);
+    par { show(M, 0.25); show(r5, 0.25); show(op13, 0.25); }
+  }
+}
+
+par {
+  fade(q.parts, 0.45);
+  fade(fig, 0.45);
+  fade(me.footer, 0.45);
+}
+show(me.endcard, 0.6);
+wait(1.4);

package/examples/creator-v2-options-socials.manic

@@ -0,0 +1,21 @@
+// Creator v2.4 review scene: question hierarchy, A/B/C/D answer cards,
+// uniform correct-state spacing, and asset-free native social identities.
+title("Creator v2.4 — Options + Socials");
+canvas("9:16");
+template("mono");
+watermark(manicMark, (w*0.895-100, h*0.075+24), "Made With Manic");
+
+creator(me, "@anish2good name=Olympiad_Minute yt=zarigatongy x=@anish2good web=8gwifi.org/manic footer=social accent=cyan safe=reels");
+
+quiz(q, `In cyclic quadrilateral $ABCD$, $\angle A=68^\circ$. What is $\angle C$?`,
+     "studio labels=letters layout=auto density=comfortable motion=calm safe=reels accent=cyan");
+option(q, `$68^\circ$`);
+option(q, `$102^\circ$`);
+option(q, `$112^\circ$`, correct);
+option(q, `$122^\circ$`);
+
+timing(q, "balanced ask=1.2 options=1 think=4.8 reveal=0.8 hold=2.2 stagger=0.06");
+timerstyle(q, "look=bar position=below number=outside direction=drain color=cyan track=dim label=THINK finish=pulse");
+
+socials(me);
+run(q);

package/examples/creator-v2-timers.manic

@@ -0,0 +1,25 @@
+// Timing v2 look gallery — every timer uses the same six-second behaviour.
+// All visuals are native manic primitives: scalable, theme-aware and animated.
+title("Creator Timing v2 — Native Looks");
+canvas("16:9");
+template("shorts");
+watermark(manicMark, (w*0.955-100, h*0.045+24), "Made With Manic");
+
+text(head, (cx, 70), "TIMING V2 — CHOOSE THE LOOK");
+size(head, 34); bold(head); color(head, fg);
+
+countdown(ring,     (220, 245), 6, "ring size=small color=cyan label=RING finish=hold");
+countdown(bar,      (640, 245), 6, "bar size=small color=magenta number=outside label=BAR finish=hold");
+countdown(number,  (1060, 245), 6, "number size=large font=display color=gold label=NUMBER finish=hold");
+countdown(segments, (220, 520), 6, "segments size=small color=lime label=SEGMENTS finish=hold");
+countdown(ticks,    (640, 520), 6, "ticks size=small direction=fill color=cyan label=TICKS finish=hold");
+countdown(pulse,   (1060, 520), 6, "pulse size=small font=display color=magenta label=PULSE finish=hold");
+
+par {
+  run(ring, 6);
+  run(bar, 6);
+  run(number, 6);
+  run(segments, 6);
+  run(ticks, 6);
+  run(pulse, 6);
+}

package/examples/creator-v2-timing-square.manic

@@ -0,0 +1,25 @@
+// Creator Timing v2 — square preset scaling and responsive timer placement.
+title("Creator Timing v2 — Square");
+canvas("1:1");
+template("shorts");
+watermark(manicMark, (w*0.955-100, h*0.045+24), "Made With Manic");
+
+creator(me, "@anish2good name=Proof_Minute tagline=See_the_pattern yt=zarigatongy x=@anish2good web=8gwifi.org/manic accent=cyan secondary=gold footer=compact cta=Save_this safe=clean");
+
+quiz(q, `If $x+1/x=3$, find $x^2+1/x^2$`,
+     "glass layout=grid density=comfortable motion=studio pace=dramatic accent=cyan");
+option(q, `$5$`);
+option(q, `$7$`, correct);
+option(q, `$9$`);
+option(q, `$11$`);
+explain(q, `Square the given relation: $x^2+2+\frac{1}{x^2}=9$.`);
+
+equation(clue, (cx, cy), `\left(x+\frac1x\right)^2`, 72);
+color(clue, cyan); figure(clue);
+
+// The timer fills clockwise below the header. The dramatic preset is scaled
+// proportionally to a compact eight-second feed clip by run(q, 8).
+timerstyle(q, "look=ticks position=below number=inside direction=fill size=small thickness=1.1 color=cyan track=dim label=SOLVE font=mono finish=flash");
+
+socials(me);
+run(q, 8);

package/examples/creator-v2-timing.manic

@@ -0,0 +1,34 @@
+// Creator Timing v2 — independent choreography and timer presentation.
+// `timing` controls WHEN each beat happens; `timerstyle` controls how the
+// countdown looks. With explicit phases, call run(q) without a second duration.
+title("Creator Timing v2");
+canvas("9:16");
+template("shorts");
+watermark(manicMark, (w*0.91-100, h*0.055+24), "Made With Manic");
+
+creator(me, "@anish2good name=Number_Lab tagline=Pause_predict_prove yt=zarigatongy x=@anish2good web=8gwifi.org/manic accent=magenta secondary=cyan footer=signature cta=Try_the_next_one safe=shorts");
+
+quiz(q, `Which number is equal to $2^5$?`,
+     "studio layout=media-first reveal=rise density=comfortable motion=calm safe=shorts accent=magenta");
+option(q, `$10$`);
+option(q, `$16$`);
+option(q, `$32$`, correct);
+option(q, `$64$`);
+explain(q, `$2^5=2\times2\times2\times2\times2=32$.`);
+
+equation(eq, (cx, 650), `2^5 = 2\times2\times2\times2\times2`, 72);
+color(eq, magenta); figure(eq); hidden(eq);
+
+// Absolute phases: 1.2s question, 1.1s answers, 6s thinking, 0.8s reveal,
+// then a 2.2s answer hold. The total is derived automatically by run(q).
+timing(q, "calm ask=1.2 options=1.1 think=6 reveal=0.8 hold=2.2 stagger=0.07");
+
+// A creative segmented timer in the media corner. Change only this line to
+// ring/bar/number/ticks/pulse/none without changing the choreography.
+timerstyle(q, "look=segments position=below number=outside direction=drain size=large thickness=1.2 color=magenta track=dim label=THINK font=display finish=pulse");
+
+socials(me);
+par {
+  run(q);
+  show(eq, 0.55);
+}