[{"_1":2,"_179":-5,"_180":-5},"loaderData",{"_3":4,"_61":62,"_178":-5},"root",{"_5":6,"_21":-5,"_22":-5,"_23":24,"_42":-5,"_43":-5,"_44":-5,"_45":46,"_47":48,"_57":58,"_59":60},"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,"_41":-5},"lastProjectId","sidebarTab","homepageTab","pinSidebar","settingsOpen","maximized","assetsExpanded","focusedAssetFilename","authError","authErrorCode","authErrorDescription","sidebarWidth","videoMuted","videoVolume","navigationContext","hasSeenFeedOnboarding","nextUpExpanded","plan","balances","rewards","loadedAt",1793694019931,"origins",{"_49":50,"_51":52,"_53":54,"_55":56},"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",{"_63":64,"_65":66,"_122":123,"_141":142,"_170":171,"_172":-5,"_173":174,"_175":176},"version","1","project",{"_67":65,"_68":69,"_70":71,"_72":73,"_83":84,"_85":86,"_87":88,"_89":90,"_91":92,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":98,"_99":100,"_61":110,"_111":98,"_112":98,"_113":58,"_114":-5,"_115":-5,"_116":-5,"_117":118,"_119":-5,"_120":-5,"_121":58},"_type","id","mr2hm99v_p46q2lo5hju","created_at","2024-09-09T05:59:33.490Z","created_by",{"_67":22,"_68":74,"_75":76,"_70":77,"_78":79,"_80":-5,"_81":-5,"_82":58},"bfe3f24e-f60e-40a3-8b79-62e18201c847","username","Eddywiday","2024-07-08T07:18:38.240Z","avatar_url","https://avatars.websim.ai/bfe3f24e-f60e-40a3-8b79-62e18201c847/fppg2HHuKJbV5pp97.webp","discord_username","discord_id","is_admin","updated_at","2024-11-15T20:35:42.424Z","title","Image Resizer","comments_mode","open","visibility","public","current_version",2,"last_posted_version","parent_id","parent_version","deleted_at","posted",true,"stats",{"_101":102,"_103":69,"_104":105,"_106":107,"_108":109},"~type","project_stats","project_id","views",14,"likes",1,"comments",0,"flappy-bird-clone","auto_set_current","allow_automatic_improvements","board_enabled","description","generated_description","from_template","domains",[],"thumbnail","video","has_active_experiment","project_revision",{"_67":122,"_68":124,"_63":92,"_70":125,"_126":-5,"_94":127,"_128":107,"_129":-5,"_72":130,"_131":132,"_103":69,"_83":84,"_96":-5,"_99":133,"_135":58,"_136":137,"_138":-5,"_139":-5,"_140":-5},"0191d572-0226-706b-917f-208272232dd9","2024-09-09T06:21:44.358Z","visited_at","0191d55d-b3b0-7e8f-ad98-d4de950509d0","parent_revision_version","parent_revision_project_id",{"_67":22,"_68":74,"_75":76,"_70":77,"_78":79,"_80":-5,"_81":-5,"_82":58},"meta",{"_63":64},{"_134":109},"multiplayer_count","draft","site_id","J8S8W0snPj7jDEVIL","chat_session_id","chat_session_run_index","current_screenshot_url","site",{"_67":141,"_68":137,"_94":143,"_70":144,"_145":146,"_147":148,"_149":150,"_85":153,"_154":155,"_156":157,"_162":-5,"_163":164,"_165":166,"_96":-5,"_167":-5,"_168":169},"FJKQOjqA7SAXgNLWx","2024-09-09T06:21:44.395Z","state","done","model","sonnet","lore",{"_63":107,"_151":152},"attachments",[],"Flappy Bird Clone","owner",{"_67":22,"_68":74,"_75":76,"_70":77,"_78":79,"_80":-5,"_81":-5,"_82":58},"prompt",{"_158":159,"_160":161},"type","plaintext","text","var ctx = myCanvas.getContext('2d');\nvar FPS = 40;\nvar jump_amount = -10;\nvar max_fall_speed = +10;\nvar acceleration = 1;\nvar pipe_speed = -2;\nvar game_mode = 'prestart';\nvar time_game_last_running;\nvar bottom_bar_offset = 0;\nvar pipes = [];\n\nfunction MySprite(img_url) {\n this.x = 0;\n this.y = 0;\n this.visible = true;\n this.velocity_x = 0;\n this.velocity_y = 0;\n this.MyImg = new Image();\n this.MyImg.src = img_url || '';\n this.angle = 0;\n this.flipV = false;\n this.flipH = false;\n}\nMySprite.prototype.Do_Frame_Things = function () {\n ctx.save();\n ctx.translate(this.x + this.MyImg.width / 2, this.y + this.MyImg.height / 2);\n ctx.rotate((this.angle * Math.PI) / 180);\n if (this.flipV) ctx.scale(1, -1);\n if (this.flipH) ctx.scale(-1, 1);\n if (this.visible)\n ctx.drawImage(this.MyImg, -this.MyImg.width / 2, -this.MyImg.height / 2);\n this.x = this.x + this.velocity_x;\n this.y = this.y + this.velocity_y;\n ctx.restore();\n};\nfunction ImagesTouching(thing1, thing2) {\n if (!thing1.visible || !thing2.visible) return false;\n if (\n thing1.x >= thing2.x + thing2.MyImg.width ||\n thing1.x + thing1.MyImg.width <= thing2.x\n )\n return false;\n if (\n thing1.y >= thing2.y + thing2.MyImg.height ||\n thing1.y + thing1.MyImg.height <= thing2.y\n )\n return false;\n return true;\n}\nfunction Got_Player_Input(MyEvent) {\n switch (game_mode) {\n case 'prestart': {\n game_mode = 'running';\n break;\n }\n case 'running': {\n bird.velocity_y = jump_amount;\n break;\n }\n case 'over':\n if (new Date() - time_game_last_running > 1000) {\n reset_game();\n game_mode = 'running';\n break;\n }\n }\n MyEvent.preventDefault();\n}\naddEventListener('touchstart', Got_Player_Input);\naddEventListener('mousedown', Got_Player_Input);\naddEventListener('keydown', Got_Player_Input);\nfunction make_bird_slow_and_fall() {\n if (bird.velocity_y < max_fall_speed) {\n bird.velocity_y = bird.velocity_y + acceleration;\n }\n if (bird.y > myCanvas.height - bird.MyImg.height) {\n bird.velocity_y = 0;\n game_mode = 'over';\n }\n if (bird.y < 0 - bird.MyImg.height) {\n bird.velocity_y = 0;\n game_mode = 'over';\n }\n}\n\nfunction add_pipe(x_pos, top_of_gap, gap_width) {\n var top_pipe = new MySprite();\n top_pipe.MyImg = pipe_piece;\n top_pipe.x = x_pos;\n top_pipe.y = top_of_gap - pipe_piece.height;\n top_pipe.velocity_x = pipe_speed;\n pipes.push(top_pipe);\n var bottom_pipe = new MySprite();\n bottom_pipe.MyImg = pipe_piece;\n bottom_pipe.flipV = true;\n bottom_pipe.x = x_pos;\n bottom_pipe.y = top_of_gap + gap_width;\n bottom_pipe.velocity_x = pipe_speed;\n pipes.push(bottom_pipe);\n}\nfunction make_bird_tilt_appropriately() {\n if (bird.velocity_y < 0) {\n bird.angle = -15;\n } else if (bird.angle < 70) {\n bird.angle = bird.angle + 4;\n }\n}\nfunction show_the_pipes() {\n for (var i = 0; i < pipes.length; i++) {\n pipes[i].Do_Frame_Things();\n }\n}\nfunction check_for_end_game() {\n for (var i = 0; i < pipes.length; i++)\n if (ImagesTouching(bird, pipes[i])) game_mode = 'over';\n}\nfunction display_intro_instructions() {\n ctx.font = '25px Arial';\n ctx.fillStyle = 'red';\n ctx.textAlign = 'center';\n ctx.fillText(\n 'Press, touch or click to start',\n myCanvas.width / 2,\n myCanvas.height / 4\n );\n}\nfunction display_game_over() {\n var score = 0;\n for (var i = 0; i < pipes.length; i++)\n if (pipes[i].x < bird.x) score = score + 0.5;\n ctx.font = '30px Arial';\n ctx.fillStyle = 'red';\n ctx.textAlign = 'center';\n ctx.fillText('Game Over', myCanvas.width / 2, 100);\n ctx.fillText('Score: ' + score, myCanvas.width / 2, 150);\n ctx.font = '20px Arial';\n ctx.fillText('Click, touch, or press to play again', myCanvas.width / 2, 300);\n}\nfunction display_bar_running_along_bottom() {\n if (bottom_bar_offset < -23) bottom_bar_offset = 0;\n ctx.drawImage(\n bottom_bar,\n bottom_bar_offset,\n myCanvas.height - bottom_bar.height\n );\n}\nfunction reset_game() {\n bird.y = myCanvas.height / 2;\n bird.angle = 0;\n pipes = []; // erase all the pipes from the array\n add_all_my_pipes(); // and load them back in their starting positions\n}\nfunction add_all_my_pipes() {\n add_pipe(500, 100, 140);\n add_pipe(800, 50, 140);\n add_pipe(1000, 250, 140);\n add_pipe(1200, 150, 120);\n add_pipe(1600, 100, 120);\n add_pipe(1800, 150, 120);\n add_pipe(2000, 200, 120);\n add_pipe(2200, 250, 120);\n add_pipe(2400, 30, 100);\n add_pipe(2700, 300, 100);\n add_pipe(3000, 100, 80);\n add_pipe(3300, 250, 80);\n add_pipe(3600, 50, 60);\n var finish_line = new MySprite('http://s2js.com/img/etc/flappyend.png');\n finish_line.x = 3900;\n finish_line.velocity_x = pipe_speed;\n pipes.push(finish_line);\n}\nvar pipe_piece = new Image();\npipe_piece.onload = add_all_my_pipes;\npipe_piece.src = 'http://s2js.com/img/etc/flappypipe.png';\nfunction Do_a_Frame() {\n ctx.clearRect(0, 0, myCanvas.width, myCanvas.height);\n bird.Do_Frame_Things();\n display_bar_running_along_bottom();\n switch (game_mode) {\n case 'prestart': {\n display_intro_instructions();\n break;\n }\n case 'running': {\n time_game_last_running = new Date();\n bottom_bar_offset = bottom_bar_offset + pipe_speed;\n show_the_pipes();\n make_bird_tilt_appropriately();\n make_bird_slow_and_fall();\n check_for_end_game();\n break;\n }\n case 'over': {\n make_bird_slow_and_fall();\n display_game_over();\n break;\n }\n }\n}\nvar bottom_bar = new Image();\nbottom_bar.src = 'http://s2js.com/img/etc/flappybottom.png';\n\nvar bird = new MySprite('http://s2js.com/img/etc/flappybird.png');\nbird.x = myCanvas.width / 3;\nbird.y = myCanvas.height / 2;\n\nsetInterval(Do_a_Frame, 1000 / FPS);","url","link_url","/p/mr2hm99v_p46q2lo5hju","versioned_link_url","/p/mr2hm99v_p46q2lo5hju/2","yapping","page_description","This page is a web-based clone of the popular mobile game Flappy Bird. It features a canvas where the player controls a bird that must navigate through…","cursor","eyJpZCI6Im1yMmhtOTl2X3A0NnEybG81aGp1In0","token","included",[],"about",{"_177":-5},"parent","routes/browser/layout","actionData","errors"]