[{"data":1,"prerenderedAt":848},["ShallowReactive",2],{"docs-index":3},[4,818],{"id":5,"title":6,"body":7,"description":809,"extension":810,"meta":811,"navigation":812,"path":813,"seo":814,"sitemap":815,"stem":816,"__hash__":817},"docs\u002Fdocs\u002Fgetting-started.md","Getting Started",{"type":8,"value":9,"toc":786},"minimark",[10,14,26,29,34,37,39,44,56,129,133,170,174,181,220,230,234,249,253,259,262,285,306,324,331,335,338,353,368,372,379,383,389,392,406,413,417,428,440,444,458,462,476,481,604,608,674,677,726,730],[11,12,6],"h1",{"id":13},"getting-started",[15,16,17,18,25],"p",{},"This is a very barebones WIP tutorial, if you have any questions, feel free to join our ",[19,20,24],"a",{"href":21,"rel":22},"https:\u002F\u002Fdiscord.gg\u002FMXWb4W92ZH",[23],"nofollow","Discord","!",[15,27,28],{},"Everything is subject to change, and sorry that it looks ugly.",[15,30,31],{},[32,33],"br",{},[35,36],"hr",{},[32,38],{},[40,41,43],"h2",{"id":42},"add-things","Add things",[15,45,46,47,51,52,55],{},"Everything on a slide is a ",[48,49,50],"strong",{},"node",". Click ",[48,53,54],{},"New node"," at the top of the Hierarchy.",[57,58,59,72],"table",{},[60,61,62],"thead",{},[63,64,65,69],"tr",{},[66,67,68],"th",{},"Node",[66,70,71],{},"What it is",[73,74,75,84,92,100,108,116],"tbody",{},[63,76,77,81],{},[78,79,80],"td",{},"Text",[78,82,83],{},"Words. Double-click to edit.",[63,85,86,89],{},[78,87,88],{},"Image",[78,90,91],{},"A picture from your assets.",[63,93,94,97],{},[78,95,96],{},"Shape",[78,98,99],{},"A rectangle, ellipse, line or polygon.",[63,101,102,105],{},[78,103,104],{},"Code Block",[78,106,107],{},"Code with colours.",[63,109,110,113],{},[78,111,112],{},"Group",[78,114,115],{},"A box that holds other nodes.",[63,117,118,121],{},[78,119,120],{},"3D Canvas",[78,122,123,124,128],{},"A 3D scene. See ",[19,125,127],{"href":126},"#3d","3D",".",[40,130,132],{"id":131},"move-things","Move things",[134,135,136,147,153,163],"ul",{},[137,138,139,142,143,146],"li",{},[48,140,141],{},"Click"," to select. ",[48,144,145],{},"Shift + click"," to select more.",[137,148,149,152],{},[48,150,151],{},"Drag"," to move. Things snap into line.",[137,154,155,158,159,162],{},[48,156,157],{},"Drag a corner"," to resize. ",[48,160,161],{},"Ctrl + drag"," a corner to rotate.",[137,164,165,166,169],{},"Select a few nodes to ",[48,167,168],{},"align"," them.",[40,171,173],{"id":172},"change-how-things-look","Change how things look",[15,175,176,177,180],{},"Select a node and use ",[48,178,179],{},"Properties",":",[134,182,183,189,204,210,215],{},[137,184,185,188],{},[48,186,187],{},"Transform",": position and size",[137,190,191,194,195,199,200,203],{},[48,192,193],{},"Layout",": ",[196,197,198],"code",{},"free"," or ",[196,201,202],{},"grid",", plus background",[137,205,206,209],{},[48,207,208],{},"Typography",": font, size, colour",[137,211,212,214],{},[48,213,96],{},": kind, fill, outline",[137,216,217,219],{},[48,218,88],{},": picture and fit",[15,221,222,225,226,229],{},[48,223,224],{},"Animation"," and ",[48,227,228],{},"Event"," are extras. Add them from Properties.",[40,231,233],{"id":232},"draw-shapes","Draw shapes",[15,235,236,237,240,241,244,245,248],{},"Press ",[48,238,239],{},"P"," for the Pen and click to place points. Press ",[48,242,243],{},"Enter"," to finish. Press ",[48,246,247],{},"A"," to move points later.",[40,250,252],{"id":251},"assets","Assets",[15,254,255,256,258],{},"Open ",[48,257,252],{}," from the rail and drop files in. Then drag an asset onto the slide.",[40,260,127],{"id":261},"_3d",[263,264,265,271,278],"ol",{},[137,266,267,268,270],{},"Add a ",[48,269,120],{},". It comes with a camera and a background.",[137,272,273,274,277],{},"Drag a 3D model from Assets onto it, or add a ",[48,275,276],{},"3D Object"," inside it.",[137,279,280,281,284],{},"Select the object and drag it around, or use its ",[48,282,283],{},"transform"," (position, rotation, scale).",[15,286,287,288,291,292,295,296,295,299,295,302,305],{},"On a 3D Object, ",[48,289,290],{},"model"," picks the shape: ",[196,293,294],{},"box",", ",[196,297,298],{},"sphere",[196,300,301],{},"icosahedron",[196,303,304],{},"triangle",", or your own model. You can also set its colour and a picture as its texture.",[15,307,308,309,295,312,295,315,295,318,199,321,128],{},"Models can be ",[196,310,311],{},".glb",[196,313,314],{},".gltf",[196,316,317],{},".fbx",[196,319,320],{},".obj",[196,322,323],{},".stl",[15,325,326,327,330],{},"Move the ",[48,328,329],{},"camera"," on the 3D Canvas to change the view.",[40,332,334],{"id":333},"variables","Variables",[15,336,337],{},"Save a value once, use it everywhere.",[263,339,340,346],{},[137,341,342,343,128],{},"Add a variable in ",[48,344,345],{},"Base → variables",[137,347,348,349,352],{},"Type ",[196,350,351],{},"{{ name }}"," to use it.",[15,354,355,356,295,359,295,362,295,365,128],{},"Built in: ",[196,357,358],{},"{{ slides.index }}",[196,360,361],{},"{{ slides.count }}",[196,363,364],{},"{{ deck.title }}",[196,366,367],{},"{{ date }}",[40,369,371],{"id":370},"shared-nodes","Shared nodes",[15,373,374,375,378],{},"Same logo on every slide? Give the nodes the same name in ",[48,376,377],{},"Base → reference",". They now stay in sync.",[40,380,382],{"id":381},"states","States",[15,384,385,386,128],{},"A state is another look for a node, like \"big\". Add one in ",[48,387,388],{},"Base → states",[40,390,224],{"id":391},"animation",[263,393,394,400,403],{},[137,395,396,397,399],{},"Add ",[48,398,224],{}," to a node.",[137,401,402],{},"Move the playhead.",[137,404,405],{},"Change something. Quartz saves a key.",[15,407,408,409,412],{},"Press play to watch. Set ",[48,410,411],{},"loop"," to repeat.",[40,414,416],{"id":415},"events","Events",[15,418,396,419,421,422,225,425,128],{},[48,420,228],{},", then pick ",[48,423,424],{},"on",[48,426,427],{},"do",[134,429,430,435],{},[137,431,432,434],{},[48,433,424],{},": click, hover, key, enter (slide opens)",[137,436,437,439],{},[48,438,427],{},": setState, toggleState, animate, seek, nextSlide, prevSlide, goToSlide",[40,441,443],{"id":442},"present","Present",[15,445,446,447,450,451,454,455,128],{},"Click the ",[48,448,449],{},"run"," button at the top, then ",[48,452,453],{},"Confirm"," under ",[48,456,457],{},"Local",[40,459,461],{"id":460},"keyboard-shortcuts","Keyboard shortcuts",[15,463,464,467,468,471,472,475],{},[48,465,466],{},"Mod"," is ",[48,469,470],{},"Ctrl"," on Windows, ",[48,473,474],{},"Cmd"," on Mac.",[477,478,480],"h3",{"id":479},"editor","Editor",[57,482,483,493],{},[60,484,485],{},[63,486,487,490],{},[66,488,489],{},"Shortcut",[66,491,492],{},"What it does",[73,494,495,503,511,519,527,535,543,550,558,566,574,582,590,597],{},[63,496,497,500],{},[78,498,499],{},"Mod + K",[78,501,502],{},"Command palette",[63,504,505,508],{},[78,506,507],{},"Mod + Z",[78,509,510],{},"Undo",[63,512,513,516],{},[78,514,515],{},"Mod + Shift + Z \u002F Mod + Y",[78,517,518],{},"Redo",[63,520,521,524],{},[78,522,523],{},"Mod + A",[78,525,526],{},"Select all",[63,528,529,532],{},[78,530,531],{},"Mod + C \u002F X \u002F V",[78,533,534],{},"Copy \u002F cut \u002F paste",[63,536,537,540],{},[78,538,539],{},"Mod + D",[78,541,542],{},"Duplicate",[63,544,545,548],{},[78,546,547],{},"Mod + G",[78,549,112],{},[63,551,552,555],{},[78,553,554],{},"Mod + Shift + G",[78,556,557],{},"Ungroup",[63,559,560,563],{},[78,561,562],{},"Mod + Shift + L",[78,564,565],{},"Lock \u002F unlock",[63,567,568,571],{},[78,569,570],{},"Backspace \u002F Delete",[78,572,573],{},"Delete",[63,575,576,579],{},[78,577,578],{},"Esc",[78,580,581],{},"Deselect",[63,583,584,587],{},[78,585,586],{},"← \u002F →",[78,588,589],{},"Previous \u002F next slide",[63,591,592,594],{},[78,593,239],{},[78,595,596],{},"Pen",[63,598,599,601],{},[78,600,247],{},[78,602,603],{},"Point",[477,605,607],{"id":606},"canvas","Canvas",[57,609,610,618],{},[60,611,612],{},[63,613,614,616],{},[66,615,489],{},[66,617,492],{},[73,619,620,628,636,643,651,659,667],{},[63,621,622,625],{},[78,623,624],{},"Arrows",[78,626,627],{},"Nudge by 1",[63,629,630,633],{},[78,631,632],{},"Shift + arrows",[78,634,635],{},"Nudge by 10",[63,637,638,640],{},[78,639,145],{},[78,641,642],{},"Add to selection",[63,644,645,648],{},[78,646,647],{},"Shift + drag corner",[78,649,650],{},"Resize, keep shape",[63,652,653,656],{},[78,654,655],{},"Ctrl + drag corner",[78,657,658],{},"Rotate",[63,660,661,664],{},[78,662,663],{},"Double-click text",[78,665,666],{},"Edit text",[63,668,669,671],{},[78,670,578],{},[78,672,673],{},"Stop editing text",[477,675,596],{"id":676},"pen",[57,678,679,687],{},[60,680,681],{},[63,682,683,685],{},[66,684,489],{},[66,686,492],{},[73,688,689,696,703,711,719],{},[63,690,691,693],{},[78,692,243],{},[78,694,695],{},"Finish shape",[63,697,698,700],{},[78,699,578],{},[78,701,702],{},"Finish, or leave Pen",[63,704,705,708],{},[78,706,707],{},"Shift + drag",[78,709,710],{},"Straight lines",[63,712,713,716],{},[78,714,715],{},"Alt + drag handle",[78,717,718],{},"Bend one side",[63,720,721,723],{},[78,722,570],{},[78,724,725],{},"Delete points",[477,727,729],{"id":728},"lists-and-panels","Lists and panels",[57,731,732,740],{},[60,733,734],{},[63,735,736,738],{},[66,737,489],{},[66,739,492],{},[73,741,742,750,757,764,771,778],{},[63,743,744,747],{},[78,745,746],{},"↑ \u002F ↓",[78,748,749],{},"Move up \u002F down",[63,751,752,754],{},[78,753,586],{},[78,755,756],{},"Close \u002F open a group (Hierarchy)",[63,758,759,761],{},[78,760,243],{},[78,762,763],{},"Pick",[63,765,766,768],{},[78,767,578],{},[78,769,770],{},"Leave",[63,772,773,775],{},[78,774,145],{},[78,776,777],{},"Select a range (Hierarchy)",[63,779,780,783],{},[78,781,782],{},"Shift + ← \u002F →",[78,784,785],{},"Move playhead 1s (0.1s without Shift)",{"title":787,"searchDepth":788,"depth":788,"links":789},"",2,[790,791,792,793,794,795,796,797,798,799,800,801,802],{"id":42,"depth":788,"text":43},{"id":131,"depth":788,"text":132},{"id":172,"depth":788,"text":173},{"id":232,"depth":788,"text":233},{"id":251,"depth":788,"text":252},{"id":261,"depth":788,"text":127},{"id":333,"depth":788,"text":334},{"id":370,"depth":788,"text":371},{"id":381,"depth":788,"text":382},{"id":391,"depth":788,"text":224},{"id":415,"depth":788,"text":416},{"id":442,"depth":788,"text":443},{"id":460,"depth":788,"text":461,"children":803},[804,806,807,808],{"id":479,"depth":805,"text":480},3,{"id":606,"depth":805,"text":607},{"id":676,"depth":805,"text":596},{"id":728,"depth":805,"text":729},"This is a very barebones WIP tutorial, if you have any questions, feel free to join our Discord!","md",{},true,"\u002Fdocs\u002Fgetting-started",{"title":6,"description":809},{"loc":813},"docs\u002Fgetting-started","Xcqejy5trB7df-aj_kNlrRw6G3KbhMYIfw4d0eTRPns",{"id":819,"title":820,"body":821,"description":787,"extension":810,"meta":842,"navigation":812,"path":843,"seo":844,"sitemap":845,"stem":846,"__hash__":847},"docs\u002Fdocs\u002Fmermaid.md","Row\u003CNumber>",{"type":8,"value":822,"toc":840},[823,828,832,834,836],[11,824,826],{"id":825},"rownumber",[196,827,820],{},[15,829,830],{},[32,831],{},[35,833],{},[32,835],{},[837,838,839],"mermaid",{},"\nclassDiagram\n  class Row~Number~ {\n    +string name\n    +Field field?\n    +Object~boolean, Field[]~ isMultiple?\n    +update()\n  }\n  class Field~Number~ {\n    +string label\n    +number value\n    +number min?\n    +number max?\n    +number step?\n    +emit(\"update:value\", label, value)\n  }\n  Row~T~ \"1\" *-- \"1..*\" Field~T~\n",{"title":787,"searchDepth":788,"depth":788,"links":841},[],{},"\u002Fdocs\u002Fmermaid",{"title":820,"description":787},null,"docs\u002Fmermaid","oiLtHCF7_LLXtURWA9KqTAEM4SFEWr0lmQm-I0yDhns",1790431578683]