Asset Store
Discover high-quality assets for your next game project, or create your own with AI.
Create AssetDiscover high-quality assets for your next game project, or create your own with AI.
Create Asset
Made with Nano Banana 2 Lite · CC0 · 8 Oct 2026
Generated from: a scene from a small video game about: <!DOCTYPE html> <html lang="tr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> <title>Kurtarma Görevi</title> <style> *{box-sizing:border-box} html,body{ margin:0; width:100%; height:100%; overflow:hidden; background:#101522; font-family:Arial,sans-serif; color:#fff } button{font:inherit} #app{ width:100%; max-width:520px; height:100%; margin:auto; overflow:hidden; position:relative; background:#17233a } .screen{position:absolute;inset:0;display:none} .screen.active{display:block} /* HARİTA */ #map{ background: radial-gradient(circle at 50% 8%,#5c769c,#243550 45%,#101827 100%); } .mapTop{ padding:22px 18px 10px; display:flex; justify-content:space-between; align-items:center } .logo{ font-size:25px; font-weight:900; text-shadow:0 3px 5px #000 } .coins{ background:#182238dd; border:1px solid #687993; border-radius:18px; padding:9px 14px } .mapScene{ position:absolute; top:85px; bottom:75px; left:0; right:0; overflow:hidden; } .mountain{ position:absolute; bottom:0; width:0;height:0; border-left:170px solid transparent; border-right:170px solid transparent; border-bottom:330px solid #243b51; } .m1{left:-130px} .m2{right:-140px;border-bottom-color:#1c3046} .snow{ position:absolute; width:100%; height:42%; bottom:0; background:linear-gradient(#e7edf2,#b7c8d5); clip-path:polygon(0 40%,15% 25%,28% 40%,42% 20%,57% 39%,73% 17%,88% 35%,100% 20%,100% 100%,0 100%); } .house{ position:absolute; width:150px; height:105px; background:linear-gradient(90deg,#70452e,#98603c,#613d2a); border:5px solid #432b22; border-radius:10px; left:50%; bottom:135px; transform:translateX(-50%); box-shadow:0 12px 25px #0008 } .houseRoof{ position:absolute; left:-20px; top:-67px; width:180px; height:85px; background:linear-gradient(160deg,#573d51,#352d43); border:5px solid #33283b; clip-path:polygon(50% 0,100% 75%,94% 100%,6% 100%,0 75%) } .houseSnow{ position:absolute; left:-13px; top:-62px; width:165px; height:25px; background:#f3f7fa; border-radius:50% } .win{ position:absolute; width:30px;height:36px; top:27px; background:#ffd86a; border:4px solid #3c281e; box-shadow:0 0 15px #ffcf54 } .win.a{left:18px}.win.b{right:18px} .path{ position:absolute; width:13px; border-radius:20px; background:#65778c; box-shadow:0 0 4px #000; left:50%; transform:translateX(-50%); } .p1{bottom:112px;height:95px} .p2{bottom:80px;height:80px;transform:translateX(-50%) rotate(32deg)} .level{ position:absolute; width:55px;height:55px; border-radius:50%; border:4px solid #c5d0dd; background:linear-gradient(#657b96,#283b56); display:grid; place-items:center; font-weight:900; font-size:19px; box-shadow:0 7px 13px #0009; cursor:pointer } .level.done{background:linear-gradient(#ffcf43,#b66d12);border-color:#ffe99a} .level.lock{opacity:.42} .l1{bottom:105px;left:18%} .l2{bottom:195px;left:55%} .l3{bottom:285px;left:26%} .l4{bottom:370px;left:63%} .l5{bottom:450px;left:43%} .bottom{ position:absolute; bottom:0; height:75px; left:0;right:0; background:#101827f2; border-top:1px solid #43536c; display:flex; justify-content:space-around; align-items:center } .bottom span{font-size:12px;text-align:center;color:#cbd5e1} .bottom b{display:block;font-size:23px;margin-bottom:3px} /* OYUN */ #game{ background:#111a2a } .header{ height:66px; background:#101827; border-bottom:2px solid #465873; display:flex; align-items:center; justify-content:space-between; padding:8px 12px; position:relative; z-index:10 } .header button{ border:0; background:#30425f; color:#fff; border-radius:13px; padding:10px 13px; font-weight:bold } .levelTitle{font-weight:900} .timer{ background:#293a55; padding:10px 13px; border-radius:13px } .board{ position:absolute; top:66px; left:0;right:0;bottom:0; overflow:hidden; background:#192439 } svg{ width:100%; height:100%; display:block } .pinHit{ cursor:pointer } #message{ position:absolute; left:8%; right:8%; bottom:20px; background:#111827ee; border:1px solid #73839c; border-radius:17px; padding:13px; text-align:center; z-index:20; box-shadow:0 8px 25px #0008 } #result{ position:absolute; inset:0; background:#000b; display:none; place-items:center; z-index:50 } .resultBox{ width:82%; background:linear-gradient(#304866,#18263b); border:2px solid #778ba8; border-radius:22px; padding:27px; text-align:center; box-shadow:0 15px 45px #000 } .resultBox button{ border:0; border-radius:13px; padding:12px 22px; margin:5px; background:#ffc83d; font-weight:900 } </style> </head> <body> <div id="app"> <!-- HARİTA --> <section id="map" class="screen active"> <div class="mapTop"> <div class="logo">KURTARMA GÖREVİ</div> <div class="coins">🪙 1250</div> </div> <div class="mapScene"> <div class="mountain m1"></div> <div class="mountain m2"></div> <div class="snow"></div> <div class="house"> <div class="houseRoof"></div> <div class="houseSnow"></div> <div class="win a"></div> <div class="win b"></div> </div> <div class="path p1"></div> <div class="path p2"></div> <div class="level l1 done" data-level="1">1</div> <div class="level l2 lock" data-level="2">2</div> <div class="level l3 lock" data-level="3">3</div> <div class="level l4 lock" data-level="4">4</div> <div class="level l5 lock" data-level="5">5</div> </div> <div class="bottom"> <span><b>⌂</b>Harita</span> <span><b>★</b>Ödüller</span> <span><b>♙</b>Karakter</span> <span><b>◆</b>VIP</span> </div> </section> <!-- OYUN --> <section id="game" class="screen"> <div class="header"> <button id="back">← Harita</button> <div class="levelTitle">BÖLÜM <span id="levelNo">1</span></div> <div class="timer">⏱ <span id="timer">60</span></div> </div> <div class="board"> <svg id="scene" viewBox="0 0 500 760" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="wall" x1="0" x2="1"> <stop offset="0" stop-color="#30252b"/> <stop offset=".5" stop-color="#59403a"/> <stop offset="1" stop-color="#2c242b"/> </linearGradient> <linearGradient id="goldMetal" x1="0" x2="1"> <stop offset="0" stop-color="#8c5508"/> <stop offset=".35" stop-color="#ffd84d"/> <stop offset=".65" stop-color="#fff09b"/> <stop offset="1" stop-color="#9b6108"/> </linearGradient> <linearGradient id="lava" x1="0" y1="0" x2="0" y2="1"> <stop stop-color="#fff06a"/> <stop offset=".35" stop-color="#ff9d19"/> <stop offset="1" stop-color="#e42b10"/> </linearGradient> <linearGradient id="water" x1="0" y1="0" x2="0" y2="1"> <stop stop-color="#b5f2ff"/> <stop offset=".35" stop-color="#26b8ff"/> <stop offset="1" stop-color="#0870ce"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="7" result="blur"/> <feMerge> <feMergeNode in="blur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <filter id="shadow"> <feDropShadow dx="0" dy="6" stdDeviation="5" flood-opacity=".55"/> </filter> </defs> <!-- ODA --> <rect x="25" y="20" width="450" height="715" rx="20" fill="url(#wall)" stroke="#8a6b55" stroke-width="12"/> <!-- TUĞLALAR --> <g opacity=".35" stroke="#a98a70" stroke-width="2"> <path d="M40 90H460M40 160H460M40 230H460M40 300H460M40 370H460M40 440H460M40 510H460M40 580H460"/> <path d="M120 20V90M350 90V160M90 160V230M400 230V300M150 300V370M330 370V440M100 440V510M390 510V580"/> </g> <!-- MEŞALE --> <g filter="url(#glow)"> <circle cx="65" cy="85" r="13" fill="#ffbd32"/> <path d="M65 72C48 93 64 105 65 105C66 105 82 93 65 72Z" fill="#ff7a16"/> </g> <!-- ALTIN HAZNESİ --> <g id="goldGroup"> <path d="M70 190 Q70 165 95 165 H205 Q230 165 230 190 V225 H70Z" fill="#5f7084" stroke="#202c3c" stroke-width="6"/> <g fill="#ffd12d" stroke="#a66b00" stroke-width="3"> <circle cx="95" cy="200" r="13"/> <circle cx="120" cy="187" r="13"/> <circle cx="145" cy="202" r="13"/> <circle cx="170" cy="187" r="13"/> <circle cx="195" cy="202" r="13"/>, as an in-game screenshot in chunky low-poly 3D with flat shaded materials. Palette: dusk violet #2b2d42, stone #8d99ae, player coral #ef8354, threat teal #2a9d8f, accent gold #f4d35e. Everything is original: never draw or resemble characters, places or logos from existing games, films or brands (no red-capped plumbers, no famous mascots), even when the idea names one. Keep the pictures honest: they promise what a small first version of this game, made in a game engine in a few days, can look like. Simple readable shapes, clear silhouettes, few flat materials, the in-game camera view. Never film stills, photoreal renders, AAA key art, detailed textures, cinematic lighting, or anything that looks like a big-studio game. No text, UI, HUD, logos or editor screens inside any image.
Creator
Sornyk Frdd
Sign in to join the conversation.
Sign in to comment🌍CC0
Use, share, and remix the model freely with no restrictions and no attribution needed.