https://amigoki.com/_nuxt/BkgB9KSs.js

1import{_ as We,a as He}from"./gOLD1t2j.js";import{_ as Ke,a as De}from"./BxmbGj0w.js";import{R as Qe,f as ze,I as Le,J as Te,H as Me,S as Xe,K as Ye,o as f,c as m,C as ve,n as i,a as l,t as g,U as Ze,q as Se,b as u,V as Je,w as B,F as Pe,p as Ee,W as ne,L as ea,M as aa,B as ta,x as j,r as v,X as Ce,_ as _e,N as ia,g as oa,E as sa,h as la,j as na,k as ra,G as ca,P as ua,e as fa,d as ma,Q as ge}from"./TXpD-UcJ.js";import{g as s}from"./xgxdCp6f.js";import{u as da}from"./OaTQU8xT.js";import{u as pa,_ as va}from"./BDdntDeE.js";import{_ as ga}from"./UHJHTTDL.js";import{_ as ha}from"./duegEWj7.js";import{c as _a,N as ya,a as ba,b as Ie}from"./Bk_Y9NHF.js";import{u as wa}from"./WWQs-6Xz.js";import{u as xa}from"./BCIZ6TDu.js";import"./B9sGBbkz.js";import"./BuwTJvan.js";import"./BsClWEqw.js";import"./CA07HSb-.js";import"./BYgHyRRC.js";const ka=Qe("/images/clasificar/fondo.webp"),ja=[{id:"botella",sprite:"/images/limpiar/basura/botella.webp",emoji:"🍾",cat:"amarillo"},{id:"lata",sprite:"/images/limpiar/basura/lata.webp",emoji:"🥫",cat:"amarillo"},{id:"bolsa",sprite:"/images/limpiar/basura/bolsa.webp",emoji:"🛍️",cat:"amarillo"},{id:"vaso",sprite:"/images/limpiar/basura/vaso.webp",emoji:"🥤",cat:"amarillo"},{id:"jugo",sprite:"/images/limpiar/basura/jugo.webp",emoji:"🧃",cat:"amarillo"},{id:"envoltorio",sprite:"/images/limpiar/basura/envoltorio.webp",emoji:"🍬",cat:"amarillo"},{id:"yogur",sprite:"/images/limpiar/basura/yogur.webp",emoji:"🍦",cat:"amarillo"},{id:"flotador",sprite:"/images/limpiar/basura/flotador.webp",emoji:"🛟",cat:"amarillo"},{id:"chancla",sprite:"/images/limpiar/basura/chancla.webp",emoji:"🩴",cat:"amarillo"},{id:"termo",sprite:"/images/limpiar/basura/termo.webp",emoji:"🫗",cat:"amarillo"},{id:"papel",sprite:"/images/limpiar/basura/papel.webp",emoji:"📄",cat:"azul"},{id:"carton",sprite:"/images/limpiar/basura/carton.webp",emoji:"📦",cat:"azul"},{id:"diario",sprite:"/images/limpiar/basura/diario.webp",emoji:"📰",cat:"azul"},{id:"vidrio",sprite:"/images/limpiar/basura/vidrio.webp",emoji:"🫙",cat:"verde"},{id:"frasco",sprite:"/images/limpiar/basura/frasco.webp",emoji:"🫙",cat:"verde"},{id:"botella-vidrio",sprite:"/images/limpiar/basura/botella-vidrio.webp",emoji:"🍾",cat:"verde"},{id:"banana",sprite:"/images/limpiar/basura/banana.webp",emoji:"🍌",cat:"marron"},{id:"manzana",sprite:"/images/limpiar/basura/manzana.webp",emoji:"🍎",cat:"marron"},{id:"pan",sprite:"/images/limpiar/basura/pan.webp",emoji:"🍞",cat:"marron"},{id:"huevo",sprite:"/images/limpiar/basura/huevo.webp",emoji:"🥚",cat:"marron"},{id:"espina-pescado",sprite:"/images/limpiar/basura/espina-pescado.webp",emoji:"🐟",cat:"marron"},{id:"hojas-secas",sprite:"/images/limpiar/basura/hojas-secas.webp",emoji:"🍂",cat:"marron"},{id:"carozo",sprite:"/images/limpiar/basura/carozo.webp",emoji:"🥑",cat:"marron"},{id:"zanahoria",sprite:"/images/limpiar/basura/zanahoria.webp",emoji:"🥕",cat:"marron"}],$a={easy:[{id:"recicla",sprite:"/images/clasificar/tacho-recicla.webp",emoji:"♻️",color:"#16a34a",x:35,y:76,w:17,accepts:["amarillo","azul","verde"]},{id:"organico",sprite:"/images/clasificar/tacho-marron.webp",emoji:"🍎",color:"#92400e",x:65,y:76,w:17,accepts:["marron"]}],hard:[{id:"amarillo",sprite:"/images/clasificar/tacho-amarillo.webp",emoji:"🧃",color:"#eab308",x:17,y:78,w:14,accepts:["amarillo"]},{id:"azul",sprite:"/images/clasificar/tacho-azul.webp",emoji:"📄",color:"#3b82f6",x:39,y:78,w:14,accepts:["azul"]},{id:"verde",sprite:"/images/clasificar/tacho-verde.webp",emoji:"🫙",color:"#16a34a",x:61,y:78,w:14,accepts:["verde"]},{id:"organico",sprite:"/images/clasificar/tacho-marron.webp",emoji:"🍎",color:"#92400e",x:83,y:78,w:14,accepts:["marron"]}]},Ta=[{x:10,y:30},{x:26,y:27},{x:42,y:31},{x:58,y:27},{x:74,y:30},{x:90,y:28},{x:14,y:43},{x:30,y:41},{x:48,y:44},{x:66,y:41},{x:82,y:43},{x:94,y:45},{x:10,y:55},{x:30,y:54},{x:50,y:56},{x:70,y:54},{x:88,y:56}],he={items:ja,bins:$a,spawnSpots:Ta},Sa=["title","aria-label"],Pa={class:"cf-backdrop"},Ea={class:"cf-hud"},Ca={class:"cf-pill"},Ia={key:0,class:"cf-pill cf-streak"},za=["src","onError"],La={key:1,class:"cf-bin-emoji"},Ma=["src"],Na=["src","onError"],Aa={key:1,class:"cf-piece-emoji"},Ba=ze({__name:"ClasificarGame",props:{difficulty:{}},emits:["won"],setup(re,{expose:$,emit:W}){const _=re,ce=W,n=Le(),E=he.items,ue=he.spawnSpots,C=j(()=>he.bins[_.difficulty]),I=j(()=>_.difficulty==="easy"?10:8),y=v([]),d=v(0);let H=0,K=0;const T=j(()=>y.value.length),F=j(()=>y.value.filter(e=>e.state==="sorted").length),D=j(()=>T.value>0&&F.value===T.value),b=j(()=>y.value.find(e=>e.state==="held")??null),Z=j(()=>y.value.find(e=>e.state==="selected")??null);function O(e){const a=[...e];for(let t=a.length-1;t>0;t--){const o=Math.floor(Math.random()*(t+1));[a[t],a[o]]=[a[o],a[t]]}return a}function Q(){const e=_.difficulty==="easy"?8:12,a=_.difficulty==="easy"?[["marron"],["amarillo","azul","verde"]]:[["amarillo"],["azul"],["verde"],["marron"]],t=[];for(const P of a)t.push(...O(E.filter(A=>P.includes(A.cat))).slice(0,2));const o=O(E.filter(P=>!t.includes(P)));for(;t.length<e&&o.length;)t.push(o.pop());const U=O(ue).slice(0,t.length);K++,d.value=0,H=0,y.value=O(t).slice(0,e).map((P,A)=>({uid:K*100+A,item:P,spot:U[A],rot:Math.round((Math.random()-.5)*30),state:"idle"}))}$({newRound:Q}),Te(()=>

1_.difficulty,()=>Q()),Te(D,e=>{e&&ce("won",{total:T.value,mistakes:H})});const J=v(null),{isFullscreen:z,toggle:ee}=da(J,{lockLandscape:!1}),r=v(null),L=v(!1),ae=Ce({}),te=Ce({}),w=new Map;function fe(e,a){const t=a??null;t?w.set(e,t):w.delete(e)}const R=new Map;function ie(e,a){const t=a??null;t?R.set(e,t):R.delete(e)}let h=null;function M(){h=r.value?.getBoundingClientRect()??null}function G(e){return h||M(),{x:e.clientX-(h?.left??0),y:e.clientY-(h?.top??0)}}function S(e){return{x:e.x/100*(h?.width??0),y:e.y/100*(h?.height??0)}}function V(e){return e/100*(h?.width??0)}function oe(e,a){return Math.hypot(e.x-a.x,e.y-a.y)}function Ne(e){let a=null;for(const t of y.value){if(t.state!=="idle"&&t.state!=="selected")continue;const o=oe(e,S(t.spot)),U=V(I.value*.9);o<U&&(!a||o<a.d)&&(a={p:t,d:o})}return a?.p??null}function ye(e){let a=null;for(const t of C.value){const o=oe(e,S(t)),U=V(t.w*.85);o<U&&(!a||o<a.d)&&(a={b:t,d:o})}return a?.b??null}let c=null,be={x:0,y:0},p={x:0,y:0},X=!1,we=0,Y=0,x=null;const q=v(!1),k=v(!1),N=v(null);let se=null;function me(){const e=N.value;e&&!se&&(se={x:s.quickTo(e,"x",{duration:.09,ease:"power3"}),y:s.quickTo(e,"y",{duration:.09,ease:"power3"})})}function Ae(e){q.value&&e.pointerType==="mouse"&&xe(e)}function Be(){c===null&&(k.value=!1)}function xe(e){M(),me();const a=G(e);N.value&&!k.value&&s.set(N.value,{x:a.x,y:a.y}),k.value=!0}function Fe(e){if(D.value||c!==null)return;M(),c=e.pointerId,r.value?.setPointerCapture(e.pointerId),be=p=G(e),X=!1,me(),N.value&&!k.value&&s.set(N.value,{x:p.x,y:p.y}),k.value=!0;const a=Ne(p);a&&Oe(a),de()}function Oe(e){ke(),e.state="held",we=performance.now();const a=w.get(e.uid);if(!a)return;n.play("pop"),s.to(a,{scale:1.15,duration:.15,ease:"power2.out"}),x={x:s.quickTo(a,"x",{duration:.12,ease:"power2"}),y:s.quickTo(a,"y",{duration:.12,ease:"power2"})};const t=S(e.spot);x.x(p.x-t.x),x.y(p.y-t.y)}function Re(e){if(!(c!==null&&e.pointerId!==c)){if(c===null){if(!(q.value&&e.pointerType==="mouse"))return;k.value||xe(e)}p=G(e),c!==null&&!X&&oe(p,be)>6&&(X=!0),de()}}function de(){Y||(Y=requestAnimationFrame(()=>{Y=0,se?.x(p.x),se?.y(p.y);const e=b.value;if(e&&x&&h){const a=S(e.spot);x.x(p.x-a.x),x.y(p.y-a.y+V(2.5))}c!==null&&de()}))}function Ge(e){if(e.pointerId!==c)return;c=null,q.value||(k.value=!1);const a=b.value,t=G(e);if(a){if(!X&&performance.now()-we<300){qe(a);return}const o=ye(t);o?je(a,o):le(a)}else if(!X&&Z.value){const o=ye(t);o?je(Z.value,o):ke()}}function Ve(e){e.pointerId===c&&(c=null,q.value||(k.value=!1),b.value&&le(b.value))}function qe(e){e.state="selected",x=null;const a=w.get(e.uid);a&&(s.killTweensOf(a),s.to(a,{x:0,y:0,scale:1,duration:.25,ease:"power2.out"}))}function ke(){for(const e of y.value)e.state==="selected"&&(e.state="idle")}function je(e,a){x=null;const t=w.get(e.uid),o=R.get(a.id);if(a.accepts.includes(e.item.cat)){if(e.state="sorted",d.value++,t&&h){const P=S(e.spot),A=S(a);s.killTweensOf(t),s.to(t,{x:A.x-P.x,y:A.y-P.y-V(a.w)*.2,scale:0,rotation:"+=120",duration:.32,ease:"back.in(1.3)",onComplete:()=>{Ue(o),n.play(d.value>=3?"winBig":"coin")}})}}else H++,d.value=0,n.play("bump"),o&&(s.killTweensOf(o),s.fromTo(o,{x:0},{x:7,duration:.06,yoyo:!0,repeat:5,ease:"power1.inOut",onComplete:()=>s.set(o,{x:0})})),le(e)}function Ue(e){e&&(s.killTweensOf(e),s.timeline().to(e,{scaleY:.75,scaleX:1.18,duration:.12,ease:"power2.out"}).to(e,{scaleY:1,scaleX:1,duration:.4,ease:"elastic.out(1, 0.45)"}))}function le(e){e.state="idle",x=null;const a=w.get(e.uid);a&&(s.killTweensOf(a),s.to(a,{x:0,y:0,scale:1,rotation:0,duration:.45,ease:"back.out(1.5)"}))}let pe=null;function $e(){document.hidden?(b.value&&le(b.value),c=null,s.globalTimeline.pause()):s.globalTimeline.resume()}return Me(()=>{q.value=window.matchMedia("(hover: hover) and (pointer: fine)").matches,Q(),Xe(()=>me()),n.preload(["pop","coin","bump","click","win","winBig","swoosh"]),M(),pe=new ResizeObserver(()=>M()),r.value&&pe.observe(r.value),document.addEventListener("visibilitychange",$e)}),Ye(()=>{document.removeEventListener("visibilitychange",$e),s.globalTimeline.resume(),pe?.disconnect(),Y&&cancelAnimationFrame(Y);

1const e=[...w.values(),...R.values(),N.value].filter(Boolean);e.length&&s.killTweensOf(e)}),(e,a)=>(f(),m("div",{ref_key:"wrapEl",ref:J,class:ve(["cf-wrap",{"is-fullscreen":i(z)}])},[l("button",{type:"button",class:"cf-fs-btn",title:i(z)?e.$t("common.exitFullscreen"):e.$t("common.fullscreen"),"aria-label":i(z)?e.$t("common.exitFullscreen"):e.$t("common.fullscreen"),onClick:a[0]||(a[0]=(...t)=>i(ee)&&i(ee)(...t))},g(i(z)?"✕":"⛶"),9,Sa),l("div",{ref_key:"stageEl",ref:r,class:ve(["cf-stage",{"is-hover":i(q)}]),onPointerdown:Fe,onContextmenu:a[2]||(a[2]=Ze(()=>{},["prevent"])),onPointermove:Re,onPointerup:Ge,onPointercancel:Ve,onPointerenter:Ae,onPointerleave:Be},[l("div",Pa,[i(L)?Se("",!0):(f(),m("img",{key:0,class:"cf-bg",src:ka,alt:"",draggable:"false",onError:a[1]||(a[1]=t=>L.value=!0)},null,32))]),l("div",Ea,[l("span",Ca,g(i(F))+"/"+g(i(T)),1),u(Je,{name:"cf-streak"},{default:B(()=>[i(d)>=2?(f(),m("span",Ia,"🔥 ×"+g(i(d)),1)):Se("",!0)]),_:1})]),(f(!0),m(Pe,null,Ee(i(C),t=>(f(),m("div",{key:t.id,class:"cf-bin",style:ne({left:t.x+"%",top:t.y+"%",width:t.w+"%"})},[l("div",{ref_for:!0,ref:o=>ie(t.id,o),class:"cf-bin-body"},[i(ae)[t.id]?(f(),m("span",La,g(t.emoji),1)):(f(),m("img",{key:0,class:"cf-bin-img",src:t.sprite,alt:"",draggable:"false",onError:o=>i(ae)[t.id]=!0},null,40,za))],512),l("span",{class:"cf-bin-label",style:ne({color:t.color})},g(e.$t(`clasificar.bins.${t.id}`)),5)],4))),128)),ea(l("div",{ref_key:"handEl",ref:N,class:"cf-hand"},[l("img",{class:"cf-hand-img",src:i(b)?"/images/clasificar/mano-agarra.webp":"/images/clasificar/mano.webp",alt:"",draggable:"false"},null,8,Ma)],512),[[aa,i(k)]]),(f(!0),m(Pe,null,Ee(i(y),t=>(f(),m("div",{key:t.uid,class:"cf-piece-pos",style:ne({left:t.spot.x+"%",top:t.spot.y+"%",width:i(I)+"%"})},[l("div",{ref_for:!0,ref:o=>fe(t.uid,o),class:ve(["cf-piece","is-"+t.state])},[i(te)[t.item.id]?(f(),m("span",Aa,g(t.item.emoji),1)):(f(),m("img",{key:0,class:"cf-piece-img",style:ne({transform:`rotate(${t.rot}deg)`}),src:t.item.sprite,alt:"",draggable:"false",onError:o=>i(te)[t.item.id]=!0},null,44,Na))],2)],4))),128))],34),ta(e.$slots,"default",{},void 0,!0)],2))}}),Fa=Object.assign(_e(Ba,[["__scopeId","data-v-ed21ff3d"]]),{__name:"ClasificarGame"}),Oa={},Ra={viewBox:"0 0 220 140",class:"cf-tut",role:"img","aria-hidden":"true"};function Ga(re,$){return f(),m("svg",Ra,[...$[0]||($[0]=[ia('<rect x="8" y="8" width="204" height="124" rx="14" fill="#dcfce7" stroke="#16a34a" stroke-width="3" data-v-06582c5f></rect><g transform="translate(70, 104)" data-v-06582c5f><path d="M-16 -14 L16 -14 L12 18 L-12 18 Z" fill="#facc15" stroke="#1f2937" stroke-width="3" data-v-06582c5f></path><rect x="-18" y="-18" width="36" height="6" rx="2" fill="#eab308" stroke="#1f2937" stroke-width="2" data-v-06582c5f></rect></g><g transform="translate(150, 104)" data-v-06582c5f><path d="M-16 -14 L16 -14 L12 18 L-12 18 Z" fill="#60a5fa" stroke="#1f2937" stroke-width="3" data-v-06582c5f></path><rect x="-18" y="-18" width="36" height="6" rx="2" fill="#3b82f6" stroke="#1f2937" stroke-width="2" data-v-06582c5f></rect></g><g class="cf-tut-item" data-v-06582c5f><rect x="-6" y="-11" width="12" height="20" rx="4" fill="#e0f2fe" stroke="#1f2937" stroke-width="2.5" data-v-06582c5f></rect><rect x="-4" y="-15" width="8" height="5" rx="1.5" fill="#38bdf8" stroke="#1f2937" stroke-width="2" data-v-06582c5f></rect></g><g class="cf-tut-finger" data-v-06582c5f><circle r="9" fill="rgba(22, 163, 74, 0.25)" data-v-06582c5f></circle><circle r="4" fill="#16a34a" data-v-06582c5f></circle></g>',5)])])}const Va=Object.assign(_e(Oa,[["render",Ga],["__scopeId","data-v-06582c5f"]]),{__name:"TutorialsClasificarTutorialAnim"}),qa={class:"page"},Ua={class:"game-layout notranslate",translate:"no"},Wa={class:"game-area"},Ha={class:"game-title"},Ka={class:"seo-section"},Da={class:"seo-inner"},Qa={class:"seo-h2-main"},Xa=ze({__name:"[nivel]",setup(re){const{t:$,locale:W}=oa(),_=sa(),ce=la(),n=_a(ce.params.nivel);if(!n)throw na({statusCode:404,statusMessage:"Nivel no encontrado"});const E=n==="easy"?"hard":"easy",ue=ra(),C=ya[n];ue({es:{nivel:C.es},en:{nivel:C.en},pt:{nivel:C.pt},fr:{nivel:C.fr}});const I=Le(),{addCompletion:y}=wa(),d=pa("clasificar"),{track:H}=ca(),K=v(null),T=v(!1),F=v(!1),D=v({total:0,mistakes:0});function b(r){D.value=r,T.value=!0,requestAnimationFrame(()=>requestAnimationFrame(()=>{F.value=!0,y("clasificar"),I.play("winBig")}))}function Z(){I.play("click"),T.value=!1,F.value=!1,K.value?.newRound()}function O(){ge(_("/clasificar-basura"))}function Q(){ge(Ie(E,W.value))}function J(){ge(_("/"))}const z=j(()=>`/audio/clasificar/intro-${W.value}.mp3`);Me(()=>{d.showAuto(),I.voicePreload(z.value),setTimeout(()=>I.voice(z.value),450),H({page_type:"game_start",entity_slug:"clasificar"})});const ee=j(()=>[{name:$("nav.home"),url:_("/")},{name:$("nav.clasificar"),url:_("/clasificar-basura")},{name:$(`clasificar.levels.${n}.label`)}]);return xa({slugs:ba(n),titleKey:`clasificar.levelSeo.${n}.metaTitle`,descKey:`clasificar.levelSeo.${n}.metaDescription`,navLabelKey:`clasificar.levels.${n}.label`,imageKey:"clasificar"}),(r,L)=>{const ae=We,te=He,w=Ke,fe=De,R=Fa,ie=ua,h=Va,M=va,G=ga,S=fa,V=ha;return f(),m("div",qa,[l("div",Ua,[u(ae,{variant:"compact","hide-on-scroll":!1,onBack:O}),u(te,{items:i(ee)},null,8,["items"]),l("main",Wa,[l("h1",Ha,g(r.$t("clasificar.prompt")),1),u(ie,null,{fallback:B(()=>[...L[1]||(L[1]=[l("div",{class:"stage-skeleton"},null,-1)])]),default:B(()=>[u(R,{ref_key:"gameRef",ref:K,difficulty:i(n),onWon:b},{default:B(()=>[u(w,{show:i(F),count:60,fixed:""},null,8,["show"]),u(fe,{show:i(T),"title-key":"clasificar.win","score-key":"clasificar.score","score-data":{count:i(D).total},"primary-action-key":"clasificar.playAgain","primary-available":!0,"all-done-key":"clasificar.playAgain","secondary-actions":[{icon:i(n)==="easy"?"🌟":"⭐",labelKey:`clasificar.levels.${i(E)}.label`,action:"custom",customId:"other-level"},{icon:"🏠",labelKey:"clasificar.exit",action:"back"}],"delay-ms":500,fixed:"",onNext:Z,onCustom:Q,onBack:J},null,8,["show","score-data","secondary-actions"])]),_:1},8,["difficulty"])]),_:1}),u(ie,null,{default:B(()=>[u(M,{visible:i(d).visible.value,title:r.$t("tutorial.clasificar.title"),hint:r.$t("tutorial.clasificar.hint"),"dont-show-again":i(d).dontShowAgain.value,onClose:L[0]||(L[0]=oe=>i(d).close()),"onUpdate:dontShowAgain":i(d).toggleDontShow},{animation:B(()=>[u(h)]),_:1}

1,8,["visible","title","hint","dont-show-again","onUpdate:dontShowAgain"])]),_:1})])]),u(G),l("section",Ka,[l("div",Da,[l("h2",Qa,g(r.$t(`clasificar.levelSeo.${i(n)}.heading`)),1),l("p",null,g(r.$t(`clasificar.levelSeo.${i(n)}.intro`)),1),l("p",null,[u(S,{class:"other-level",to:i(Ie)(i(E),i(W))},{default:B(()=>[ma(g(i(n)==="easy"?"🌟":"⭐")+" "+g(r.$t(`clasificar.levels.${i(E)}.label`))+" → ",1)]),_:1},8,["to"])])])]),u(V,{current:"clasificar"})])}}}),dt=_e(Xa,[["__scopeId","data-v-e34f80ed"]]);export{dt as default};