20:I[70597,["866","static/chunks/6468630d-22307b9b819d1ded.js","8888","static/chunks/2e5b0c64-7cbf44ca347d2d5d.js","633","static/chunks/74efd9f1-833e51e84fea5d40.js","5779","static/chunks/2a223334-0d3ae1764fe2e3c6.js","4229","static/chunks/4229-41f4706592bf466a.js","4924","static/chunks/4924-36441c47c9b0a188.js","5688","static/chunks/5688-ed04d0b25a253e36.js","9852","static/chunks/9852-37309ff0626aec67.js","347","static/chunks/347-7d940c9f2911a7e6.js","6217","static/chunks/6217-0bff6acfd692b9d4.js","8885","static/chunks/8885-d692d13679bc698a.js","9304","static/chunks/9304-0caae1685ba31302.js","4765","static/chunks/4765-fde2550ad52b08ad.js","8398","static/chunks/8398-d2159dfa9fa13b99.js","2046","static/chunks/2046-246e71b9b7745283.js","8500","static/chunks/8500-e4dd1cb1bb626827.js","4136","static/chunks/4136-0219d28949d51563.js","2734","static/chunks/2734-3297a9d5f7b63215.js","7993","static/chunks/7993-8100a6f0f488d326.js","2919","static/chunks/2919-ad5c1b0887b56700.js","5473","static/chunks/5473-0f2759abf6b4b402.js","323","static/chunks/323-43a28b8c938eaa26.js","2045","static/chunks/2045-9263dfeb56eea7cf.js","8530","static/chunks/8530-138c2837fea76cb8.js","4934","static/chunks/4934-a9ca821685fc3928.js","5949","static/chunks/5949-892630bbe05d2eea.js","6645","static/chunks/6645-8fd3b2a1d4a6297b.js","4689","static/chunks/4689-78fbca4c1735e10f.js","2513","static/chunks/2513-4ce943a31c2f594b.js","306","static/chunks/306-fc3d7c1dbf7d3934.js","5744","static/chunks/5744-50b0c6a000d87525.js","626","static/chunks/626-585853dbcf0e1dfe.js","8138","static/chunks/8138-4b9b662ed88d4bd8.js","9546","static/chunks/9546-f0371d856085b3ed.js","1332","static/chunks/app/projects/%5BprojectId%5D/page-17decdb609592f98.js"],"ProjectPageClient"] 25:I[86869,[],"IconMark"] 21:T9d9,#include #include #include #define HARDWARE_TYPE MD_MAX72XX::FC16_HW #define MAX_DEVICES 4 #define CS_PIN 5 #define WIDTH 32 #define HEIGHT 8 MD_MAX72XX mx(HARDWARE_TYPE, CS_PIN, MAX_DEVICES); // ====================================================== // DNA Animation State // ====================================================== uint32_t lastFrame = 0; uint16_t dnaOffset = 0; uint8_t pulsePos = 0; // ====================================================== inline void setPixelSafe(int x, int y) { if (x < 0 || x >= WIDTH) return; if (y < 0 || y >= HEIGHT) return; mx.setPoint(y, x, true); } // ====================================================== void drawDNA() { mx.clear(); for (int x = 0; x < WIDTH; x++) { uint8_t phase = (x + dnaOffset) & 15; int y1; int y2; switch (phase) { case 0: case 15: y1 = 1; y2 = 6; break; case 1: case 14: y1 = 2; y2 = 5; break; case 2: case 13: y1 = 3; y2 = 4; break; case 3: case 12: y1 = 4; y2 = 3; break; case 4: case 11: y1 = 5; y2 = 2; break; case 5: case 10: y1 = 6; y2 = 1; break; case 6: case 9: y1 = 5; y2 = 2; break; case 7: case 8: default: y1 = 4; y2 = 3; break; } // strand kiri-kanan setPixelSafe(x, y1); setPixelSafe(x, y2); // base pair tiap 4 kolom if ((x & 3) == 0) { int yMin = min(y1, y2); int yMax = max(y1, y2); for (int y = yMin; y <= yMax; y++) { setPixelSafe(x, y); } } // pulse energi int energyX = pulsePos; if (abs(x - energyX) <= 1) { setPixelSafe(x, y1); setPixelSafe(x, y2); if (x > 0) { setPixelSafe(x - 1, y1); setPixelSafe(x - 1, y2); } if (x < WIDTH - 1) { setPixelSafe(x + 1, y1); setPixelSafe(x + 1, y2); } } } mx.update(); } // ====================================================== void setup() { mx.begin(); mx.control(MD_MAX72XX::INTENSITY, 5); randomSeed(micros()); } // ====================================================== void loop() { uint32_t now = millis(); if (now - lastFrame < 60) return; lastFrame = now; dnaOffset++; pulsePos++; if (pulsePos >= WIDTH) pulsePos = 0; drawDNA(); }22:T620,#include #include #include #define HARDWARE_TYPE MD_MAX72XX::FC16_HW #define MAX_DEVICES 4 #define CS_PIN 5 #define WIDTH 32 #define HEIGHT 8 MD_MAX72XX mx(HARDWARE_TYPE, CS_PIN, MAX_DEVICES); uint32_t lastFrame = 0; uint8_t phaseOffset = 0; // ============================================ const uint8_t helixA[8] = { 1, 2, 3, 4, 5, 6, 5, 4 }; const uint8_t helixB[8] = { 6, 5, 4, 3, 2, 1, 2, 3 }; // ============================================ inline void pixel(int x, int y) { if (x < 0 || x >= WIDTH) return; if (y < 0 || y >= HEIGHT) return; mx.setPoint(y, x, true); } // ============================================ void renderDNA() { mx.clear(); for (int x = 0; x < WIDTH; x++) { uint8_t idx = (x + phaseOffset) & 7; int y1 = helixA[idx]; int y2 = helixB[idx]; pixel(x, y1); pixel(x, y2); // backbone lebih tebal if ((idx == 0) || (idx == 4)) { pixel(x, y1 - 1); pixel(x, y2 + 1); } // pasangan basa if ((x % 4) == 0) { int minY = min(y1, y2); int maxY = max(y1, y2); for (int y = minY; y <= maxY; y++) { pixel(x, y); } } } mx.update(); } // ============================================ void setup() { mx.begin(); mx.control(MD_MAX72XX::INTENSITY, 4); } // ============================================ void loop() { uint32_t now = millis(); if (now - lastFrame < 80) return; lastFrame = now; phaseOffset++; renderDNA(); }23:T575,#include #include #include #define HARDWARE_TYPE MD_MAX72XX::FC16_HW #define MAX_DEVICES 4 #define CS_PIN 5 MD_MAX72XX mx(HARDWARE_TYPE, CS_PIN, MAX_DEVICES); const uint8_t strandA[8] = {1,2,3,4,5,6,5,4}; const uint8_t strandB[8] = {6,5,4,3,2,1,2,3}; uint32_t lastFrame = 0; uint8_t phase = 0; uint8_t replicationPos = 0; // ========================================= inline void px(int x,int y) { if(x < 0 || x >= 32) return; if(y < 0 || y >= 8) return; mx.setPoint(y,x,true); } // ========================================= void renderDNA() { mx.clear(); for(int x=0;x<32;x++) { uint8_t idx = (x + phase) & 7; int y1 = strandA[idx]; int y2 = strandB[idx]; px(x,y1); px(x,y2); if((x & 3)==0) { for(int y=min(y1,y2); y<=max(y1,y2); y++) { px(x,y); } } } // replication core for(int dx=-1;dx<=1;dx++) { for(int dy=2;dy<=5;dy++) { px(replicationPos+dx,dy); } } mx.update(); } // ========================================= void setup() { mx.begin(); mx.control(MD_MAX72XX::INTENSITY,5); } // ========================================= void loop() { if(millis()-lastFrame < 70) return; lastFrame = millis(); phase++; replicationPos++; if(replicationPos > 31) replicationPos = 0; renderDNA(); }24:Ta20,#include #include #include #define HARDWARE_TYPE MD_MAX72XX::FC16_HW #define MAX_DEVICES 4 #define CS_PIN 5 MD_MAX72XX mx(HARDWARE_TYPE, CS_PIN, MAX_DEVICES); #define GRID_W 8 #define GRID_H 8 uint8_t board[GRID_H][GRID_W]; struct Block { int x; int y; }; Block current; uint32_t lastStep = 0; // ========================================= void clearBoard() { memset(board, 0, sizeof(board)); } // ========================================= void spawnBlock() { current.x = random(GRID_W); current.y = 0; } // ========================================= bool collision(int x, int y) { if (y >= GRID_H) return true; return board[y][x]; } // ========================================= void lockBlock() { if (current.y >= 0 && current.y < GRID_H) { board[current.y][current.x] = 1; } } // ========================================= void clearLines() { for (int y = 0; y < GRID_H; y++) { bool full = true; for (int x = 0; x < GRID_W; x++) { if (!board[y][x]) { full = false; break; } } if (full) { for (int yy = y; yy > 0; yy--) { memcpy(board[yy], board[yy - 1], GRID_W); } memset(board[0], 0, GRID_W); } } } // ========================================= void drawBoard() { mx.clear(); for (int y = 0; y < GRID_H; y++) { for (int x = 0; x < GRID_W; x++) { if (board[y][x]) { for (int w = 0; w < 4; w++) { int px = x * 4 + w; if (px < 32) mx.setPoint(y, px, true); } } } } // active block for (int w = 0; w < 4; w++) { int px = current.x * 4 + w; if (px < 32 && current.y >= 0 && current.y < 8) { mx.setPoint(current.y, px, true); } } mx.update(); } // ========================================= void updateGame() { int nextY = current.y + 1; if (collision(current.x, nextY)) { lockBlock(); clearLines(); spawnBlock(); // reset jika penuh if (collision(current.x, current.y)) { clearBoard(); } } else { current.y++; } } // ========================================= void setup() { mx.begin(); mx.control(MD_MAX72XX::INTENSITY, 5); randomSeed(micros()); clearBoard(); spawnBlock(); } // ========================================= void loop() { uint32_t now = millis(); if (now - lastStep > 180) { lastStep = now; updateGame(); drawBoard(); } }6:["$","$L20",null,{"project":{"name":"Matrix","id":"466722810405980161","files":[{"name":"sketch.ino","content":""},{"name":"diagram.json","content":"{\n \"version\": 1,\n \"author\": \"Zayd Zabid\",\n \"editor\": \"wokwi\",\n \"parts\": [\n { \"type\": \"board-esp32-devkit-c-v4\", \"id\": \"esp\", \"top\": 76.8, \"left\": -4.76, \"attrs\": {} },\n {\n \"type\": \"wokwi-max7219-matrix\",\n \"id\": \"matrix1\",\n \"top\": -57,\n \"left\": -98.16,\n \"attrs\": { \"chain\": \"4\" }\n },\n { \"type\": \"wokwi-vcc\", \"id\": \"vcc1\", \"top\": -124.04, \"left\": 268.8, \"attrs\": {} },\n { \"type\": \"wokwi-gnd\", \"id\": \"gnd1\", \"top\": -19.2, \"left\": 287.4, \"attrs\": {} }\n ],\n \"connections\": [\n [ \"esp:TX\", \"$serialMonitor:RX\", \"\", [] ],\n [ \"esp:RX\", \"$serialMonitor:TX\", \"\", [] ],\n [ \"matrix1:CLK\", \"esp:18\", \"green\", [ \"h19.2\", \"v96\" ] ],\n [ \"matrix1:CS\", \"esp:5\", \"green\", [ \"h28.8\", \"v201.6\" ] ],\n [ \"vcc1:VCC\", \"matrix1:V+\", \"red\", [ \"v0\" ] ],\n [ \"gnd1:GND\", \"matrix1:GND\", \"black\", [ \"v-9.6\", \"h-57.6\" ] ],\n [ \"matrix1:DIN\", \"esp:23\", \"green\", [ \"h38.4\", \"v105.6\" ] ]\n ],\n \"dependencies\": {}\n}"},{"name":"libraries.txt","content":"# Wokwi Library List\n# See https://docs.wokwi.com/guides/libraries\n\nMD_MAX72XX\nMD_Parola\n"},{"name":"DNA.txt","content":"$21"},{"name":"DNAC.txt","content":"$22"},{"name":"DNA15.txt","content":"$23"},{"name":"TetrisAI.txt","content":"$24"},{"name":"Oil.txt","content":""},{"name":"6ygg.v","content":""},{"name":"cvb.txt","content":""}],"serverFiles":[],"owner":"436928682711456769","ownerUsername":"zayd_zabid","locked":false,"unlisted":false,"updated":1785179947798,"hearts":0,"userLiked":false}}] 9:null e:[["$","title","0",{"children":"Matrix - Wokwi ESP32, STM32, Arduino Simulator"}],["$","meta","1",{"name":"description","content":"Run IoT and embedded projects in your browser: ESP32, STM32, Arduino, Pi Pico, and more. No installation required!"}],["$","meta","2",{"property":"og:title","content":"Matrix - Wokwi ESP32, STM32, Arduino Simulator"}],["$","meta","3",{"property":"og:description","content":"Run IoT and embedded projects in your browser: ESP32, STM32, Arduino, Pi Pico, and more. No installation required!"}],["$","meta","4",{"property":"og:image","content":"https://thumbs.wokwi.com/projects/466722810405980161/social/1785179947798.png"}],["$","meta","5",{"property":"og:image:type","content":"image/png"}],["$","meta","6",{"property":"og:image:width","content":"1200"}],["$","meta","7",{"property":"og:image:height","content":"630"}],["$","meta","8",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","9",{"name":"twitter:site","content":"@WokwiMakes"}],["$","meta","10",{"name":"twitter:title","content":"Matrix - Wokwi ESP32, STM32, Arduino Simulator"}],["$","meta","11",{"name":"twitter:description","content":"Run IoT and embedded projects in your browser: ESP32, STM32, Arduino, Pi Pico, and more. No installation required!"}],["$","meta","12",{"name":"twitter:image","content":"https://thumbs.wokwi.com/projects/466722810405980161/social/1785179947798.png"}],["$","meta","13",{"name":"twitter:image:type","content":"image/png"}],["$","meta","14",{"name":"twitter:image:width","content":"1200"}],["$","meta","15",{"name":"twitter:image:height","content":"630"}],["$","link","16",{"rel":"icon","href":"/favicon-white.png","media":"(prefers-color-scheme: dark)"}],["$","link","17",{"rel":"icon","href":"/favicon.png","media":"(prefers-color-scheme: light)"}],["$","$L25","18",{}]]