Tower Defense

[{"_1":2,"_161":-5,"_162":-5},"loaderData",{"_3":4,"_55":56,"_160":-5},"root",{"_5":6,"_19":-5,"_20":-5,"_21":22,"_36":-5,"_37":-5,"_38":-5,"_39":-5,"_40":41,"_42":43,"_52":41,"_53":54},"env",{"_7":8,"_9":10,"_11":12,"_13":14,"_15":16,"_17":18},"SUPABASE_URL","https://hello.websim.com","SUPABASE_ANON_KEY","eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im9jamVmZ2NqamlxeWt3YWR2dnJkIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MTE4MzI5OTMsImV4cCI6MjAyNzQwODk5M30.vsreOYwk8pKsr8NFlzpIzWAiD-vXj6ijv_Bhn1vYtHs","POSTHOG_KEY","phc_VHMOlrdxAbgSZHeF0SdSf07LZLRLAg5pZuTHkJGn050","POSTHOG_API_HOST","https://e.wbsm.ai","POSTHOG_UI_HOST","https://app.posthog.com","NODE_ENV","production","authUser","user","snapshotData",{"_23":-5,"_24":-5,"_25":-5,"_26":-5,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5,"_33":-5,"_34":-5,"_35":-5},"lastProjectId","sidebarTab","homepageTab","feedTab","pinSidebar","settingsOpen","maximized","assetsExpanded","focusedAssetFilename","authError","authErrorCode","authErrorDescription","sidebarWidth","plan","balances","rewards","pinned","has_default_username",false,"origins",{"_44":45,"_46":47,"_48":49,"_50":51},"origin","https://websim.com","apiOrigin","https://api.websim.com","contentOrigin","https://{PROJECT_ID}.c.websim.com","appDomainOrigin","https://{SUBDOMAIN}.on.websim.com","isMobile","theme","auto","slug",{"_57":58,"_103":104,"_135":136,"_153":154,"_155":-5,"_156":157,"_158":-5,"_159":-5},"site",{"_59":57,"_60":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_76":77,"_78":79,"_80":81,"_86":87,"_97":98,"_99":100,"_101":-5,"_102":-5},"_type","id","ockuivCs38vDdzCTP","parent_id","iTBrKKkdFUfrTNz4x","created_at","2024-07-30T08:36:50.583785+00:00","state","done","model","sonnet","lore",{"_72":73,"_74":75},"version",1,"attachments",[],"title","Game Fusion: Tower Defense, Space Invaders, Snake, and Breakout","url","https://websim.ai/c/game-fusion","prompt",{"_82":83,"_84":85},"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();","owner",{"_59":20,"_60":88,"_64":89,"_90":91,"_92":-5,"_93":-5,"_94":95,"_96":41},"b658ab62-5725-44c4-85c6-14e9cc092b24","2024-06-30T04:29:36.099282+00:00","username","cascade","discord_id","discord_username","avatar_url","https://avatars.websim.ai/b658ab62-5725-44c4-85c6-14e9cc092b24/z7ylIeRzyUoGxhONv.webp","is_admin","link_url","/p/dyiadynd1i8sga0omxo1","versioned_link_url","/p/dyiadynd1i8sga0omxo1/1","deleted_at","yapping","project",{"_59":103,"_60":105,"_64":106,"_107":108,"_76":77,"_109":110,"_55":111,"_112":113,"_114":73,"_115":-5,"_62":116,"_117":73,"_101":-5,"_118":119,"_120":121,"_126":119,"_127":-5,"_128":129,"_130":41,"_131":-5,"_132":133,"_134":-5},"dyiadynd1i8sga0omxo1","2024-09-21T00:37:36.219618+00:00","updated_at","2024-09-21T00:37:36.22+00:00","visibility","public","game-fusion-tower-defense-space-invaders-snake-and","created_by",{"_59":20,"_60":88,"_64":89,"_90":91,"_92":-5,"_93":-5,"_94":95,"_96":41},"current_version","last_posted_version","q18rq48s6nntdq39zyap","parent_version","posted",true,"stats",{"_122":123,"_124":73,"_125":123},"views",0,"likes","comments","auto_set_current","description","comments_mode","open","enable_chat","from_template","domains",[],"thumbnail","project_revision",{"_59":135,"_60":137,"_72":73,"_64":108,"_138":-5,"_62":-5,"_139":-5,"_140":-5,"_112":141,"_142":143,"_145":105,"_107":108,"_101":-5,"_120":146,"_148":41,"_149":61,"_150":-5,"_151":-5,"_152":-5},"01921203-415c-7afc-aa74-2d6d52818e42","visited_at","parent_revision_version","parent_revision_project_id",{"_59":20,"_60":88,"_64":89,"_90":91,"_92":-5,"_93":-5,"_94":95,"_96":41},"meta",{"_72":144},"1","project_id",{"_147":123},"multiplayer_count","draft","site_id","chat_session_id","chat_session_run_index","current_screenshot_url","cursor","eyJpZCI6IjAxOTIxMjAzLTQxNWMtN2FmYy1hYTc0LTJkNmQ1MjgxOGU0MiJ9","token","included",[],"branch","dehydratedState","routes/browser/layout","actionData","errors"]