https://gdevelop.io/_next/static/chunks/pages/game-example-a09453b733d33839.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[523],{42522:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSG:function(){return C},default:function(){return T},prepareExampleShortHeaders:function(){return S}});var n=r(87379),i=r(2962),a=r(35398),s=r(29212),o=r(47441),l=r(39632),m=r(40730),c=r(6696),p=r(85893),d=n.ZP.div.withConfig({displayName:"GameTemplateCard__TitleContainer",componentId:"sc-rhu68p-0"})({display:"flex",justifyContent:"space-between",marginTop:"0.5rem"}),u=n.ZP.h2.withConfig({displayName:"GameTemplateCard__Title",componentId:"sc-rhu68p-1"})([""," overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"],{fontFamily:"Aeonik, system-ui, -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:"700",fontSize:"1.5rem",lineHeight:"1","--tw-text-opacity":"1",color:"rgba(2, 18, 20, var(--tw-text-opacity))"}),g=n.ZP.span.withConfig({displayName:"GameTemplateCard__Price",componentId:"sc-rhu68p-2"})({fontFamily:"Aeonik, system-ui, -apple-system, BlinkMacSystemFont, sans-serif",fontSize:"1.375rem",lineHeight:"1.27","--tw-text-opacity":"1",color:"rgba(128, 128, 128, var(--tw-text-opacity))",whiteSpace:"nowrap"}),f=n.ZP.div.withConfig({displayName:"GameTemplateCard__ImageContainer",componentId:"sc-rhu68p-3"})([""," aspect-ratio:16 / 9;img{","}&:hover img{transform:scale(1.05);}"],{width:"100%",position:"relative",borderRadius:"8px",overflow:"hidden","--tw-bg-opacity":"1",backgroundColor:"rgba(245, 245, 245, var(--tw-bg-opacity))"},{"@media (prefers-reduced-motion: no-preference)":{transitionProperty:"transform",transitionTimingFunction:"cubic-bezier(0.19, 1, 0.22, 1)",transitionDuration:"700ms"}}),h=n.ZP.div.withConfig({displayName:"GameTemplateCard__PremiumImageBorder",componentId:"sc-rhu68p-4"})({borderRadius:"10px",overflow:"hidden",backgroundImage:"linear-gradient(to right, var(--tw-gradient-stops))","--tw-gradient-from":"#ec4899","--tw-gradient-stops":"var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0))","--tw-gradient-to":"#a855f7",padding:"0.25rem"}),x=n.ZP.div.withConfig({displayName:"GameTemplateCard__NoImageBorder",componentId:"sc-rhu68p-5"})({borderRadius:"10px",overflow:"hidden"}),w=n.ZP.div.withConfig({displayName:"GameTemplateCard__PremiumChip",componentId:"sc-rhu68p-6"})({paddingLeft:"0.75rem",paddingRight:"0.75rem",paddingTop:"0.25rem",paddingBottom:"0.25rem",fontSize:"0.875rem",lineHeight:"1.28","--tw-text-opacity":"1",color:"rgba(255, 255, 255, var(--tw-text-opacity))",backgroundImage:"linear-gradient(to right, var(--tw-gradient-stops))","--tw-gradient-from":"#ec4899","--tw-gradient-stops":"var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0))","--tw-gradient-to":"#a855f7",borderRadius:"9999px",display:"inline-block",fontFamily:"Aeonik, system-ui, -apple-system, BlinkMacSystemFont, sans-serif"}),y=n.ZP.span.withConfig({displayName:"GameTemplateCard__PriceContainer",componentId:"sc-rhu68p-7"})({display:"flex",alignItems:"center",gap:"0.5rem"}),v=function(e){var t=e.privateGameTemplate,r=e.exampleShortHeader;if(t){var n=t.isSellerGDevelop,i=(0,c.T4)(t.prices[0]),a=i.formattedPriceValue,o=i.currencySymbol;return(0,p.jsxs)("div",{children:[(0,p.jsx)(s.rU,{link:{slug:"game-example/premium/".concat((0,c.qi)(t))},children:(0,p.jsx)("a",{children:(0,p.jsx)(n?h:x,{children:(0,p.jsx)(f,{isPremium:n,children:(0,p.jsx)(s.Ee,{src:t.thumbnailUrls[0],layout:"fill",objectFit:"cover",objectPosition:"50% 50%",alt:t.name,title:t.name,unoptimized:!0})})})})}),(0,p.jsxs)(d,{children:[(0,p.jsx)(u,{children:t.name}),(0,p.jsxs)(y,{children:[n?(0,p.jsx)(w,{children:"Premium"}):null,(0,p.jsxs)(g,{children:[o,a]})]})]})]})}return r?(0,p.jsxs)("div",{children:[(0,p.jsx)(s.rU,{link:{slug:"game-example/free/".concat(r.slug)},children:(0,p.jsx)("a",{children:(0,p.jsx)(f,{isPremium:!1,children:(0,p.jsx)(s.Ee,{src:r.previewImageUrls[0]||"https://resources.gdevelop-app.com/gd.games/games-thumbnails/no-image-thumbnail.png",layout:"fill",objectFit:"cover",objectPosition:"50% 50%",alt:r.name,title:r.name,unoptimized:!0})})})}),(0,p.jsxs)(d,{children:[(0,p.jsx)(u,{children:r.name}),(0,p.jsx)(g,{children:"Free"})]})]},r.id):null},j=r(67294),_=r(98734),b=r(569),k=r(29874),C=!0,S=function(e){return e.sort(function(e,t){var r=e.tags.includes("Starter"),n=t.tags.includes("Starter");if(r&&n)return 0;var i=(n?1:0)-(r?1:0);

1return i||(i=(t.tags.includes("game")?1:0)-(e.tags.includes("game")?1:0))||(i=(t.previewImageUrls.length?1:0)-(e.previewImageUrls.length?1:0))?i:0})},P=n.ZP.div.withConfig({displayName:"game-example__CopyContainer",componentId:"sc-ioy8x1-0"})(["",""],{marginBottom:"3rem"}),I=n.ZP.div.withConfig({displayName:"game-example__GameExamplesGrid",componentId:"sc-ioy8x1-1"})(["margin:0 auto;display:grid;gap:1.5rem;grid-template-columns:repeat(1,minmax(0,1fr));","{grid-template-columns:repeat(2,minmax(0,1fr));}","{grid-template-columns:repeat(3,minmax(0,1fr));}"],(0,m.up)("sm"),(0,m.up)("lg")),T=function(e){var t=e.exampleShortHeaders,r=e.privateGameTemplates,n=(0,j.useState)(null),m=n[0],d=n[1],u=(0,j.useState)(t.filter(function(e){return e.previewImageUrls.length})),g=u[0],f=u[1],h=(0,j.useState)(t.filter(function(e){return!e.previewImageUrls.length})),x=h[0],w=h[1],y=(0,j.useState)(r),C=y[0],S=y[1],T=(0,j.useMemo)(function(){return t.map(function(e){return(0,_.S)(e.name)})},[t]),G=(0,j.useMemo)(function(){return t.map(function(e){return(0,_.S)(e.shortDescription)})},[t]),N=(0,j.useMemo)(function(){return r.map(function(e){return(0,_.S)(e.name)})},[r]),U=(0,j.useMemo)(function(){return r.map(function(e){return(0,_.S)(e.description)})},[r]);return(0,j.useEffect)(function(){if(m){var e=t.filter(function(e,t){return T[t].some(function(e){return e.includes(m)})||G[t].some(function(e){return e.includes(m)})});f(e.filter(function(e){return e.previewImageUrls.length})),w(e.filter(function(e){return!e.previewImageUrls.length})),S(r.filter(function(e,t){return N[t].some(function(e){return e.includes(m)})||U[t].some(function(e){return e.includes(m)})}))}else f(t.filter(function(e){return e.previewImageUrls.length})),w(t.filter(function(e){return!e.previewImageUrls.length})),S(r)},[m,t,T,G,r,N,U]),(0,p.jsxs)(a.Z,{navIsBlack:!0,children:[(0,p.jsx)(i.PB,{title:"Game examples and Ready-made templates",description:"Pick from hundreds of free and premium templates to build your game with GDevelop."}),(0,p.jsx)(o.eO,{isReversed:!0,children:(0,p.jsx)(s.$0,{children:(0,p.jsx)(s.W2,{children:(0,p.jsx)(o.V1,{title:"Game examples and Ready-made templates",copy:"Pick from hundreds of free and premium templates to build your game with GDevelop."})})})}),(0,p.jsxs)(s.$0,{children:[(0,p.jsxs)(s.W2,{size:"xl",children:[(0,p.jsx)(k.SearchContainer,{children:(0,p.jsx)(b.Z,{placeholder:"Search for a game example",onChange:function(e){return d(e?e.toLowerCase():null)},minimumCharacters:2})}),(0,p.jsxs)(k.TagsContainer,{children:[(0,p.jsx)(s.rU,{link:{slug:"asset-store"},children:(0,p.jsx)(k.Tag,{children:"Asset Packs"})}),(0,p.jsx)(k.Tag,{$selected:!0,children:"Game Templates"})]}),(0,p.jsx)(I,{children:(0,c.co)(C.map(function(e){return{privateGameTemplate:e}}),g.map(function(e){return{exampleShortHeader:e}}),2,1).map(function(e){var t=e.privateGameTemplate,r=e.exampleShortHeader;return t?(0,p.jsx)(v,{privateGameTemplate:t},t.id):r?(0,p.jsx)(v,{exampleShortHeader:r},r.id):null})})]}),(0,p.jsx)(s.W2,{size:"sm",children:(0,p.jsx)(P,{children:(0,p.jsx)(o.YI,{content:x.map(function(e){return[{_type:"block",children:[{_type:"span",marks:[],text:e.name}],markDefs:[],style:"h2"},{_type:"block",children:[{_type:"span",marks:[],text:e.shortDescription.trim()+" "},{_type:"span",marks:["7686a6ce3fc2"],text:"Discover and try this example."}],markDefs:[{_key:"7686a6ce3fc2",_type:"internalLink",slug:"game-example/free/"+e.slug}],style:"normal"}]}).flat(1)})})}),(0,p.jsx)(o.PJ,{title:"Try all these examples",description:"Test and edit these game examples in the GDevelop game engine.",subtitle:"Game making is one click away",ctas:[{label:"Launch the GDevelop game engine",link:{href:l.r$,blank:!0}}]})]})]})}},46060:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/game-example",function(){return r(42522)}])}},function(e){e.O(0,[662,649,398,874,774,888,179],function(){return e(e.s=46060)}),_N_E=e.O()}]);