[{"_1":2,"_185":-5,"_186":-5},"loaderData",{"_3":4,"_58":59,"_184":-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","eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im9jamVmZ2NqamlxeWt3YWR2dnJkIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MTE4MzI5OTMsImV4cCI6MjAyNzQwODk5M30.vsreOYwk8pKsr8NFlzpIzWAiD-vXj6ijv_Bhn1vYtHs","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,"_118":119,"_138":139,"_176":177,"_178":-5,"_179":180,"_181":182},"version","1","project",{"_64":62,"_65":66,"_67":68,"_69":70,"_80":81,"_82":83,"_84":85,"_86":87,"_88":89,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":95,"_96":97,"_58":106,"_107":95,"_108":95,"_109":55,"_110":-5,"_111":-5,"_112":-5,"_113":114,"_115":-5,"_116":-5,"_117":55},"_type","id","ziltcwo4ju1lv4zecbuo","created_at","2026-01-03T05:21:35.564Z","created_by",{"_64":22,"_65":71,"_72":73,"_67":74,"_75":76,"_77":-5,"_78":-5,"_79":55},"bb1a684c-b664-4eac-a90e-2f69b30d08df","username","triangledrblxfanaccount","2025-12-10T07:02:21.217Z","avatar_url","https://lh3.googleusercontent.com/a/ACg8ocIzPKY289YeWLQP02KhXOsAR3iL2eljT_-CYimsTJ9dtOcAAw=s96-c","discord_username","discord_id","is_admin","updated_at","2026-01-03T05:23:01.605Z","title","Colorbox from TEMU be like:","comments_mode","open","visibility","public","current_version",1,"last_posted_version","parent_id","parent_version","deleted_at","posted",true,"stats",{"_98":99,"_100":66,"_101":102,"_103":104,"_105":89},"~type","project_stats","project_id","views",86,"likes",0,"comments","glitchbox-web-port","auto_set_current","allow_automatic_improvements","board_enabled","description","generated_description","from_template","domains",[],"thumbnail","video","has_active_experiment","project_revision",{"_64":118,"_65":120,"_60":89,"_67":121,"_122":-5,"_91":-5,"_123":-5,"_124":-5,"_69":125,"_126":127,"_100":66,"_80":128,"_93":-5,"_96":129,"_131":55,"_132":133,"_134":-5,"_135":-5,"_136":137},"019b824d-cf26-72c1-b5f1-f21a680db9d7","2026-01-03T05:21:36.038Z","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},"2026-01-03T05:23:01.697Z",{"_130":104},"multiplayer_count","draft","site_id","Qg67acoeKEDK3lrec","chat_session_id","chat_session_run_index","current_screenshot_url","https://project-screenshots.websim.com/019b824e-665a-72b1-af4a-4fcfa1e4ffd4","site",{"_64":138,"_65":133,"_91":-5,"_67":140,"_141":142,"_143":144,"_145":146,"_82":158,"_159":160,"_161":162,"_167":-5,"_168":169,"_170":171,"_93":-5,"_172":173,"_174":175},"2026-01-03T05:21:47.002Z","state","done","model","gpt-5-mini","lore",{"_60":89,"_147":148,"_149":55,"_150":55,"_151":55,"_152":55,"_153":95,"_154":55,"_155":55,"_156":55,"_157":55},"attachments",[],"enableMultiplayer_v2","enableMobilePrompt","enableLLM2","enableComments","enableVideo","enableApi","enableTweaks","enableDB","enableDB_v2_1","Glitchbox — Web Port","owner",{"_64":22,"_65":71,"_72":73,"_67":74,"_75":76,"_77":-5,"_78":-5,"_79":55},"prompt",{"_163":164,"_165":166},"type","plaintext","text","#!/usr/bin/env python3\nimport os, math, random, time\nimport pygame\nfrom pygame.locals import *\n\n# Configuration\nWIDTH, HEIGHT = 1280, 720\nFPS = 60\nTILES = 18 \n\nBLACKBOX, COLORBOX, GLITCHBOX, MOSAIC = 0, 1, 2, 3\nMODE_NAMES = [\"Blackbox\", \"Colorbox\", \"Glitchbox\", \"Mosaic\"]\n\ndef clamp(x, a, b): return a if x < a else b if x > b else x\ndef randf(a,b): return random.uniform(a,b)\n\ndef hsv_to_rgb(h): # h 0..6\n c = 255\n x = int(255 * (1 - abs((h % 2) - 1)))\n if 0 <= h < 1: return (c, x, 0)\n if 1 <= h < 2: return (x, c, 0)\n if 2 <= h < 3: return (0, c, x)\n if 3 <= h < 4: return (0, x, c)\n if 4 <= h < 5: return (x, 0, c)\n return (c, 0, x)\n\nclass Skybox:\n def __init__(self, tiles=TILES, mode=COLORBOX):\n self.tiles = tiles\n self.mode = mode\n self.colors = self.make_colors(mode)\n self.row_shift = [0]*6\n self.col_shift = [0]*6\n self.intensity = 1.0\n self.seeds = [random.random()*1000 for _ in range(6)]\n\n def make_colors(self, mode):\n N = self.tiles\n faces = [ [ [ (0,0,0) for _ in range(N) ] for _ in range(N) ] for _ in range(6) ]\n def gray_col():\n g = int(randf(60,180))\n return (g,g,g)\n for f in range(6):\n for y in range(N):\n for x in range(N):\n if mode == BLACKBOX or mode == GLITCHBOX:\n faces[f][y][x] = gray_col()\n else:\n h = randf(0,6)\n col = hsv_to_rgb(h)\n col = tuple(clamp(c + int(randf(-28,28)), 0, 255) for c in col)\n faces[f][y][x] = col\n # simple seam adjust\n N1 = N - 1\n neighbors = {\n 0: {0:(4,0),1:(2,3),2:(5,0),3:(3,1)},\n 1: {0:(4,2),1:(3,3),2:(5,2),3:(2,1)},\n 2: {0:(4,3),1:(0,3),2:(5,3),3:(1,1)},\n 3: {0:(4,1),1:(1,3),2:(5,1),3:(0,1)},\n 4: {0:(1,2),1:(0,0),2:(2,0),3:(3,0)},\n 5: {0:(2,2),1:(0,2),2:(1,0),3:(3,2)},\n }\n for f in range(6):\n tf, te = neighbors[f][0]\n for x in range(N): faces[f][0][x] = faces[tf][ N1 if te==2 else 0 ][ x ]\n rf, re = neighbors[f][1]\n for y in range(N): faces[f][y][N1] = faces[rf][ y ][ N1 if re==3 else 0 ]\n bf, be = neighbors[f][2]\n for x in range(N): faces[f][N1][x] = faces[bf][ 0 if be==0 else N1 ][ x ]\n lf, le = neighbors[f][3]\n for y in range(N): faces[f][y][0] = faces[lf][ y ][ 0 if le==1 else N1 ]\n return faces\n\n def recolor(self):\n self.colors = self.make_colors(self.mode)\n\n def step(self):\n for f in range(6):\n if random.random() < 0.28 * self.intensity:\n self.row_shift[f] = (self.row_shift[f] + random.choice([-1,0,1]) + self.tiles) % self.tiles\n if random.random() < 0.28 * self.intensity:\n self.col_shift[f] = (self.col_shift[f] + random.choice([-1,0,1]) + self.tiles) % self.tiles\n if random.random() < 0.14 * self.intensity:\n self.recolor()\n\ndef main():\n pygame.init()\n screen = pygame.display.set_mode((WIDTH, HEIGHT))\n pygame.display.set_caption(\"Glitchbox (Original Python)\")\n clock = pygame.time.Clock()\n sky = Skybox()\n running = True\n \n # Minimal 3D setup for Python demo\n cam_pos = [0, 0, -3]\n \n while running:\n dt = clock.tick(FPS) / 1000.0\n for ev in pygame.event.get():\n if ev.type == QUIT: running = False\n if ev.type == KEYDOWN:\n if ev.key == K_f: sky.intensity = min(sky.intensity + 0.5, 8.0)\n if ev.key == K_r: sky.intensity = 1.0\n \n sky.step()\n screen.fill((28,28,32))\n \n # Simple rendering logic would go here\n # For the sake of the script being a \"source\" file,\n # we focus on the data structure and core glitch logic.\n \n font = pygame.font.SysFont(\"monospace\", 15)\n txt = font.render(f\"Intensity: {sky.intensity:.1f} | Press F to glitch | Python Port\", True, (200,200,200))\n screen.blit(txt, (10, 10))\n \n pygame.display.flip()\n\n pygame.quit()\n\nif __name__ == '__main__':\n main()","url","link_url","/p/ziltcwo4ju1lv4zecbuo","versioned_link_url","/p/ziltcwo4ju1lv4zecbuo/1","yapping","**Generating web version**\n\nI need to create a web version that mimics functionality using importmap and esm.sh libraries, taking mobile guidelines into account. I’ll generate an index.html and main.js, possibly with modules. The importmap will be minimal since the developer guidelines suggest using the esm.sh CDN. I’ll include the necessary app files: index.html, style.css, and app.js. I'll also implement a Skybox class in JS to render tiles on a canvas and ensure it’s mobile-friendly. Let's get started with these files!\n\nindex.html\n```index.html\n```\n\napp.js\n```app.js\n```","page_description","The page features a full-screen canvas that likely hosts a visual glitch effect application or interactive visualizer. There's an overlay displaying…","cursor","eyJpZCI6InppbHRjd280anUxbHY0emVjYnVvIn0","token","included",[],"about",{"_183":-5},"parent","routes/browser/layout","actionData","errors"]