[{"_1":2,"_172":-5,"_173":-5},"loaderData",{"_3":4,"_57":58,"_171":-5},"root",{"_5":6,"_19":-5,"_20":-5,"_21":22,"_36":37,"_38":-5,"_39":-5,"_40":-5,"_41":-5,"_42":43,"_44":45,"_54":43,"_55":56},"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","isLoggedOutOrAnonymous",true,"plan","balances","rewards","pinned","has_default_username",false,"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","theme","auto","slug",{"_59":60,"_113":114,"_143":144,"_164":165,"_166":-5,"_167":168,"_169":-5,"_170":-5},"site",{"_61":59,"_62":63,"_64":-5,"_65":66,"_67":68,"_69":70,"_71":72,"_85":86,"_87":88,"_89":90,"_95":96,"_106":107,"_108":109,"_110":-5,"_111":112},"_type","id","vZGgzEs5zY2FfrsQz","parent_id","created_at","2025-07-01T14:01:18.359096+00:00","state","done","model","sonnet-4","lore",{"_73":74,"_75":76,"_77":43,"_78":43,"_79":43,"_80":43,"_81":43,"_82":43,"_83":37,"_84":43},"version",1,"attachments",[],"enableApi","enableMultiplayer_v2","enableMobilePrompt","enableDB","enableDB_v2_1","enableLLM2","enableTweaks","enableComments","title","Submarine Wars - VIDI X ESP32 Game","url","","prompt",{"_91":92,"_93":94},"type","plaintext","text","Kompletan programski kod ove igre neka bude napisan na HTML web stranici te mu dodaj copy gumb. Upute za izradu koda koji će biti prikazana na HTML stranici glase ovako:\nRazmisli o detaljnim uputama za izradu igre za VIDI X mikroračunalo na ESP32 (C++ i Arduino IDE), a zatim napiši kompletan kod za tu igru kako bi ga mogao copy paste u editor koda. \nNa donjem dijelu ekrana nalaze se gumbi za upravljanje podmornicom (Zaroni, Izroni) GPIO35, (Lijevo, Denso) GPIO34, te brzina sa tri razine naprijed i jednom razinom unazad - dakle 5 stupnjeva jer imamo i STOP) Brzinu mijenjamo sa GPIO0 i GPIO13. Pored toga se nalazi gumb za ispaljivanje torpeda GPIO32. Torpedo također ima vlastite gumbe za upravljanje ali samo Lijevo (GPIO27) i Denso(GPIO39) jer je njegova brzina konstantna (200). Maksimalna brzina podmornice je 100. Klikom na gumbe lijevo ili desno podmornica se zakreće za 5°. Zaranjanje i izranjanje je relativno sporo. Sa strane je ispisana brzina i smjer podmornice u stupnjevima. Na ekranu se nalazi grafički prikaz, poput mape, mora, gdje X označava vašu podmornicu. Crta duljine 4 pixela označava ispaljeni torpedo. Postoji i 10 neprijateljskih podmornica koje se proizvoljno kreću po mapi maksimalnom brzinom od 100. Cilj je pogoditi neprijateljsku podmornicu torpedom. One također mogu ispucavati torpeda na vas ali njihova torpeda nisu upravljiva nego se kreću pravocrtno. Neprijatelj može pretpostaviti vašu putanju gdje ćete biti u trenutku kada njihov torpedo dođe do vas te ukoliko niste promijenili smjer ili brzinu kretanja pogodak je neizbježan. Treba paziti da ne ispale sve podmornice torpedo istovremeno jer igrač neće moći preživjeti. Sve podmornice imaju po 10 torpeda i kada ih potroše nemaju ih više.\nOvo je primjer koda za neku drugu igru iz kojega treba iskoristiti dio za prikaz grafike na ekranu te dio za upravljanje, a posebno upravljanje gumbima na GPIO34 i GPIO35 jer su na svakom po dva gumba spojena otpornikom pa očitavamo analogne vrijednosti. \n#define LGFX_USE_V1\n#include \n#include \n\nclass LGFX : public lgfx::LGFX_Device {\n lgfx::Panel_ILI9341 _panel_instance;\n lgfx::Bus_SPI _bus_instance;\npublic:\n LGFX(void) {\n { // Bus config\n auto cfg = _bus_instance.config();\n cfg.spi_host = VSPI_HOST;\n cfg.spi_mode = 0;\n cfg.freq_write = 40000000;\n cfg.freq_read = 16000000;\n cfg.spi_3wire = true;\n cfg.use_lock = true;\n cfg.dma_channel = 1;\n cfg.pin_sclk = 18;\n cfg.pin_mosi = 23;\n cfg.pin_miso = 19;\n cfg.pin_dc = 21;\n _bus_instance.config(cfg);\n _panel_instance.setBus(&_bus_instance);\n }\n { // Panel config\n auto cfg = _panel_instance.config();\n cfg.pin_cs = 5;\n cfg.pin_rst = -1;\n cfg.pin_busy = -1;\n cfg.memory_width = 240;\n cfg.memory_height = 320;\n cfg.panel_width = 240;\n cfg.panel_height = 320;\n cfg.offset_x = 0;\n cfg.offset_y = 0;\n cfg.offset_rotation = 1;\n cfg.dummy_read_pixel = 8;\n cfg.dummy_read_bits = 1;\n cfg.readable = true;\n cfg.invert = false;\n cfg.rgb_order = false;\n cfg.dlen_16bit = false;\n cfg.bus_shared = true;\n _panel_instance.config(cfg);\n }\n setPanel(&_panel_instance);\n }\n};\n\nstatic LGFX lcd;\nstatic LGFX_Sprite canvas(&lcd);\n\n#define LED_PIN 26\n#define NUM_LEDS 5\nCRGB leds[NUM_LEDS];\n\n#define SPEAKER_PIN 25\n#define LEDC_CHANNEL 0\n#define LEDC_RESOLUTION 8\n#define LEDC_BASE_FREQ 2000\n\n#define SCREEN_WIDTH 320\n#define SCREEN_HEIGHT 240\n#define UI_HEIGHT 35\n#define PLAYER_SIZE 24\n#define MAX_METEORS 8\n#define MAX_CELLS 3\n\n#define BTN_LR 34\n#define BTN_UD 35\n#define BTN_A 32\n#define BTN_RESTART 0\n\n#define MOVE_STEP 8\n\n#define BULLET_SPEED 14\n#define BULLET_MAX 8\n\n// -- Boje --\n#define COLOR_UI_BG 0x18E3\n#define COLOR_TEXT 0xFFFF\n\nstruct Meteor {\n float x, y;\n float dx, dy;\n float speed;\n int size;\n bool active;\n float angle;\n float rotationSpeed;\n uint8_t points;\n float offsets[16];\n uint16_t color;\n bool isSmall;\n int impact; // za sudare\n};\n\nstruct Bullet {\n float x, y, dx, dy;\n bool active;\n};\n\nstruct EnergyCell {\n float x, y;\n bool collected;\n};\n\nstruct Player {\n float x, y;\n int health;\n int energy;\n int score;\n};\n\nPlayer player;\nMeteor meteors[MAX_METEORS];\nEnergyCell cells[MAX_CELLS];\nBullet bullets[BULLET_MAX];\n\nunsigned long lastSpawn = 0;\nbool gameOver = false;\n\n// --- Topovi animacija\nbool cannonFired = false;\nunsigned long lastCannonFlash = 0;\n#define CANNON_FLASH_MS 70\n\n// --- Prototipovi ---\nvoid initGame();\nvoid generateMeteor();\nvoid generateEnergyCell();\nvoid updateGame();\nvoid updatePlayerMovement();\nvoid drawGame();\nvoid drawMeteor(Meteor &m);\nvoid playCollectSound();\nvoid playCollisionSound();\nvoid showGameOver();\nvoid fireCannon();\nvoid updateBullets();\nvoid drawBullets();\nvoid splitMeteor(Meteor &m);\n\n// --- Setup ---\nvoid setup() {\n Serial.begin(115200);\n\n lcd.init();\n lcd.setRotation(0);\n lcd.fillScreen(0x0000);\n canvas.setPsram(true);\n bool ok = canvas.createSprite(SCREEN_WIDTH, SCREEN_HEIGHT);\n Serial.println(ok ? \"Canvas created!\" : \"Canvas FAIL!\");\n if (!ok) while(1) delay(1000);\n\n FastLED.addLeds(leds, NUM_LEDS);\n ledcSetup(LEDC_CHANNEL, LEDC_BASE_FREQ, LEDC_RESOLUTION);\n ledcAttachPin(SPEAKER_PIN, LEDC_CHANNEL);\n\n pinMode(BTN_LR, INPUT);\n pinMode(BTN_UD, INPUT);\n pinMode(BTN_A, INPUT_PULLUP);\n pinMode(BTN_RESTART, INPUT_PULLUP);\n\n initGame();\n}\n\nvoid initGame() {\n player.x = SCREEN_WIDTH/2;\n player.y = SCREEN_HEIGHT - 50;\n player.health = 100;\n player.energy = 0;\n player.score = 0;\n for(int i=0; i 4000) player.x -= MOVE_STEP;\n // Desno\n if (analogLR > 1800 && analogLR < 2200) player.x += MOVE_STEP;\n // Gore\n if (analogUD > 4000) player.y -= MOVE_STEP;\n // Dolje\n if (analogUD > 1800 && analogUD < 2200) player.y += MOVE_STEP;\n\n // Clamp\n if (player.x < PLAYER_SIZE/2) player.x = PLAYER_SIZE/2;\n if (player.x > SCREEN_WIDTH-PLAYER_SIZE/2) player.x = SCREEN_WIDTH-PLAYER_SIZE/2;\n if (player.y < UI_HEIGHT + PLAYER_SIZE/2) player.y = UI_HEIGHT + PLAYER_SIZE/2;\n if (player.y > SCREEN_HEIGHT-PLAYER_SIZE/2) player.y = SCREEN_HEIGHT-PLAYER_SIZE/2;\n}\n\n// --- Metak (bullet) ---\nvoid fireCannon() {\n for (int i=0; i 1100) {\n generateMeteor();\n if(random(100) < 30) generateEnergyCell();\n lastSpawn = millis();\n }\n\n\nfor(int i=0;i SCREEN_WIDTH-meteors[i].size/2)\n meteors[i].dx = -meteors[i].dx;\n //if (meteors[i].y > SCREEN_HEIGHT - meteors[i].size/2) {\n // meteors[i].dy = -abs(meteors[i].dy); // odbij se samo od dna prema gore\n //}\n if (meteors[i].x < -50 || meteors[i].x > SCREEN_WIDTH+50 ||\n meteors[i].y < -50 || meteors[i].y > SCREEN_HEIGHT+50)\n meteors[i].active = false;\n\n // Meteor sudari s drugim meteoritom\n for(int j=i+1; j 1) {\n float nx = dx/dist, ny = dy/dist;\n float dvx = meteors[i].dx - meteors[j].dx;\n float dvy = meteors[i].dy - meteors[j].dy;\n float impact = dvx*nx + dvy*ny;\n if (impact < 0) {\n float force = (meteors[i].impact + meteors[j].impact) / 2.0;\n meteors[i].dx -= nx * force / meteors[i].impact;\n meteors[i].dy -= ny * force / meteors[i].impact;\n meteors[j].dx += nx * force / meteors[j].impact;\n meteors[j].dy += ny * force / meteors[j].impact;\n }\n }\n }\n }\n // Van ekrana\n if (meteors[i].x < -50 || meteors[i].x > SCREEN_WIDTH+50 ||\n meteors[i].y < -50 || meteors[i].y > SCREEN_HEIGHT+50)\n meteors[i].active = false;\n }\n }\n\n // Meteoriti i igrač sudar\n for(int i=0; i 20) {\n splitMeteor(meteors[m]);\n } else {\n meteors[m].active = false;\n }\n player.score += meteors[m].isSmall ? 30 : 100;\n break;\n }\n }\n }\n }\n }\n\n if(player.health <= 0) gameOver = true;\n}\n\n// --- Crtanje meteora ---\nvoid drawMeteor(Meteor &m) {\n float cx = m.x, cy = m.y;\n uint8_t pts = m.points;\n float a = m.angle;\n int16_t px[16], py[16];\n for(uint8_t j=0; j CANNON_FLASH_MS)\n cannonFired = false;\n}\n\n// --- Zvuk ---\nvoid playCollectSound() {\n ledcWriteTone(LEDC_CHANNEL, 1040);\n delay(36);\n ledcWriteTone(LEDC_CHANNEL, 0);\n}\n\nvoid playCollisionSound() {\n for(int i=320; i>=70; i-=80) {\n ledcWriteTone(LEDC_CHANNEL, i);\n delay(18);\n }\n ledcWriteTone(LEDC_CHANNEL, 0);\n}\n\n// --- Game over ekran ---\nvoid showGameOver() {\n canvas.fillScreen(0x0000);\n canvas.setTextSize(2);\n canvas.setCursor(90,100);\n canvas.print(\"GAME OVER\");\n canvas.setCursor(68,140);\n canvas.printf(\"Final Score: %d\", player.score);\n canvas.setTextSize(1);\n canvas.setCursor(90, 180);\n canvas.print(\"Drzi tipku za restart\");\n canvas.pushSprite(0,0);\n if(digitalRead(BTN_RESTART) == LOW) {\n initGame();\n delay(400);\n }\n}\n\n// --- Loop ---\nvoid loop() {\n static bool lastFire = HIGH;\n bool nowFire = digitalRead(BTN_A);\n if (lastFire == HIGH && nowFire == LOW) {\n fireCannon();\n }\n lastFire = nowFire;\n\n if(!gameOver) {\n updateGame();\n drawGame();\n delay(16); // ~60 FPS\n } else {\n showGameOver();\n }\n}\n\nPripazi: Gumbi GPIO34 i GPIO35 imaju ovakvu strukturu koda gdje se za jedan gumb traže vrijednosti od oko 2000 (1800 do 2200), a za drugi gumb 4095 ali koristimo > 4000 radi preciznosti.\n // Lijevo\n if (analogLR > 4000) player.x -= MOVE_STEP;\n // Desno\n if (analogLR > 1800 && analogLR < 2200) player.x += MOVE_STEP;\n // Gore\n if (analogUD > 4000) player.y -= MOVE_STEP;\n // Dolje\n if (analogUD > 1800 && analogUD < 2200) player.y += MOVE_STEP;\n\nPripazi: Ne smiju sve podmornice pucati istovremeno. Neka puca jedna po jedna podmornica.\nPripazi: Ukoliko neprijateljski torpedo pogodi neprijateljsku podmornicu ona također umire. Ukoliko neprijateljski torpedo pogodi bilo koji drugi neprijateljski torpedo oba torpeda umiru.\nPripazi: Ukoliko neprijateljska podmornica dotakne drugu neprijateljsku podmornicu obje umiru.\n\nBitno je: Nemoj biti lijen i napiši kompletan kod za igru kako bi ga mogao copy paste u editor koda.","owner",{"_61":20,"_62":97,"_65":98,"_99":100,"_101":-5,"_102":-5,"_103":104,"_105":43},"068a207f-fb03-4db0-8a06-656d01b00848","2024-07-07T09:26:40.494698+00:00","username","brightmoonbeam06006513","discord_id","discord_username","avatar_url","https://lh3.googleusercontent.com/a/ACg8ocItAg6_lJzenn-DjYBi1MIZPQJyT-eMGgDJHxjcvGOogbfMOw=s96-c","is_admin","link_url","/p/9x6_6208fqie04p1xvqk","versioned_link_url","/p/9x6_6208fqie04p1xvqk/1","deleted_at","yapping","```index.html\n```","project",{"_61":113,"_62":115,"_65":116,"_117":118,"_85":86,"_119":120,"_57":121,"_122":123,"_124":74,"_125":-5,"_64":-5,"_126":-5,"_110":-5,"_127":43,"_128":129,"_134":43,"_135":-5,"_136":137,"_138":43,"_139":-5,"_140":141,"_142":-5},"9x6_6208fqie04p1xvqk","2025-07-01T13:59:56.124628+00:00","updated_at","2025-07-01T13:59:57.291+00:00","visibility","public","submarine-wars-vidi-x-esp32-game","created_by",{"_61":20,"_62":97,"_65":98,"_99":100,"_101":-5,"_102":-5,"_103":104,"_105":43},"current_version","last_posted_version","parent_version","posted","stats",{"_130":131,"_132":131,"_133":131},"views",0,"likes","comments","auto_set_current","description","comments_mode","open","enable_chat","from_template","domains",[],"thumbnail","project_revision",{"_61":143,"_62":145,"_73":74,"_65":146,"_147":-5,"_64":-5,"_148":-5,"_149":-5,"_122":150,"_151":152,"_154":115,"_117":155,"_110":-5,"_128":156,"_158":43,"_159":63,"_160":-5,"_161":-5,"_162":163},"0197c649-8750-7a7a-b5d3-2fabca693004","2025-07-01T13:59:57.008+00:00","visited_at","parent_revision_version","parent_revision_project_id",{"_61":20,"_62":97,"_65":98,"_99":100,"_101":-5,"_102":-5,"_103":104,"_105":43},"meta",{"_73":153},"1","project_id","2025-07-01T14:04:23.295+00:00",{"_157":131},"multiplayer_count","draft","site_id","chat_session_id","chat_session_run_index","current_screenshot_url","https://project-screenshots.websim.com/0197c64d-6909-7a46-bfc9-f277a4e06509","cursor","eyJpZCI6IjAxOTdjNjQ5LTg3NTAtN2E3YS1iNWQzLTJmYWJjYTY5MzAwNCJ9","token","included",[],"branch","dehydratedState","routes/browser/layout","actionData","errors"]