Tower Defense

[{"_1":2,"_174":-5,"_175":-5},"loaderData",{"_3":4,"_58":59,"_173":-5},"root",{"_5":6,"_21":-5,"_22":-5,"_23":24,"_41":-5,"_42":-5,"_43":-5,"_44":45,"_54":55,"_56":57},"env",{"_7":8,"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20},"SUPABASE_URL","https://hello.websim.com","SUPABASE_KEY","sb_publishable_Psom5r5hvV9Glvzv4s3oOQ_2b_HevU-","POSTHOG_KEY","phc_VHMOlrdxAbgSZHeF0SdSf07LZLRLAg5pZuTHkJGn050","POSTHOG_API_HOST","https://e.wbsm.ai","POSTHOG_UI_HOST","https://app.posthog.com","GOOGLE_OAUTH_CLIENT_ID","891181648870-i708rj1bgjol84hie20shfr4u4ecf3o7.apps.googleusercontent.com","ACTIVITY_DIRECT_PAGEVIEW","on","authUser","user","snapshotData",{"_25":-5,"_26":-5,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5,"_33":-5,"_34":-5,"_35":-5,"_36":-5,"_37":-5,"_38":-5,"_39":-5,"_40":-5},"lastProjectId","sidebarTab","homepageTab","pinSidebar","settingsOpen","maximized","assetsExpanded","focusedAssetFilename","authError","authErrorCode","authErrorDescription","sidebarWidth","videoMuted","videoVolume","navigationContext","hasSeenFeedOnboarding","plan","balances","rewards","origins",{"_46":47,"_48":49,"_50":51,"_52":53},"origin","https://websim.com","apiOrigin","https://api.websim.com","contentOrigin","https://{PROJECT_ID}.c.websim.com","appDomainOrigin","https://{SUBDOMAIN}.on.websim.com","isMobile",false,"theme","auto","slug",{"_60":61,"_62":63,"_119":120,"_137":138,"_165":166,"_167":-5,"_168":169,"_170":171},"version","1","project",{"_64":62,"_65":66,"_67":68,"_69":70,"_80":81,"_82":83,"_84":85,"_86":87,"_88":89,"_90":-5,"_91":92,"_93":89,"_94":-5,"_95":96,"_97":98,"_58":107,"_108":96,"_109":96,"_110":55,"_111":-5,"_112":-5,"_113":-5,"_114":115,"_116":-5,"_117":-5,"_118":55},"_type","id","07h2lo0s4qp2mznx_58i","created_at","2024-09-21T00:37:34.192Z","created_by",{"_64":22,"_65":71,"_72":73,"_67":74,"_75":76,"_77":-5,"_78":-5,"_79":55},"b658ab62-5725-44c4-85c6-14e9cc092b24","username","cascade","2024-06-30T04:29:36.099Z","avatar_url","https://avatars.websim.ai/b658ab62-5725-44c4-85c6-14e9cc092b24/z7ylIeRzyUoGxhONv.webp","discord_username","discord_id","is_admin","updated_at","2024-11-15T20:36:27.254Z","title","CyberQuest: Navigating the Digital Frontier - Arcade","comments_mode","open","visibility","public","current_version",1,"last_posted_version","parent_id","oxexn5sbzdaznlqyw3zo","parent_version","deleted_at","posted",true,"stats",{"_99":100,"_101":66,"_102":103,"_104":103,"_105":106},"~type","project_stats","project_id","views",2,"likes","comments",0,"cyberquest-navigating-the-digital-frontier-arcade","auto_set_current","allow_automatic_improvements","board_enabled","description","generated_description","from_template","domains",[],"thumbnail","video","has_active_experiment","project_revision",{"_64":119,"_65":121,"_60":89,"_67":122,"_123":-5,"_91":-5,"_124":-5,"_125":-5,"_69":126,"_127":128,"_101":66,"_80":81,"_94":-5,"_97":129,"_131":55,"_132":133,"_134":-5,"_135":-5,"_136":-5},"01921203-3971-7060-9bc3-3a814e1f900a","2024-09-21T00:37:34.193Z","visited_at","parent_revision_version","parent_revision_project_id",{"_64":22,"_65":71,"_72":73,"_67":74,"_75":76,"_77":-5,"_78":-5,"_79":55},"meta",{"_60":61},{"_130":106},"multiplayer_count","draft","site_id","mOVy0WEOp5qhIPRhL","chat_session_id","chat_session_run_index","current_screenshot_url","site",{"_64":137,"_65":133,"_91":139,"_67":140,"_141":142,"_143":144,"_145":146,"_82":83,"_149":150,"_151":152,"_157":-5,"_158":159,"_160":161,"_94":-5,"_162":-5,"_163":164},"J7UcBIJFW4b7aJVF8","2024-07-30T08:11:01.625Z","state","done","model","sonnet","lore",{"_60":89,"_147":148},"attachments",[],"owner",{"_64":22,"_65":71,"_72":73,"_67":74,"_75":76,"_77":-5,"_78":-5,"_79":55},"prompt",{"_153":154,"_155":156},"type","plaintext","text","\n\n\n Tower Defense\n \n\n\n

\n\n\n\n\n\n\n Space Invaders\n \n\n\n

\n \n\n\n\n\n\n Snake Game\n \n\n\n

\n \n\n\n\n\n\n Breakout\n \n\n\n

\n \n\n\nconst canvas = document.getElementById('gameCanvas');\nconst ctx = canvas.getContext('2d');\n\n// Game variables\nlet game = {\n wave: 0,\n money: 100,\n lives: 20,\n towers: [],\n enemies: []\n};\n\n// Tower and enemy classes\nclass Tower {\n constructor(x, y, type) {\n // ...\n }\n upgrade() {\n // ...\n }\n shoot() {\n // ...\n }\n}\n\nclass Enemy {\n constructor(x, y, type) {\n // ...\n }\n move() {\n // ...\n }\n takeDamage(damage) {\n // ...\n }\n attack() {\n // ...\n }\n}\n\n// Game loop\nfunction gameLoop() {\n // Clear canvas\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n // Update game logic\n // ...\n\n // Draw game elements\n // ...\n\n requestAnimationFrame(gameLoop);\n}\n\n// Event listeners\n// ...\n\n// Game initialization\n// ...\n\ngameLoop();\nconst canvas = document.getElementById('gameCanvas');\nconst ctx = canvas.getContext('2d');\n\n// Game variables\nlet player = {\n x: canvas.width / 2,\n y: canvas.height - 30,\n width: 30,\n height: 30,\n speed: 3\n};\n\nlet bullets = [];\nlet invaders = [];\n\n// Game functions\nfunction drawPlayer() {\n ctx.fillStyle = 'blue';\n ctx.fillRect(player.x, player.y, player.width, player.height);\n}\n\nfunction drawBullets() {\n for (let i = 0; i < bullets.length; i++) {\n let bullet = bullets[i];\n ctx.fillStyle = 'white';\n ctx.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);\n bullet.y -= 5;\n if (bullet.y < 0) {\n bullets.splice(i, 1);\n }\n }\n}\n\nfunction drawInvaders() {\n // ...\n}\n\nfunction moveInvaders() {\n // ...\n}\n\nfunction checkCollisions() {\n // ...\n}\n\nfunction gameLoop() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n drawPlayer();\n drawBullets();\n drawInvaders();\n moveInvaders();\n checkCollisions();\n requestAnimationFrame(gameLoop);\n}\n\n// Event listeners\ndocument.addEventListener('keydown', (event) => {\n if (event.key === 'ArrowLeft') {\n player.x -= player.speed;\n } else if (event.key === 'ArrowRight') {\n player.x += player.speed;\n } else if (event.key === 'Space') {\n // Fire bullet\n bullets.push({\n x: player.x + player.width / 2,\n y: player.y,\n width: 3,\n height: 10\n });\n }\n});\n\ngameLoop();\nconst canvas = document.getElementById('gameCanvas');\nconst ctx = canvas.getContext('2d');\n\n// Snake object\nlet snake = {\n x: 100,\n y: 100,\n dx: 10,\n dy: 0,\n cells: [],\n length: 0\n};\n\n// Food object\nlet food = {\n x: Math.floor(Math.random() * 40) * 10,\n y: Math.floor(Math.random() * 40) * 10\n};\n\n// Game variables\nlet score = 0;\n\n// Game functions\nfunction drawSnake() {\n ctx.fillStyle = 'green';\n for (let i = 0; i < snake.cells.length; i++) {\n ctx.fillRect(snake.cells[i].x, snake.cells[i].y, 10, 10);\n }\n}\n\nfunction drawFood() {\n ctx.fillStyle = 'red';\n ctx.fillRect(food.x, food.y, 10, 10);\n}\n\nfunction checkCollision() {\n // ...\n}\n\nfunction gameLoop() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n drawSnake();\n drawFood();\n checkCollision();\n\n snake.x += snake.dx;\n snake.y += snake.dy;\n\n // ... update snake cells, check for food, etc.\n\n requestAnimationFrame(gameLoop);\n}\n\n// Event listeners\ndocument.addEventListener('keydown', (event) => {\n if (event.key === 'ArrowUp' && snake.dy !== 10) {\n snake.dx = 0;\n snake.dy = -10;\n } else if (event.key === 'ArrowDown' && snake.dy !== -10) {\n snake.dx = 0;\n snake.dy = 10;\n } else if (event.key === 'ArrowLeft' && snake.dx !== 10) {\n snake.dx = -10;\n snake.dy = 0;\n } else if (event.key === 'ArrowRight' && snake.dx !== -10) {\n snake.dx = 10;\n snake.dy = 0;\n }\n});\n\ngameLoop();\nconst canvas = document.getElementById('gameCanvas');\nconst ctx = canvas.getContext('2d');\n\n// Game objects\nlet ball = {\n x: canvas.width / 2,\n y: canvas.height - 30,\n dx: 2,\n dy: -2,\n radius: 10\n};\n\nlet paddle = {\n x: (canvas.width - 75) / 2,\n y: canvas.height - 10,\n width: 75,\n height: 10,\n speed: 5\n};\n\nlet bricks = [];\n\n// Game variables\nlet score = 0;\nlet lives = 3;\n\n// Game functions\nfunction drawBall() {\n ctx.beginPath();\n ctx.arc(ball.x, ball.y, ball.radius, 0, Math.PI * 2);\n ctx.fillStyle = '#0095DD';\n ctx.fill();\n ctx.closePath();\n}\n\nfunction drawPaddle() {\n ctx.beginPath();\n ctx.rect(paddle.x, paddle.y, paddle.width, paddle.height);\n ctx.fillStyle = '#0095DD';\n ctx.fill();\n ctx.closePath();\n}\n\nfunction drawBricks() {\n // ...\n}\n\nfunction collisionDetection() {\n // ...\n}\n\nfunction gameLoop() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n drawBall();\n drawPaddle();\n drawBricks();\n collisionDetection();\n\n ball.x += ball.dx;\n ball.y += ball.dy;\n // ... ball bouncing logic\n\n requestAnimationFrame(gameLoop);\n}\n\n// Event listeners\ndocument.addEventListener('keydown', (event) => {\n if (event.key === 'ArrowLeft') {\n paddle.x -= paddle.speed;\n } else if (event.key === 'ArrowRight') {\n paddle.x += paddle.speed;\n }\n});\n\ngameLoop();","url","link_url","/p/07h2lo0s4qp2mznx_58i","versioned_link_url","/p/07h2lo0s4qp2mznx_58i/1","yapping","page_description","The page is titled \"CyberQuest: Navigating the Digital Frontier - Arcade\" and features an arcade-like interface that allows users to play four different…","cursor","eyJpZCI6IjA3aDJsbzBzNHFwMm16bnhfNThpIn0","token","included",[],"about",{"_172":-5},"parent","routes/browser/layout","actionData","errors"]