(window.webpackJsonp=window.webpackJsonp||[]).push([[25],{76:function(e,t,n){"use strict";n.r(t),n.d(t,"frontMatter",(function(){return s})),n.d(t,"metadata",(function(){return r})),n.d(t,"rightToc",(function(){return l})),n.d(t,"default",(function(){return m}));var a=n(2),i=n(6),o=(n(0),n(131)),c=(n(132),n(133),n(134)),s={title:"Graphics"},r={unversionedId:"examples/components/graphics",id:"examples/components/graphics",isDocsHomePage:!1,title:"Graphics",description:"- source: examples/src/03-components/graphics.ts",source:"@site/docs\\examples\\components\\graphics.md",slug:"/examples/components/graphics",permalink:"/docs/examples/components/graphics",version:"current",sidebar:"docs",previous:{title:"Animation",permalink:"/docs/examples/components/animation"},next:{title:"Random distribution",permalink:"/docs/examples/space/random-dist"}},l=[],p={rightToc:l};function m(e){var t=e.components,n=Object(i.a)(e,["components"]);return Object(o.b)("wrapper",Object(a.a)({},p,n,{components:t,mdxType:"MDXLayout"}),Object(o.b)("ul",null,Object(o.b)("li",{parentName:"ul"},"source: ",Object(o.b)("inlineCode",{parentName:"li"},"examples/src/03-components/graphics.ts")),Object(o.b)("li",{parentName:"ul"},"controls",Object(o.b)("ul",{parentName:"li"},Object(o.b)("li",{parentName:"ul"},Object(o.b)("inlineCode",{parentName:"li"},"Q")," will reverse the direction of all entities"),Object(o.b)("li",{parentName:"ul"},Object(o.b)("inlineCode",{parentName:"li"},"W")," will pause/resume the scene"),Object(o.b)("li",{parentName:"ul"},Object(o.b)("inlineCode",{parentName:"li"},"E")," will emit a new object (square or circle)"),Object(o.b)("li",{parentName:"ul"},"click on an item will make all other items of the same type take a color of the clicked on")))),Object(o.b)(c.a,{name:"Graphics",mdxType:"APHCanvas"}))}m.isMDXComponent=!0}}]);