CognisArk · Object-Oriented Whiteboard Animation Studio

Sequence Script

DSL / AI

AI Instruction

// Educational QA demo (~30s): titles card → host → bullets → table → charts → assets → close
// Subtitles ON → keep drawable y+h ≤ 0.82 · Format 16:9 · 1080p
// Full-canvas titles() cards own their background; tables/charts are centered; assets use default_size
Set format = 16:9
Set resolution = 1080p
Set duration = 30
Set end_pad = 1
Set subtitles = on
Set background = backgrounds(16-9, "solid1")
Set glyphs:default = sfx.scratch
Set camera.zoom(at=0, zoom=1.0, duration=0)

// --- 0–3.5s: Full-canvas titles card (own BG + track exit + clip outro) ---
titles("open").create(0.0),title("Whiteboard Studio", font="Righteous", style=bold, color="#FFF8E7", bkg="#14524E", border="#0A2F2C", size=56),subtitle("Educational demo · 30 seconds", font="Poppins", style=normal, color="#E8F0F4", bkg="transparent", border="none", size=26),background(gradient, direction=vertical, "#071221", "#14524E"),enter(fade, 0.6),outro(fade_to_black, 0.7)
titles("open").exit(at=3.0, fade, 0.5)

// --- 3.5–5.5s: Host intro ---
text("A 30-second feature tour").create(0.15, 0.18, 3.6),style(font="Poppins", size=28, weight=600, color="#14524E", align="center"),size(0.70,0.07),enter(write,0.7)
objects("char1").create(0.36, 0.28, 4.0),pose("waving"),enter(draw,0.9)
sfx("pop").at(4.8)
text("A 30-second feature tour").exit(at=5.4, fade, 0.3)
objects("char1").exit(at=5.4, fade, 0.3)

// --- 5.5–11s: Agenda bullets ---
text("What you will learn").create(0.15, 0.07, 5.6),style(font="Righteous", size=36, weight=400, color="#FFF8E7", background="#14524E", padding=10, radius=12, align="center"),size(0.70,0.09),enter(fade,0.4)
text("1. Dynamic tables for structured content").create(0.12, 0.18, 5.8),style(font="Poppins", size=26, weight=600, color="#14524E", align="left"),size(0.64,0.07),enter(write,0.5)
text("2. Professional charts from script alone").create(0.12, 0.30, 6.6),style(font="Poppins", size=26, weight=600, color="#14524E", align="left"),size(0.64,0.07),enter(write,0.5)
text("3. Glyphs, characters, props, and hands").create(0.12, 0.42, 7.4),style(font="Poppins", size=26, weight=600, color="#14524E", align="left"),size(0.64,0.07),enter(write,0.5)
glyphs("checkmark").create(0.82, 0.18, 6.2),enter(draw,0.6),sfx(on),size(0.08,0.08)
glyphs("star").create(0.82, 0.30, 7.0),enter(draw,0.6),sfx(on),size(0.08,0.08)
glyphs("lightbulb").create(0.82, 0.42, 7.8),enter(draw,0.6),sfx(on),size(0.08,0.08)
sfx("pop").at(8.6)
text("What you will learn").exit(at=10.4, fade, 0.4)
text("1. Dynamic tables for structured content").exit(at=10.4, fade, 0.4)
text("2. Professional charts from script alone").exit(at=10.4, fade, 0.4)
text("3. Glyphs, characters, props, and hands").exit(at=10.4, fade, 0.4)
glyphs("checkmark").exit(at=10.4, fade, 0.4)
glyphs("star").exit(at=10.4, fade, 0.4)
glyphs("lightbulb").exit(at=10.4, fade, 0.4)

// --- 11–16.5s: Centered dynamic table ---
text("Tables organize the lesson").create(0.15, 0.07, 10.9),style(font="Righteous", size=30, weight=400, color="#FFF8E7", background="#14524E", padding=8, radius=10, align="center"),size(0.70,0.09),enter(fade,0.35)
tables("sprint").create(0.1, 0.18, 11.4),title("Sprint Board"),cols(["Topic","Owner","Status"]),rows([["Script DSL","Max","Done"],["Tables","AI","Done"],["Charts","Sam","Now"],["Hands & SFX","Lee","Done"],["Subtitles","Team","On"]]),style(size=20, font="Poppins", weight=600, color="#14524E", header_bkg="#14524E", header_color="#FFF8E7", cell_bkg="#FFFCF5", border="#14524E", title_size=26, title_color="#14524E", padding=6, align="center"),size(0.8,0.48),enter(fade,0.7)
sfx("pop").at(12.2)
text("Tables organize the lesson").exit(at=15.9, fade, 0.35)
tables("sprint").exit(at=15.9, fade, 0.4)

// --- 16.5–22s: Centered grouped bar chart ---
text("Charts tell the story").create(0.15, 0.07, 16.4),style(font="Righteous", size=30, weight=400, color="#FFF8E7", background="#14524E", padding=8, radius=10, align="center"),size(0.70,0.09),enter(fade,0.35)
graphics("arr").create(0.1, 0.18, 16.9),title("ARR by segment ($M)"),type(grouped_bars),orient(vertical),cats(["Q1","Q2","Q3","Q4"]),series([["Enterprise",4.2,5.1,5.8,6.4,"#3D7EFF"],["SMB",2.1,2.4,2.9,3.3,"#2DD4BF"]]),legend(on),axes(on),grid(on),values(on),x_label("Quarter"),y_label("$M"),size(0.8,0.52),style(size=14, font="Poppins", weight=600, title_size=24, title_color="#14524E", panel="#FFFCF5", axis="#14524E", grid="#D7DEE3", legend_color="#14524E", border="#14524E"),enter(fade,0.8)
sfx("pop").at(17.8)
text("Charts tell the story").exit(at=21.5, fade, 0.35)
graphics("arr").exit(at=21.5, fade, 0.4)

// --- 22–25.5s: Centered pie chart (legend = categories) ---
text("Share of focus").create(0.15, 0.07, 22.0),style(font="Righteous", size=30, weight=400, color="#FFF8E7", background="#14524E", padding=8, radius=10, align="center"),size(0.70,0.09),enter(fade,0.3)
graphics("share").create(0.1, 0.18, 22.4),title("Lesson mix"),type(pie),cats(["Tables","Charts","Assets"]),series([["Share",35,40,25]]),legend(on),values(on),axes(off),grid(off),size(0.8,0.52),style(size=16, font="Poppins", weight=600, title_size=24, title_color="#14524E", panel="#FFFCF5", legend_color="#14524E", border="#14524E"),enter(fade,0.7)
text("Share of focus").exit(at=25.2, fade, 0.3)
graphics("share").exit(at=25.2, fade, 0.35)

// --- 25.5–28.5s: Asset cast (default_size proportions; markers→glyphs, pointing→props) ---
text("Cast: character · prop · glyphs").create(0.08, 0.07, 25.6),style(font="Righteous", size=28, weight=400, color="#FFF8E7", background="#14524E", padding=8, radius=10, align="center"),size(0.84,0.09),enter(fade,0.35)
objects("char2").create(0.08, 0.22, 25.8),pose("waving"),enter(draw,0.7)
props("books").create(0.42, 0.30, 26.2),enter(draw,0.7)
glyphs("clock").create(0.64, 0.32, 26.8),enter(draw,0.7),sfx(on),default_size(0.12)
glyphs("arrow_right").create(0.80, 0.36, 27.4),enter(draw,0.6),sfx(on),default_size(0.10)
sfx("pop").at(28.0)
text("Cast: character · prop · glyphs").exit(at=28.4, fade, 0.3)
objects("char2").exit(at=28.4, fade, 0.3)
props("books").exit(at=28.4, fade, 0.3)
glyphs("clock").exit(at=28.4, fade, 0.3)
glyphs("arrow_right").exit(at=28.4, fade, 0.3)

// --- 28.8–30s: Close ---
text("Script it. Preview it. Export it.").create(0.12, 0.38, 28.8),style(font="Poppins", size=28, weight=700, color="#14524E", background="#FFFCF5", padding=10, radius=12, align="center"),size(0.76,0.10),enter(fade,0.4)
Set camera.zoom(at=28.9, zoom=1.05, duration=0.8)
hands("marker_black").style()

NOT COMPILED — preview may be out of date

Ready

Snippets

Audit

Compile to see asset refs, warnings, and GPU compatibility.

0.0s

Format Resolution Subtitles 1920×1080

Sequence Script

Snippets

Audit

OO Assets

Render

Asset details