1"use strict";(globalThis.webpackChunk_cartwhl_docs=globalThis.webpackChunk_cartwhl_docs||[]).push([[4583],{720(e,t,a){a.r(t),a.d(t,{default:()=>n});var i=a(6279),r=a(1215),s=a(2422),o=a(1085);function n(){const{siteConfig:e}=(0,r.A)();return(0,o.jsx)(s.A,{title:`${e.title} documentation`,description:"Cartwheel is a generative motion platform for games, film & TV, advertising, and robotics.",children:(0,o.jsxs)("main",{className:"container flex flex-col gap-12 px-6 pb-12 pt-12 lg:px-2",children:[(0,o.jsxs)("div",{className:"grid grid-cols-1 items-center gap-6 lg:grid-cols-3",children:[(0,o.jsxs)("div",{className:"flex flex-1 flex-col justify-center",children:[(0,o.jsx)("span",{className:"text-gray-60 dark:text-gray-45 mb-2 font-medium",children:"Getting Started"}),(0,o.jsx)("h2",{className:"text-gray-90 font-display relative z-[1] mb-1.5 max-w-[288px] text-[32px] font-bold dark:text-white",children:"Creating your first motion"}),(0,o.jsx)("p",{className:"text-gray-60 dark:text-gray-45 mb-1 tracking-tight",children:"Leran how to create your first motion quickly and accurately using video to motion."}),(0,o.jsx)(i.A,{href:"/docs/getting-started/introduction",className:"text-d-medium font-display text-brand-green transition-color font-bold leading-tight hover:text-[#65F157]",children:"Learn more"})]}),(0,o.jsx)(i.A,{href:"/docs/getting-started/introduction",className:"hover:shadow-menu w-full overflow-hidden rounded-2xl transition-shadow lg:col-span-2",children:(0,o.jsx)(d,{src:"/img/index/video_to_motion.jpg",mobileSrc:"/img/index/video_to_motion.jpg",alt:"",className:"w-full"})})]}),(0,o.jsxs)("div",{className:"grid grid-cols-1 items-center gap-6 lg:grid-cols-3",children:[(0,o.jsx)(i.A,{href:"/docs/posing-characters/introduction",className:"hover:shadow-menu w-full overflow-hidden rounded-2xl transition-shadow lg:col-span-2",children:(0,o.jsx)(d,{src:"/img/index/pose_mode.png",mobileSrc:"/img/index/pose_mode.png",alt:"",className:"w-full"})}),(0,o.jsxs)("div",{className:"flex flex-1 flex-col justify-center",children:[(0,o.jsx)("span",{className:"text-gray-60 dark:text-gray-45 mb-2 font-medium",children:"Character posing"}),(0,o.jsx)("h2",{className:"text-gray-90 font-display relative z-[1] mb-1.5 max-w-[288px] text-[32px] font-bold dark:text-white",children:"Posing and rendering characters"}),(0,o.jsx)("p",{className:"text-gray-60 dark:text-gray-45 mb-1 tracking-tight",children:"Lean how to pose characters and render them as images in any visual style."}),(0,o.jsx)(i.A,{href:"/docs/posing-characters/introduction",className:"text-d-medium font-display text-brand-green transition-color font-bold leading-tight hover:text-[#65F157]",children:"Learn more"})]})]}),(0,o.jsxs)("div",{children:[(0,o.jsx)("div",{className:"text-gray-60 dark:text-gray-45 mb-4 ml-1.5 font-medium",children:"Downloading & Uploading"}),(0,o.jsxs)("div",{className:"grid grid-cols-1 gap-6 lg:grid-cols-2",children:[(0,o.jsxs)(i.A,{className:"hover:shadow-menu relative z-[0] aspect-[10/11] overflow-hidden rounded-2xl bg-[#ECF4FF] px-6 py-6 transition-shadow sm:aspect-[10/8] md:aspect-[507/285] md:h-auto md:px-8",href:"/docs/integrating-cartwheel/download-formats",children:[(0,o.jsx)("h2",{className:"text-gray-90 font-display relative z-[1] mb-1.5 max-w-[288px] text-[24px] font-bold",children:"Downloading animations"}),(0,o.jsx)("p",{className:"text-gray-60 dark:text-gray-45 relative z-[1] max-w-[270px] leading-[22px] tracking-tighter",children:"Download your animation, get to know the file formats and what you need to bring files into your projects."}),(0,o.jsx)(d,{src:"/img/index/downloading.png",mobileSrc:"/img/index/downloading-mobile.png",className:"absolute bottom-0 left-0 z-[0]",alt:"",breakpoint:"768px"})]}),(0,o.jsxs)(i.A,{className:"hover:shadow-menu relative z-[0] h-[330px] overflow-hidden rounded-2xl bg-[#EFE5FF] px-6 py-6 transition-shadow md:aspect-[507/285] md:h-auto md:px-8",href:"/docs/custom-characters/upload",children:[(0,o.jsx)("h2",{className:"text-gray-90 font-display relative z-[1] mb-1.5 max-w-[288px] text-[24px] font-bold",children:"Uploading your own character"}
1),(0,o.jsx)("p",{className:"text-gray-60 dark:text-gray-45 relative z-[1] max-w-[270px] leading-[22px] tracking-tighter",children:"Learn about the file formats we support and how to ensure you custom character uploads to Cartwheel properly."}),(0,o.jsx)(d,{src:"/img/index/uploading.png",mobileSrc:"/img/index/uploading-mobile.png",className:"absolute bottom-0 left-0 z-[0]",alt:"",breakpoint:"768px"})]})]})]}),(0,o.jsxs)("div",{children:[(0,o.jsx)("div",{className:"text-gray-60 dark:text-gray-45 mb-4 ml-1.5 font-medium",children:"More topics"}),(0,o.jsxs)("div",{className:"grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3",children:[(0,o.jsx)(l,{title:"Favoriting & finding motions",description:"Learn about favoriting and where to find previous generations.",imageUrl:"/img/index/favoriting.png",href:"/docs/creating-motion/favoriting-motion"}),(0,o.jsx)(l,{title:"Cartwheel settings & UI",description:"We offer diverse settings for managing your character, the environment, playback settings, and more. Learn how to customize your Cartwheel experience.",imageUrl:"/img/index/settings.png",href:"/docs/getting-started/interface-overview"}),(0,o.jsx)(l,{title:"Integrating Cartwheel",description:"Want to see how Cartwheel can fit into your pipeline? Here are some default motions you can download to try before signing up!",imageUrl:"/img/index/integrating-cartwheel.png",href:"/docs/integrating-cartwheel/integration"})]})]})]})})}function l({title:e,description:t,imageUrl:a,href:r}){return(0,o.jsxs)(i.A,{href:r,className:"group",children:[a?(0,o.jsx)("img",{src:a,className:"group-hover:shadow-menu aspect-[330/186] w-full rounded-2xl transition-shadow"}):(0,o.jsx)("div",{className:"bg-gray-30 group-hover:shadow-menu aspect-[330/186] rounded-2xl transition-shadow"}),(0,o.jsx)("p",{className:"group-hover:text-gray-90 mb-3 mt-4 max-w-[320px] text-[18px] font-bold group-hover:dark:text-white",children:e}),(0,o.jsx)("p",{className:"text-gray-60 dark:text-gray-45 max-w-[320px] tracking-tight",children:t})]})}function d({src:e,mobileSrc:t,alt:a,className:i,breakpoint:r="1024px"}){return(0,o.jsxs)("picture",{children:[(0,o.jsx)("source",{srcSet:e,media:`(min-width: ${r})`}),(0,o.jsx)("img",{src:t,alt:a,className:i})]})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.