{ "Imports": [ { "name": "Play Kit", "source": "playkit" }, { "name": "Fireworks", "source": "project:imports/Fireworks_1712940802328/project.json", "sourceHash": "814ec43a690684cf04d38b4b18dc7bae108c59407452adeda9b09781db6aefbe", "projectId": "cfebc707-c2e5-5291-cf43-79da7297537f", "projectVersion": 126, "importedComponents": ["Fireworks"], "hasUpdate": false }, { "name": "glitchy text component", "source": "project:imports/glitchytext component_1712940909551/project.json", "sourceHash": "f6508a94ad85edd58378fcaa7e40e47d520cbdd17176995b31260d5f5c403e55", "projectId": "8b733f8a-2e17-3e9f-5dd6-20825524c1f8", "projectVersion": 22, "importedComponents": ["GlitchyText"], "hasUpdate": false } ], "name": "project", "componentType": "Play Kit/Project", "runtimeVersion": 12, "css": ".project {\n /* This applies to the Project. */\n background-color: #ffffff;\n color: black;\n font-size: 16px;\n font-family: Arial;\n}\n\n.page {\n /* This applies to all Pages. */\n background-color: #ffffff;\n}\n\nbutton {\n /* This applies to all buttons. */\n padding: 0;\n outline: none;\n user-select: none;\n overflow: hidden;\n}\n\nbutton:hover {\n /* This applies to all buttons. */\n filter: brightness(125%);\n cursor: pointer;\n}\n\nbutton:active {\n /* This applies to all buttons. */\n filter: brightness(150%);\n}\n\na:hover {\n cursor: pointer;\n}", "pages": [ { "name": "Portfolio", "width": 600, "height": 1962.8606206185564, "componentType": "Play Kit/Page", "viewportFit": "mobile-safe-vertical", "children": [ { "componentType": "Play Kit/Rectangle", "name": "floor", "style": { "componentType": "Play Kit/Style" }, "width": 600, "height": 47, "effects": [ { "componentType": "Play Kit/PhysicsProperties", "name": "Play Kit/PhysicsProperties", "shapeSize": 1, "type": "static" } ], "strokeColor": "#343b53", "color": "#751ded", "blocks": [], "x": -1.299097445165728, "y": 1857, "designState": { "isLocked": false }, "opacity": 0, "cornerRadius": 4, "instructions": [ { "uid": "QZKdd6Gn", "prompt": "si get(2538) detecta la collition de get(1756) imprime hola", "javascript": "get(2538).on(\"begincontact\", (event) => {\n let collidedWith = event.detail.object;\n if (collidedWith.id === 1756) {\n console.log(\"hola\");\n }\n});", "variant": "mk4" } ], "javascript": "t isMuted = 'false'\n\nthis.on('click', (event) => {\n if (isMuted == 'false') {\n get(2092).play()\n }\n let explotion = get(2100).clone()\n explotion.x = this.x\n explotion.y = this.y\n\n get(1800 /* Game */).appendChild(explotion)\n setTimeout(() => {\n explotion.y = 3000\n}, \"500\");\n});\n\nthis.on(\"begincontact\", (event) => {\n let collidedWith = event.detail.object;\n if (collidedWith) {\n \n }\n});" }, { "componentType": "Play Kit/Container", "x": 27, "y": 798.8763946005176, "width": 547.4325164693373, "height": 258.75, "overflow": "show", "name": "About", "style": { "componentType": "Play Kit/Style" }, "children": [ { "componentType": "Play Kit/Rectangle", "name": "rectangle14", "style": { "componentType": "Play Kit/Style" }, "x": 0, "y": 61.12360539948236, "width": 336, "height": 25, "strokeWidth": 0, "color": "#ffec89", "instructions": [], "effects": [], "blocks": [], "designState": { "isLocked": false } }, { "componentType": "Play Kit/Rectangle", "name": "rectangle13", "style": { "componentType": "Play Kit/Style" }, "x": 489, "y": 33.12360539948236, "width": 52, "height": 23, "strokeWidth": 0, "color": "#ffec89", "instructions": [], "effects": [], "blocks": [], "designState": { "isLocked": false } }, { "componentType": "Play Kit/Rectangle", "name": "rectangle12", "style": { "componentType": "Play Kit/Style" }, "x": 3, "y": 28.123605399482358, "height": 27.71875, "strokeWidth": 0, "color": "#ffec89", "instructions": [], "effects": [], "blocks": [], "designState": { "isLocked": false }, "width": 90 }, { "componentType": "Play Kit/Rectangle", "name": "rectangle2", "style": { "componentType": "Play Kit/Style" }, "x": 326, "y": 0.12360539948235783, "width": 199, "height": 27.71875, "strokeWidth": 0, "color": "#ffec89", "instructions": [], "effects": [] }, { "componentType": "Play Kit/BodyText", "name": "bodytext4", "style": { "componentType": "Play Kit/Style" }, "width": 71.953125, "height": 23.75, "x": 0.046875, "y": 0, "selection": { "type": "text", "anchor": 10, "head": 10 }, "html": "

( About )

", "color": "rgb(254, 248, 227)", "fontSize": "19", "fontFamily": "Noto Serif", "fontWeight": "200" }, { "componentType": "Play Kit/BodyText", "name": "bodytext5", "style": { "componentType": "Play Kit/Style" }, "width": 547.3856414693373, "height": 258.75, "x": 0.046875, "y": 0, "color": "__mixed_styles__", "html": "

                                           As a seasoned Software Engineer, I understand the profound impact that well-designed and functional software can have. Whether it's the seamless user experience in frontend development, the robust architecture in backend engineering, or the meticulous quality assurance in testing, I'm here to bring your ideas to life through code. Let's explore how we can leverage the power of technology to achieve your goals.

", "fontFamily": "Source Sans 3", "fontWeight": "300", "selection": { "type": "text", "anchor": 266, "head": 266 }, "horizontalAlignment": "left", "sizeMode": "fixed-width-dynamic-height", "fontSize": 23, "text": "                                           As a seasoned Software Engineer, I understand the profound impact that well-designed and functional software can have. Whether it's the seamless user experience in frontend development, the robust architecture in backend engineering, or the meticulous quality assurance in testing, I'm here to bring your ideas to life through code. Let's explore how we can leverage the power of technology to achieve your goals.", "effects": [], "blocks": [] } ] }, { "componentType": "Play Kit/Container", "x": 27.046874999999993, "y": 96.89762165783283, "width": 614.5323500046763, "height": 634.8658413503995, "overflow": "show", "name": "Intro", "style": { "componentType": "Play Kit/Style" }, "children": [ { "componentType": "Play Kit/Heading", "name": "heading1", "style": { "componentType": "Play Kit/Style" }, "width": 261.8125, "height": 95, "x": 272.953125, "y": 0, "selection": { "type": "text", "anchor": 6, "head": 5 }, "html": "

Hi, I am

", "color": "rgb(254, 248, 227)", "fontFamily": "Source Serif 4", "fontWeight": "400", "fontSize": 76, "fontScaleOperation": null }, { "componentType": "Play Kit/Heading", "name": "heading2", "style": { "componentType": "Play Kit/Style" }, "width": 122.46875, "height": 95, "x": 0, "y": 79.63733130112747, "selection": { "type": "text", "anchor": 15, "head": 15 }, "html": "

Feli

", "color": "rgb(254, 248, 227)", "fontFamily": "Source Serif 4", "fontWeight": "400", "fontSize": 76, "fontScaleOperation": null, "text": "Feli ", "effects": [], "blocks": [] }, { "componentType": "Play Kit/BodyText", "name": "bodytext1", "style": { "componentType": "Play Kit/Style" }, "width": 63.109375, "height": 23.75, "x": 4.429687500000007, "y": 17.10237834216717, "selection": { "type": "text", "anchor": 10, "head": 10 }, "html": "

( Intro )

", "color": "rgb(254, 248, 227)", "fontSize": "19", "fontFamily": "Noto Serif", "fontWeight": "200" }, { "componentType": "Play Kit/HTML", "name": "ticker_animation", "style": { "componentType": "Play Kit/Style" }, "x": 0, "y": 158.85053529368065, "html": "\r\n\r\n\r\n

", "css": "* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\nhtml,body{\r\n overflow: hidden;\r\n}\r\n\r\nh1 {\r\n color: #FEF8E3;\r\n // font-size: 4.75rem;\r\n font-size: 3.75rem;\r\n font-family: 'Noto Serif', sans-serif;\r\n text-align: left;\r\n display: flex;\r\n justify-content: left;\r\n font-weight: lighter;\r\n line-height: 105%;\r\n /* position: absolute;\r\n top: 50%; \r\n left: 50%;\r\n transform: translate(-50%, -50%); */\r\n}\r\n\r\n.type-text {\r\n position: absolute;\r\n text-align: left;\r\n}\r\n\r\n.type-text::after {\r\n content: '';\r\n display: block;\r\n position: absolute;\r\n right: -5px;\r\n top: 0;\r\n height: 100%;\r\n width: 2px;\r\n background-color: #FEF8E3;\r\n animation: type .5s infinite;\r\n -webkit-animation: type .5s infinite;\r\n}\r\n\r\n@-webkit-keyframes type {\r\n 0% {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: .5;\r\n }\r\n\r\n 100% {\r\n opacity: 0;\r\n }\r\n}\r\n\r\n@keyframes type {\r\n 0% {\r\n opacity: 1;\r\n }\r\n\r\n 50% {\r\n opacity: .5;\r\n }\r\n\r\n 100% {\r\n opacity: 0;\r\n }\r\n}", "script": "\r\n// You can customize this list\r\nlet listTexts = [\r\n\"A seasoned software engineer.\",\r\n\"A versatile full-stack developer.\",\r\n\"A technical problem-solver.\",\r\n\"A collaborative coder.\",\r\n\"A quality-focused programmer.\",\r\n\"A user-centric software architect.\",\r\n\"A data-driven insights provider.\",\r\n\"A skilled communicator and team player.\"\r\n];\r\n\r\n\r\n\r\n// Do not touch the below code :)\r\nconst typeElements = document.querySelectorAll('.type-text');\r\nlet handle = typeElements.length - 1;\r\nlet current = 0;\r\n\r\nlet elem = document.getElementById('WorkbenchContainer')\r\nconsole.log(elem)\r\n\r\nfunction typeTextFunc(element, i, text) {\r\n\r\n let index = -1;\r\n\r\n function typeText() {\r\n setTimeout(() => {\r\n let typeText = setInterval(() => {\r\n if (index == text.length - 1) {\r\n clearInterval(typeText);\r\n setTimeout(() => {\r\n clearTextFunc();\r\n }, (75 * handle))\r\n handle--\r\n } else {\r\n index++;\r\n element.textContent += text[index];\r\n }\r\n }, 200);\r\n }, 50 * i)\r\n }\r\n\r\n function clearTextFunc() {\r\n\r\n setTimeout(() => {\r\n let clearText = setInterval(() => {\r\n\r\n let allCleared = true;\r\n if (element.textContent.length > 0) {\r\n allCleared = false;\r\n element.textContent = element.textContent.slice(0, -1);\r\n }\r\n\r\n if (allCleared) {\r\n clearInterval(clearText);\r\n if (i === 0 && current < listTexts.length - 1) {\r\n current++;\r\n handle = typeElements.length - 1;\r\n typeElements.forEach((element, i) => {\r\n typeTextFunc(element, i, listTexts[current]);\r\n })\r\n } else if (i === 0 && current === listTexts.length - 1) {\r\n current = 0;\r\n handle = typeElements.length - 1;\r\n typeElements.forEach((element, i) => {\r\n typeTextFunc(element, i, listTexts[current]);\r\n })\r\n }\r\n }\r\n }, 300);\r\n }, 1500);\r\n }\r\n\r\n\r\n typeText()\r\n};\r\n\r\ntypeElements.forEach((element, i) => {\r\n typeTextFunc(element, i, listTexts[current]);\r\n})\r\n\r\n\r\n", "width": 501.7029720355258, "height": 182.69710130281376 }, { "componentType": "Play Kit/Line", "name": "line1", "style": { "componentType": "Play Kit/Style" }, "x": 79.25377255006629, "y": 161.78547406566923, "rotation": -45, "width": 382.67106511920485, "height": 382.67106511920485, "strokeWidth": 1, "color": "#fef8e3" }, { "componentType": "Play Kit/Image", "name": "ph1", "width": 165.76054825214328, "height": 218.1600928977481, "source": "sha256:657784fd2e78cde2b7ada3143b2f19e47eb80128c802b5678c3921ca8f5ae6a7", "style": { "componentType": "Play Kit/Style" }, "x": 7.105427357601002e-15, "y": 367.80081492867646, "borderRadius": 16, "isCropped": false, "cropX": 0, "cropY": 0 }, { "componentType": "Play Kit/BodyText", "name": "bodytext2", "style": { "componentType": "Play Kit/Style" }, "width": 341.5792250046763, "height": 146.4375, "x": 272.953125, "y": 368.1023783421672, "color": "rgb(254, 248, 227)", "html": "

Versatile Full-Stack Developer skilled in delivering reliable microservices.

", "fontFamily": "Source Serif 4", "fontWeight": "500", "selection": { "type": "text", "anchor": 71, "head": 71 }, "horizontalAlignment": "left", "sizeMode": "fixed-width-dynamic-height", "fontSize": 29.3, "text": "Versatile Full-Stack Developer skilled in delivering reliable microservices.", "fontScaleOperation": null, "effects": [], "blocks": [] }, { "componentType": "Play Kit/Image", "name": "arrow1", "width": 7.356171456395316, "height": 7.356171456395259, "source": "sha256:7eed4270d849e2c4508e057c61dae03f61b6ae658e4e90e7d5a189201be00455", "style": { "componentType": "Play Kit/Style" }, "x": 354.9466249511284, "y": 562.9292155377225 }, { "componentType": "Play Kit/Image", "name": "arrow2", "width": 7.356171456395316, "height": 7.356171456395259, "source": "sha256:7eed4270d849e2c4508e057c61dae03f61b6ae658e4e90e7d5a189201be00455", "style": { "componentType": "Play Kit/Style" }, "x": 364.9466249511284, "y": 562.9292155377225 }, { "componentType": "Play Kit/Line", "name": "line2", "style": { "componentType": "Play Kit/Style" }, "x": 287.4325258780277, "y": 551.0785655239399, "rotation": -45, "width": 69.41165200322985, "height": 69.41165200322985, "strokeWidth": 1, "color": "#ffec89", "effects": [ { "componentType": "Play Kit/HoverGrow", "name": "Play Kit/HoverGrow" } ] }, { "componentType": "Play Kit/BodyText", "name": "bodytext3", "style": { "componentType": "Play Kit/Style" }, "width": 106.70591990068635, "height": 22.5, "x": 272.953125, "y": 560.9292155377225, "color": "#ffec89", "html": "

HIRE ME

", "fontFamily": "Source Serif 4", "fontWeight": "300", "selection": { "type": "text", "anchor": 4, "head": 4 }, "horizontalAlignment": "left", "sizeMode": "fixed-width-dynamic-height", "fontSize": "18", "isLink": true, "linkAddress": "https://www.linkedin.com/in/juanfelipecubillosprado/", "linkTarget": "_blank", "effects": [ { "componentType": "Play Kit/HoverGrow", "name": "Play Kit/HoverGrow" } ] }, { "componentType": "Play Kit/Line", "name": "line3", "style": { "componentType": "Play Kit/Style" }, "x": 287, "y": 584, "rotation": -45, "width": 69.41165200322985, "height": 69.41165200322985, "strokeWidth": 1, "color": "#ffec89", "effects": [ { "componentType": "Play Kit/HoverGrow", "name": "Play Kit/HoverGrow" } ], "blocks": [], "designState": { "isLocked": false } }, { "componentType": "Play Kit/BodyText", "name": "bodytext4", "style": { "componentType": "Play Kit/Style" }, "width": 106.70591990068635, "height": 22.5, "x": 273, "y": 594, "color": "rgb(255, 236, 137)", "html": "

CV

", "fontFamily": "Source Serif 4", "fontWeight": "300", "selection": { "type": "text", "anchor": 4, "head": 4 }, "horizontalAlignment": "left", "sizeMode": "fixed-width-dynamic-height", "fontSize": 18, "isLink": true, "linkAddress": "https://drive.google.com/file/d/1m4LZ9ud-r-olKeZo0eaH_w5gu7YOFIsf/view", "linkTarget": "_blank", "effects": [ { "componentType": "Play Kit/HoverGrow", "name": "Play Kit/HoverGrow" } ], "blocks": [], "designState": { "isLocked": false }, "scale": 1.002828828723163, "text": "CV" }, { "componentType": "Play Kit/BodyText", "name": "bodytext5", "style": { "componentType": "Play Kit/Style" }, "width": 106.70591990068635, "height": 22.5, "x": 273, "y": 627, "color": "rgb(255, 236, 137)", "html": "

GITHUB

", "fontFamily": "Source Serif 4", "fontWeight": "300", "selection": { "type": "text", "anchor": 4, "head": 4 }, "horizontalAlignment": "left", "sizeMode": "fixed-width-dynamic-height", "fontSize": 18, "isLink": true, "linkAddress": "https://drive.google.com/file/d/1m4LZ9ud-r-olKeZo0eaH_w5gu7YOFIsf/view?usp=sharing", "linkTarget": "_blank", "effects": [ { "componentType": "Play Kit/HoverGrow", "name": "Play Kit/HoverGrow" } ], "blocks": [], "designState": { "isLocked": false }, "text": "GITHUB" }, { "componentType": "Play Kit/Line", "name": "line4", "style": { "componentType": "Play Kit/Style" }, "x": 287, "y": 617, "rotation": -45, "width": 69.41165200322985, "height": 69.41165200322985, "strokeWidth": 1, "color": "#ffec89", "effects": [ { "componentType": "Play Kit/HoverGrow", "name": "Play Kit/HoverGrow" } ], "blocks": [], "designState": { "isLocked": false } } ] }, { "componentType": "Play Kit/Container", "x": 27, "y": 1118.99476933582, "width": 543.4018051096685, "height": 306.5052306641801, "overflow": "show", "name": "Projects", "style": { "componentType": "Play Kit/Style" }, "children": [ { "componentType": "Play Kit/BodyText", "name": "bodytext16", "style": { "componentType": "Play Kit/Style" }, "width": 232.81138865068635, "height": 45, "x": 0, "y": 225.0052306641801, "color": "rgb(254, 248, 227)", "html": "

Discord bot with more than 1k users register

", "fontFamily": "Source Serif 4", "fontWeight": "400", "selection": { "type": "text", "anchor": 10, "head": 10 }, "horizontalAlignment": "left", "sizeMode": "fixed-width-dynamic-height", "fontSize": 18, "linkAddress": "#", "isLink": true, "text": "Discord bot with more than 1k users register" }, { "componentType": "Play Kit/BodyText", "name": "bodytext14", "style": { "componentType": "Play Kit/Style" }, "width": 272.140625, "height": 22.5, "x": 3, "y": 190.0052306641801, "color": "rgb(254, 248, 227)", "html": "

AirBnB Clone

", "fontFamily": "Source Serif 4", "fontWeight": "400", "selection": { "type": "text", "anchor": 11, "head": 11 }, "horizontalAlignment": "left", "sizeMode": "fixed-width-dynamic-height", "fontSize": 18, "linkAddress": "#", "isLink": true, "text": "AirBnB Clone" }, { "componentType": "Play Kit/BodyText", "name": "bodytext12", "style": { "componentType": "Play Kit/Style" }, "width": 272.1406249999999, "height": 22.5, "x": 0, "y": 153.0052306641801, "color": "rgb(254, 248, 227)", "html": "

Users Lending App

", "fontFamily": "Source Serif 4", "fontWeight": "400", "selection": { "type": "text", "anchor": 26, "head": 26 }, "horizontalAlignment": "left", "sizeMode": "fixed-width-dynamic-height", "fontSize": 18, "linkAddress": "#", "isLink": true, "text": "Users Lending App" }, { "componentType": "Play Kit/BodyText", "name": "bodytext13", "style": { "componentType": "Play Kit/Style" }, "width": 271.40180510966854, "height": 22.5, "x": 272, "y": 153.0052306641801, "color": "rgb(254, 248, 227)", "html": "

Github

", "fontFamily": "Source Serif 4", "fontWeight": "400", "selection": { "type": "text", "anchor": 26, "head": 26 }, "horizontalAlignment": "left", "sizeMode": "fixed-width-dynamic-height", "fontSize": 18, "linkAddress": "https://github.com/cybernuki/Users-Lending-Front", "isLink": true, "text": "Github", "linkTarget": "_blank", "effects": [ { "componentType": "Play Kit/HoverGrow", "name": "Play Kit/HoverGrow" } ], "linkUnderline": true }, { "componentType": "Play Kit/Heading", "name": "heading3", "style": { "componentType": "Play Kit/Style" }, "width": 256.15625, "height": 97.5, "x": 0.04687500000011369, "y": 0, "selection": { "type": "text", "anchor": 9, "head": 9 }, "html": "

Projects

", "color": "rgb(254, 248, 227)", "fontFamily": "Noto Serif", "fontWeight": "200", "fontSize": "78", "fontScaleOperation": null, "effects": [ { "componentType": "Play Kit/LetterSpacing", "name": "Play Kit/LetterSpacing", "letterSpacing": -2 } ] }, { "componentType": "Play Kit/BodyText", "name": "bodytext6", "style": { "componentType": "Play Kit/Style" }, "width": 59.796875, "height": 17.5, "x": 0.046875, "y": 115.91359660705348, "color": "rgb(254, 248, 227)", "html": "

PROJECT

", "selection": { "type": "text", "anchor": 7, "head": 7 }, "fontFamily": "Space Grotesk", "fontWeight": "400", "fontSize": 14, "opacity": 0.7, "text": "PROJECT" }, { "componentType": "Play Kit/BodyText", "name": "bodytext7", "style": { "componentType": "Play Kit/Style" }, "width": 28.90625, "height": 17.5, "x": 273, "y": 115.91359660705348, "color": "rgb(254, 248, 227)", "html": "

LINK

", "selection": { "type": "text", "anchor": 8, "head": 8 }, "fontFamily": "Space Grotesk", "fontWeight": "400", "fontSize": 14, "opacity": 0.7, "text": "LINK" }, { "componentType": "Play Kit/BodyText", "name": "bodytext17", "style": { "componentType": "Play Kit/Style" }, "width": 232.81138865068635, "height": 22.5, "x": 272, "y": 190.0052306641801, "color": "rgb(254, 248, 227)", "html": "

Github

", "fontFamily": "Source Serif 4", "fontWeight": "400", "selection": { "type": "text", "anchor": 29, "head": 29 }, "horizontalAlignment": "left", "sizeMode": "fixed-width-dynamic-height", "fontSize": 18, "linkAddress": "https://github.com/FeliPrado31/AirBnB_clone_v4", "isLink": true, "text": "Github", "blocks": [], "designState": { "isLocked": false }, "effects": [ { "componentType": "Play Kit/HoverGrow", "name": "Play Kit/HoverGrow" } ], "linkTarget": "_blank", "linkUnderline": true }, { "componentType": "Play Kit/BodyText", "name": "bodytext17", "style": { "componentType": "Play Kit/Style" }, "width": 232.81138865068635, "height": 22.5, "x": 272, "y": 225.0052306641801, "color": "rgb(254, 248, 227)", "html": "

Github

", "fontFamily": "Source Serif 4", "fontWeight": "400", "selection": { "type": "text", "anchor": 29, "head": 29 }, "horizontalAlignment": "left", "sizeMode": "fixed-width-dynamic-height", "fontSize": 18, "linkAddress": "https://github.com/omar11011/serena_bot_discord", "isLink": true, "text": "Github", "effects": [ { "componentType": "Play Kit/HoverGrow", "name": "Play Kit/HoverGrow" } ], "linkUnderline": true, "linkTarget": "_blank" }, { "componentType": "Play Kit/BodyText", "name": "bodytext18", "style": { "componentType": "Play Kit/Style" }, "width": 232.81138865068635, "height": 22.5, "x": 3, "y": 284.0052306641801, "color": "rgb(254, 248, 227)", "html": "

See all projects

", "fontFamily": "Source Serif 4", "fontWeight": "400", "selection": { "type": "text", "anchor": 10, "head": 10 }, "horizontalAlignment": "left", "sizeMode": "fixed-width-dynamic-height", "fontSize": 18, "linkAddress": "https://github.com/FeliPrado31", "isLink": true, "text": "See all projects", "blocks": [], "designState": { "isLocked": false }, "linkTarget": "_blank", "linkUnderline": true, "effects": [ { "componentType": "Play Kit/HoverGrow", "name": "Play Kit/HoverGrow" } ] } ] }, { "id": 1800, "componentType": "Play Kit/Container", "x": -1.299097445165728, "y": 1485, "width": 600, "height": 481, "name": "Game", "style": { "componentType": "Play Kit/Style" }, "children": [ { "id": 1744, "componentType": "glitchy text component/GlitchyText", "name": "glitchy text", "style": { "componentType": "Play Kit/Style" }, "glitchType": "glitch1", "effects": [], "width": 270, "height": 50, "x": 165, "y": 97, "blocks": [], "designState": { "isLocked": false }, "text": "Play a game!" }, { "id": 2458, "componentType": "glitchy text component/GlitchyText", "name": "GameOver", "style": { "componentType": "Play Kit/Style" }, "glitchType": "glitch1", "effects": [], "width": 270, "height": 50, "x": 158.29909744516573, "y": 98, "blocks": [], "designState": { "isLocked": false }, "text": "Game over!", "visible": false }, { "id": 1748, "componentType": "Play Kit/Button", "name": "button", "style": { "componentType": "Play Kit/Style" }, "width": 180, "height": 65, "text": "Play", "fontFamily": "Montserrat", "fontWeight": "700", "fontSize": "24", "css": ".button {\n letter-spacing: 1px;\n position: relative;\n border-color: #000 !important;\n overflow: visible;\n}\n.button:hover {\n filter: none;\n}\n.button::after {\n content: '';\n position: absolute;\n top: 8px;\n left: 8px;\n z-index: -1;\n width: 100%;\n height: 100%;\n background-color: var(--this-borderColor);\n border-radius: calc(var(--this-borderRadius) * 1px);\n transition: all 0.3s ease-in-out;\n border: 0;\n box-shadow: 0 0 0 calc(var(--this-borderWidth) * 1px) #000;\n}\n.button:hover::after {\n top: -8px;\n left: -8px;\n width: calc(100% + 8px * 2);\n height: calc(100% + 8px * 2);\n}", "backgroundColor": "#ffffff", "borderRadius": 6, "borderWidth": 2, "borderColor": "#ffc0cb", "effects": [], "blocks": [ { "type": "trigger", "uid": "LxHLtUSYdN5w38Yy", "targetId": -1, "event": "click", "blocks": [ { "type": "setProperty", "uid": "edaPysb1yUh_4PGP", "targetId": 2176, "presets": [ { "actions": [ { "targetId": 2176, "method": "setProperty", "args": { "visible": { "type": "boolean", "value": true, "isExpression": false } } } ], "uid": "UZHEhkFTvaVwoDaB", "ordinal": 0 } ], "animated": false, "easing": "ease", "duration": 0.5 } ], "isCustomEvent": false }, { "type": "trigger", "uid": "4ypKWQSMO5xn8IIl", "targetId": -1, "event": "click", "blocks": [ { "type": "call", "uid": "rPEBpV3mESyTTezF", "action": { "method": "play", "args": {}, "targetId": 2084 } } ], "isCustomEvent": false }, { "type": "trigger", "uid": "dR37zIXLyGkrQ9js", "targetId": -1, "event": "click", "blocks": [ { "type": "setProperty", "uid": "s7p340RVY9padUeF", "targetId": 2061, "presets": [ { "actions": [ { "targetId": 2061, "method": "setProperty", "args": { "visible": { "type": "boolean", "value": true, "isExpression": false } } } ], "uid": "ub_8I0Za0qE8qXCB", "ordinal": 0 } ], "animated": false, "easing": "ease", "duration": 0.5 } ], "isCustomEvent": false }, { "type": "trigger", "uid": "LI1rfQO3C6A2EgEf", "targetId": -1, "event": "click", "blocks": [ { "type": "setProperty", "uid": "_dwTxQAO2KVtZAoa", "targetId": 2047, "presets": [ { "actions": [ { "targetId": 2047, "method": "setProperty", "args": { "visible": { "type": "boolean", "value": true, "isExpression": false } } } ], "uid": "3JCPbNa9simSbYJU", "ordinal": 0 } ], "animated": false, "easing": "ease", "duration": 0.5 } ], "isCustomEvent": false }, { "type": "trigger", "uid": "trY0xIxO8u1jlqnH", "targetId": -1, "event": "click", "blocks": [ { "type": "setProperty", "uid": "0ueItBz7WrU9BCOT", "targetId": 1744, "presets": [ { "actions": [ { "method": "setProperty", "targetId": 1744, "args": { "visible": { "type": "boolean", "value": false, "isExpression": false } } } ], "uid": "zY8GHIaYGeWFAenY", "ordinal": 0 } ], "animated": false, "easing": "ease", "duration": 0.5 } ], "isCustomEvent": false }, { "type": "trigger", "uid": "P2U9GWoW9cjUeBBD", "targetId": -1, "event": "click", "blocks": [ { "type": "setProperty", "uid": "AWnpiQu2VCWL3VLI", "targetId": -1, "presets": [ { "actions": [ { "targetId": -1, "method": "setProperty", "args": { "visible": { "type": "boolean", "value": false, "isExpression": false } } } ], "uid": "bRh2Jgxcsbicbu0A", "ordinal": 0 } ], "animated": false, "easing": "ease", "duration": 0.5 } ], "isCustomEvent": false } ], "x": 210, "y": 236, "designState": { "isLocked": false }, "javascript": "this.on('click', (event) => {\n get(1868).isPlaying = \"true\";\n get(1868).isLosing = \"false\";\n get(2458).visible = false\n get(2435).value = 3\n});" } ], "blocks": [ { "type": "trigger", "uid": "XsIbWZ_SNsVk4AWh", "targetId": -1, "event": "click", "blocks": [ { "type": "setProperty", "uid": "5IngDQtniQkTfHMy", "targetId": 2435, "presets": [ { "actions": [ { "targetId": 2435, "method": "setProperty", "args": { "visible": { "type": "boolean", "value": true, "isExpression": false } } } ], "uid": "DmbXHqwg106bRKvN", "ordinal": 0 } ], "animated": false, "easing": "ease", "duration": 0.5 } ], "isCustomEvent": false } ], "instructions": [], "verticalGravity": 1.62, "physicsEnabled": true }, { "componentType": "Play Kit/Container", "x": -274, "y": 2320, "width": 370, "height": 160, "overflow": "show", "name": "GameAssets", "style": { "componentType": "Play Kit/Style" }, "children": [ { "id": 1868, "componentType": "Play Kit/Timer", "name": "timer", "style": { "componentType": "Play Kit/Style" }, "effects": [], "x": 0, "y": 100, "blocks": [], "designState": { "isLocked": false }, "javascript": "this.isPlaying = 'false'\nthis.isLosing = 'false'\n\nthis.on('tick', (event) => {\n\n if (this.isPlaying === 'false' ) {\n return\n }\n \n get(1800).verticalGravity += 0.1\n\n\n \n const newElement = get(1756).clone();\n newElement.x = Math.random() * get(1800).width/2;\n newElement.y = Math.random() * get(1800).height/2;\n get(1800).appendChild(newElement);\n\n\n if (get(2435).value == 0){\n this.isPlaying = 'false'\n this.isLosing = 'true'\n get(2084).stop()\n get(2047).visible = false\n get(2061).visible = false\n get(2176).visible = false\n get(2435).visible = false\n get(2458).visible = true\n get(1748).visible = true\n }\n\n});", "instructions": [] }, { "id": 1756, "componentType": "Play Kit/Image", "name": "asteroid", "width": 77, "height": 77, "mimeType": "image/webp", "source": "sha256:7e2b068c8af9f0d019866b1c7bfbba29d1f6a967369634454c70dec4333e063a", "style": { "componentType": "Play Kit/Style" }, "x": 8, "y": 0, "blocks": [ { "type": "trigger", "uid": "WZw8d6y6i2xwepjU", "targetId": -1, "event": "click", "blocks": [ { "type": "setProperty", "uid": "DQ_50LeHGB4ilvF5", "targetId": 2061, "presets": [ { "actions": [ { "method": "setProperty", "targetId": 2061, "args": { "text": { "value": "get(2061).text = parseFloat(get(2061).text) + 1", "type": "string", "isExpression": true, "priorValue": "0" } } } ], "uid": "ApsoM6GHTVE3g9qs", "ordinal": 0 } ], "animated": false, "easing": "ease", "duration": 0.5 } ], "isCustomEvent": false } ], "instructions": [], "javascript": "const isMuted = 'false'\n\nthis.on('click', (event) => {\n if (isMuted == 'false') {\n get(2092).play()\n }\n let explotion = get(2100).clone()\n explotion.x = this.x\n explotion.y = this.y\n\n get(1800 /* Game */).appendChild(explotion)\n this.y = 3000\n setTimeout(() => {\n explotion.y = 3000\n}, \"500\");\n\n this.on(\"begincontact\", (event) => {\n let collidedWith = event.detail.object;\n console.log(event.detail, event, collidedWith)\n if (collidedWith) {\n get(2435).value -= 1\n }\n});\n});\n\n", "effects": [ { "componentType": "Play Kit/PhysicsProperties", "bounciness": 50, "name": "Play Kit/PhysicsProperties" } ] }, { "id": 2084, "componentType": "Play Kit/Audio", "name": "Arcade ost", "width": 120, "height": 72, "mimeType": "audio/mpeg", "source": "sha256:3d895c69efb25a546745fc6ab0ffdfe918cd6e547402e43482a9d681390e686c", "style": { "componentType": "Play Kit/Style" }, "x": 114, "y": 88, "loop": true }, { "id": 2092, "componentType": "Play Kit/Audio", "name": "Explotion", "width": 120, "height": 72, "mimeType": "audio/mpeg", "source": "sha256:2f527f7aa847afc082ce9c33bd11ab23576ae163a38c92d7fca42e2431fa50c7", "style": { "componentType": "Play Kit/Style" }, "x": 250, "y": 88, "blocks": [], "designState": { "isLocked": false }, "volume": 16 }, { "id": 2100, "componentType": "Play Kit/Image", "name": "explotion-explode", "width": 44, "height": 64, "mimeType": "image/gif", "source": "sha256:a603d4be37b1f1b6e0c59a52d8a61c9d37348f67ac4ac60257bea44d4189dfb4", "style": { "componentType": "Play Kit/Style" }, "x": 85, "y": 7 } ], "physicsEnabled": false, "verticalGravity": 1.62 }, { "id": 2047, "componentType": "Play Kit/BodyText", "name": "score", "style": { "componentType": "Play Kit/Style" }, "width": 72.03125, "height": 30, "text": "score: ", "html": "

score: 

", "effects": [], "x": 0, "y": 1445, "blocks": [], "designState": { "isLocked": false }, "color": "rgb(243, 243, 243)", "visible": false }, { "id": 2061, "componentType": "Play Kit/BodyText", "name": "scoreTotal", "style": { "componentType": "Play Kit/Style" }, "width": 13.359375, "height": 30, "text": "0", "html": "

0

", "effects": [], "x": 72, "y": 1445, "blocks": [], "designState": { "isLocked": false }, "color": "rgb(255, 255, 255)", "visible": false }, { "id": 2176, "componentType": "Play Kit/Image", "name": "4472584", "width": 39, "height": 39, "mimeType": "image/png", "source": "sha256:21b710128118f568919fbfeba5706a9109ef6ae110e86aab40ed0e5fb26a335b", "style": { "componentType": "Play Kit/Style" }, "x": 560, "y": 1446, "visible": false, "blocks": [ { "type": "trigger", "uid": "P1G83qvTjt4lfN1Q", "targetId": -1, "event": "click", "blocks": [ { "type": "call", "uid": "AtEn62MaiE0g77m3", "action": { "method": "stop", "args": {}, "targetId": 2092 } } ], "isCustomEvent": false }, { "type": "trigger", "uid": "oNQvkdjB7yzMQ2Hl", "targetId": -1, "event": "click", "blocks": [ { "type": "call", "uid": "gRQTMyyU_zXlWCSi", "action": { "method": "stop", "args": {}, "targetId": 2084 } } ], "isCustomEvent": false } ], "javascript": "this.on('click', (event) => {\n if (get(1756).isMuted == 'false') {\n get(1756).isMuted = \"true\"\n } else {\n get(1756).isMuted = \"false\"\n }\n});" }, { "id": 2435, "componentType": "Play Kit/Slider", "name": "slider", "style": { "componentType": "Play Kit/Style" }, "effects": [], "x": 109, "y": 1450, "blocks": [], "designState": { "isLocked": false }, "value": 3, "max": 3, "step": 0, "color": "#ff0000", "backgroundColor": "#ff0c0c", "visible": false, "disabled": true } ], "style": { "componentType": "Play Kit/Style" }, "overflow": "show", "backgroundColor": "#1b1a1a", "effects": [ { "componentType": "Play Kit/Cursor", "name": "Play Kit/Cursor", "source": "sha256:1cb64890236b520a7ca7bc37b985000fa32f3427efa8e2d9f15f2b52a2213f54", "image": "sha256:1cb64890236b520a7ca7bc37b985000fa32f3427efa8e2d9f15f2b52a2213f54", "imageSize": 40 } ], "isLink": true, "verticalGravity": 1.62, "physicsEnabled": true } ], "appliedMigrations": [ "000000000008", "000000000010", "000000000011", "000000000012", "000000000015", "000000000016", "000000000017", "000000000018", "202207181546", "202208311230", "202210191031", "202212051649", "202302091707", "202303291709", "202305041516", "202306010852", "202306090126", "202307141620", "202309201451", "202309261808", "202311011728", "202305171411", "202305231454", "202309151408", "202311011137", "202311141225", "202311271534", "202311281732", "202312061805", "202401031308", "202401220936", "202402191327", "202402231327", "202402261556", "202402281106", "202402291157", "202403081142", "202403110900", "202404262239" ], "Components": {}, "style": { "componentType": "Play Kit/Style" }, "children": [] }