{"id":918,"date":"2024-10-14T19:47:10","date_gmt":"2024-10-14T17:47:10","guid":{"rendered":"https:\/\/wesleydegraaf.com\/?page_id=918"},"modified":"2024-10-14T19:47:10","modified_gmt":"2024-10-14T17:47:10","slug":"ivannio-ivre","status":"publish","type":"page","link":"https:\/\/wesleydegraaf.com\/en\/ivannio-ivre\/","title":{"rendered":"Ivannio Ivre, The Painter’s Struggle"},"content":{"rendered":"\n
<\/span>
\n

Ivannio Ivre, The Painter’s Struggle<\/strong><\/p>\n<\/div><\/div>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Met een klein team deed ik mee aan de GMTK 2024 gamejam. Het thema was “Built to Scale”. Na een lange brainstorm kwamen we uit bij een painting game, waarbij je brush constant van grote veranderde. We hadden ook andere modifiers bedacht die met scale te maken hadden alleen waren deze niet te implemeteren. Het verhaal is dat Ivannio een schilder is die bezopen is en dat ie geen steady brush size kan houden. Je moet 6 prompts tekenen op basis van de klant. Na het tekenen mag je zelf kiezen op welke plek je je schilderij plaatst in de gallerij. Als je 6 tekeningen gemaakt hebt kan je je gallerij uploaden en laten raten door andere spelers. Je kan ook ander mans gallerijen raten.

Het eind resultaat is best leuk geworden en we zijn ook op een mooie overall plek geeindigd die we niet verwacht hadden 345e (van de 7.605). Dat is een goede top 500. Ons doel was om minimaal in de top 2.000 te komen. Dat is dus gelukt. Elke categorie zit ook nog eens in de top 1.000.<\/p>\n\n\n\n

\n\n\n\n

Project Info:<\/mark><\/h4>\n\n\n\n

Teamleden: Floris Koelemaij, Andrich Laker, Tristan Laman
Project tijd: 16-08-2024 t\/m 20-08-2024
Engine: Unity
Code Languages: C#, PHP
Game Jam: GMTK 2024<\/p>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Painting<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n

De speler krijgt een random prompt van de klant die hij moet tekenen. Het tekenen werkt doormiddel van een Texture2D. Verschillende modifiers kunnen ook de canvas bewerken, daarom wordt eerst alle draw data ontvangen en de modifier edits om vervolgens verwerkt te worden. De wetpaint en wind koste de game nog best wat performance aangezien deze elke pixel moest updaten om het gewenste effect te krijgen. Na veel optimalisatie lagte de game niet meer hard als de wetpaint kwam. Nadat de speler klaar was met tekenen kon hij op done klikken om naar de gallerij te gaan en de painting een plekje te geven.<\/p>\n\n\n\n

<\/div>\n\n\n\n
<\/div>
<\/div>
<\/div><\/div>
Copy Code<\/span>Copied<\/span>Use a different Browser<\/span><\/a><\/div><\/div>
private void WetPaint()\n    {\n        Color32[] pixels = currentDrawing.GetPixels32();\n\n        for (int y = 1; y < currentDrawing.height; y++) \n        {\n            for (int x = 0; x < currentDrawing.width; x++)\n            {\n                int index = y * currentDrawing.width + x;\n                Color32 newColor = pixels[index];\n\n                if(IsSameColor(newColor, backgroundColor)) continue;\n\n                if (!QuickRandom()) continue; \n\n                int aboveIndex = index - currentDrawing.width;\n                if (aboveIndex >= 0)\n                {\n                    Color32 checkColor = pixels[aboveIndex];\n                    if (IsSameColor(newColor, checkColor)) continue;\n\n                    pixels[aboveIndex] = newColor;\n                }\n            }\n        }\n\n        currentDrawing.SetPixels32(pixels);\n        currentDrawing.Apply();\n    }<\/code><\/pre><\/div><\/div>\n\n\n\n
Wetpaint functie. Gaat door alle pixels heen en checkt of er een kleur is. Ja? Als de random value ook goed is update dan de pixel er onder.<\/p>\n\n\n\n
API<\/h2>\n\n\n\n
De game maakt gebruik van een API om paintings te uploaden en te gallerijen te bekijken. Deze api staat op de api variant van deze website (https:\/\/api.wesleydegraaf.com<\/a>). Deze api is volledig door mij gemaakt en kan de volgende dingen: Gallerije uploaden (inc images.), Gallerijen lijst, Gallerij bekijken, Gallerij raten Gallerij reporten en voor de developer een gallerij report viewer. <\/p>\n\n\n
\n\t\t\t
\n                
\n                    
\n                        
<\/div>\n                        
<\/div>\n                        
<\/div>\n                    <\/div>\n                    
\n                        \n                        Get the Code!<\/span>\n                        You have it!<\/span>\n                        Use a different Browser<\/span><\/a>\n                    <\/div>\n                <\/div>\n                
\n
\nrequire_once(\"GMTKconnection.php\");\n\n$galleryId = $_GET['id'] ?? null;\n\nif ($galleryId) {\n    $sql = \"SELECT GalleryName, Rating \n            FROM Gallery \n            WHERE ID = ?\";\n    \n    $stmt = $conn->prepare($sql);\n    $stmt->bind_param(\"i\", $galleryId);\n    $stmt->execute();\n    $result = $stmt->get_result();\n    \n    $response = new stdClass();\n    $response->gallery = null;\n    $response->status = \"FAILED\";\n    \n    if ($result->num_rows > 0) {\n        $row = $result->fetch_assoc();\n        \n        $gallery = new stdClass();\n        $gallery->galleryId = $galleryId;\n        $gallery->galleryName = $row[\"GalleryName\"];\n        $gallery->rating = $row[\"Rating\"];\n        \n        $sqlPhotos = \"SELECT ID, Name, ImgDir, Modifier \n                      FROM Paintings \n                      WHERE GalleryID = ?\";\n        \n        $stmtPhotos = $conn->prepare($sqlPhotos);\n\n        if ($stmtPhotos === false) {\n            die('Prepare failed: ' . $conn->error);\n        }\n\n        $stmtPhotos->bind_param(\"i\", $galleryId);\n        $stmtPhotos->execute();\n        $photosResult = $stmtPhotos->get_result();\n        \n        $gallery->photos = array();\n        while ($photo = $photosResult->fetch_assoc()) {\n            $photoObj = new stdClass();\n            $photoObj->paintingName = $photo[\"Name\"];\n            $photoObj->imgDir = $photo[\"ImgDir\"];\n            $photoObj->modifier = $photo['Modifier'];\n            $gallery->photos[] = $photoObj;\n        }\n        \n        $response->gallery = $gallery;\n        $response->status = \"OK\";\n        $response->customMessage = \"Gallery and photos retrieved successfully.\";\n    } else {\n        $response->customMessage = \"Gallery not found.\";\n    }\n    \n    $stmt->close();\n    $conn->close();\n} else {\n    $response = new stdClass();\n    $response->status = \"FAILED\";\n    $response->customMessage = \"No gallery ID provided.\";\n}\n\necho json_encode($response);\n<\/pre>\n<\/code><\/pre>\n\t\t\t<\/div>\n        <\/div>\n\n\n\n
Krijg de gallerij met het opgegeven ID. Return: GallerijID, GallerijNaam, Rating, en foto’s [fotonaam, imglocatie, modifier]\n\n\n\n
<\/div>\n\n\n