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