> ## Documentation Index
> Fetch the complete documentation index at: https://docs.zonely.gen.tr/llms.txt
> Use this file to discover all available pages before exploring further.

# मिनिमल स्टूडियो

> खेल जानकारी, एचटीएमएल कोड, योजना और पुरस्कार तैयार करें; पूर्वावलोकन और कंसोल की जांच करें।

**मिनिमल स्टूडियो** खुला और खुला स्क्रीन **मिनिमगेम** बटन प्रेस। गेम की जानकारी, कोड, आरेख पुरस्कार और परीक्षण उपकरण उसी नियामक में पाए जाते हैं।

आप विभिन्न प्रकार के ब्राउज़र गेम जैसे कि पहेली, रिफ्लेक्स, प्लेटफॉर्म, कार्ड या जेना को HTML, CSS और JavaScript के साथ तैयार कर सकते हैं। गेम विचार और नियंत्रण कृत्रिम बुद्धि **एकल पृष्ठ का HTML कोड** आप सृजन के लिए पूछ सकते हैं, स्टूडियो के कोड दृश्य के परिणाम को जोड़ सकते हैं और इसे लाइव पूर्वावलोकन में आज़मा सकते हैं।

रियल टाइम रूम, खिलाड़ियों को इनाम और इनाम देने के लिए **डेवलपर** गेम कोड तैयार करते समय टैब पर लिंक गाइड का उपयोग करें।

## खेल जानकारी भरें

**खेल जानकारी** टैब पर नाम, विवरण, कवर दृश्य और सक्रिय विकल्प तैयार करें। निम्नलिखित **लाइट शिकार** उदाहरण के लिए, खिलाड़ी रोशनी एकत्र करते हैं और लाल क्षेत्रों से बच जाते हैं। खेल में कोई लेखन नहीं है; प्रगति बार और तीन आइकन का उपयोग किया जा सकता है।

[![General information, Connection mode](https://mintcdn.com/zonely-a8cd49e7/rwMU9q3NELY6LUJe/images/panel/tools-integrations-guide-20261027/mini-oyunlar-01-hi.png?fit=max\&auto=format\&n=rwMU9q3NELY6LUJe\&q=85\&s=9a9dfbf96c764d4db9832494c6a40525)](https://docs.zonely.gen.tr/images/panel/tools-integrations-guide-20261027/mini-oyunlar-01-hi.png)

> [card] 1. सामान्य जानकारी
>
> नाम, विवरण, कवर दृश्य और सक्रिय स्थिति सेट करें।

> [card] 2. कनेक्शन मोड
>
> Zonely पब्लिक सर्वर रेडी-टू-ब्रोशर ब्रिज का उपयोग करता है। निजी सर्वर एक अलग विकल्प है।

**कनेक्शन मोड** सूची से गेम में कार्य वातावरण का चयन करें।

| घर | Usage |
| - | - |
| Zonely Public Server | Ready-to-browser working environment and game bridge. |
| Zonely Minigame Server | Your own Zonely gaming server’s working environment. |
| Private Socket.IO | Connection of your own Socket.IO server. |
| Private WebSocket | Link to your own WebSocket server. |

जब आप निजी लिंक का चयन करते हैं तो पता और सड़क क्षेत्र को खोला जाता है। तैयार कनेक्शन **डेवलपर** में गेम का उपयोग करने के तरीके टैब देखें।

## गेम कोड जोड़ें

**मिनिमल गाम कोड** टैब के कोड दृश्य को खोलें। निम्नलिखित सभी उदाहरणों को कॉपी करें और इसे इस क्षेत्र में पेस्ट करें; HTML, CSS और JavaScript को उसी कोड में शामिल किया गया है।

```html title="लाइट हंट - मिनिमगेम कोड" theme={"theme":"css-variables"}
<!doctype html>
<html lang="tr">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title></title>
<style>
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#090e20}
canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}
</style>
<canvas tabindex="0" aria-label="रोशनी इकट्ठा करने और लाल orbs से बचने"></canvas>
<script>
const c=document.querySelector('canvas'),g=c.getContext('2d');
let w,h,p,stars,foes,count,lives,mode,shield,last=0,target=null,elapsed=0;
const keys=new Set(),goal=12;
function size(){w=innerWidth;h=innerHeight;c.width=w*devicePixelRatio;c.height=h*devicePixelRatio;g.setTransform(devicePixelRatio,0,0,devicePixelRatio,0,0);reset()}
function point(){return{x:24+Math.random()*Math.max(1,w-48),y:85+Math.random()*Math.max(1,h-115)}}
function reset(){p={x:w/2,y:h/2};stars=Array.from({length:7},point);foes=Array.from({length:3},(_,i)=>({x:(i+1)*w/4,y:90,vx:65+i*15,vy:50+i*15}));count=0;lives=3;mode='play';shield=1.5;elapsed=0;target=null;keys.clear()}
function aim(e){const r=c.getBoundingClientRect();target={x:e.clientX-r.left,y:e.clientY-r.top}}
c.onpointermove=aim;
c.onpointerdown=e=>{c.focus();if(mode!=='play')reset();aim(e)};
c.onkeydown=e=>{if(['ArrowUp','ArrowDown','ArrowLeft','ArrowRight',' '].includes(e.key))e.preventDefault();if(mode!=='play'&&(e.key===' '||e.key==='Enter'))reset();keys.add(e.key.toLowerCase())};
c.onkeyup=e=>keys.delete(e.key.toLowerCase());
onblur=()=>keys.clear();onresize=size;
function ball(x,y,r,color){g.beginPath();g.arc(x,y,r,0,Math.PI*2);g.fillStyle=color;g.fill()}
function frame(t){const dt=Math.min((t-last)/1000||0,.035);last=t;elapsed+=dt;
if(mode==='play'){
 shield=Math.max(0,shield-dt);
 let dx=0,dy=0;if(keys.has('a')||keys.has('arrowleft'))dx--;if(keys.has('d')||keys.has('arrowright'))dx++;if(keys.has('w')||keys.has('arrowup'))dy--;if(keys.has('s')||keys.has('arrowdown'))dy++;
 if(dx||dy){target=null;const n=Math.hypot(dx,dy);p.x+=dx/n*280*dt;p.y+=dy/n*280*dt}
 else if(target){const x=target.x-p.x,y=target.y-p.y,n=Math.hypot(x,y),step=Math.min(n,320*dt);if(n){p.x+=x/n*step;p.y+=y/n*step}}
 p.x=Math.max(16,Math.min(w-16,p.x));p.y=Math.max(72,Math.min(h-16,p.y));
 for(let i=0;i<stars.length;i++)if(Math.hypot(p.x-stars[i].x,p.y-stars[i].y)<25){count++;stars[i]=point();if(count>=goal){mode='win';break}}
 for(const f of foes){f.x+=f.vx*dt;f.y+=f.vy*dt;if(f.x<16||f.x>w-16){f.vx*=-1;f.x=Math.max(16,Math.min(w-16,f.x))}if(f.y<75||f.y>h-16){f.vy*=-1;f.y=Math.max(75,Math.min(h-16,f.y))}if(mode==='play'&&!shield&&Math.hypot(p.x-f.x,p.y-f.y)<29){lives--;shield=1.5;if(!lives)mode='lose'}}
}
g.fillStyle='#090e20';g.fillRect(0,0,w,h);
g.strokeStyle='#17213d';g.lineWidth=1;for(let x=0;x<w;x+=45){g.beginPath();g.moveTo(x,65);g.lineTo(x,h);g.stroke()}for(let y=65;y<h;y+=45){g.beginPath();g.moveTo(0,y);g.lineTo(w,y);g.stroke()}
g.fillStyle='#1d2944';g.fillRect(22,27,Math.max(1,w-130),8);g.fillStyle='#54e6c7';g.fillRect(22,27,Math.max(1,w-130)*Math.min(1,count/goal),8);
for(let i=0;i<3;i++)ball(w-76+i*23,31,6,i<lives?'#fb7185':'#28324c');
for(const s of stars){ball(s.x,s.y,11+Math.sin(elapsed*3+s.x)*2,'#173a49');ball(s.x,s.y,5,'#69f5d2')}
for(const f of foes){ball(f.x,f.y,18,'#421d35');ball(f.x,f.y,11,'#fb7185')}
if(!shield||Math.floor(elapsed*10)%2) {ball(p.x,p.y,21,'#352951');ball(p.x,p.y,13,'#b6a0ff');ball(p.x-4,p.y-4,4,'#f5f1ff')}
if(mode!=='play'){g.fillStyle='#090e20d9';g.fillRect(0,0,w,h);g.strokeStyle=mode==='win'?'#69f5d2':'#fb7185';g.lineWidth=5;g.beginPath();g.arc(w/2,h/2,45,0,Math.PI*2);g.stroke();g.fillStyle='#ffffff';g.beginPath();g.moveTo(w/2-9,h/2-17);g.lineTo(w/2+18,h/2);g.lineTo(w/2-9,h/2+17);g.closePath();g.fill()}
requestAnimationFrame(frame)}
size();requestAnimationFrame(frame);
</script>
</html>
```

माउस को आगे बढ़ने से स्क्रीन को टैप करना या **WASD / with arrow keys** प्रबंधित बैंगनी क्षेत्र। हरे रंग की रोशनी इकट्ठा करें और लाल क्षेत्रों से बचें। जब दो रोशनी एकत्र की जाती है तो गोल पूरा हो जाता है; यदि तीन समाप्त हो सकते हैं, तो राउंड समाप्त होता है। बीच में प्लेइंग आइकन दबाकर फिर से शुरू करें।

## खेल चार्ट संपादित करें

**गेम आरेख** टैब पर नोड्स को जोड़ने और जोड़ने के लिए। घटना, मूल्य और नोट के लिए क्षेत्र से चयनित नोड्स के शीर्षलेख को संपादित करें।

[![Edit the event flow](https://mintcdn.com/zonely-a8cd49e7/rwMU9q3NELY6LUJe/images/panel/tools-integrations-guide-20261027/mini-oyunlar-03-hi.png?fit=max\&auto=format\&n=rwMU9q3NELY6LUJe\&q=85\&s=e32a8c3e783b553d51b3508424830b36)](https://docs.zonely.gen.tr/images/panel/tools-integrations-guide-20261027/mini-oyunlar-03-hi.png)

> [card] 1. घटना प्रवाह संपादित करें
>
> Connect शुरू और अंत नोड्स; सही से चयनित नोड्स की घटना को संपादित करें।

खेल कोड के साथ घटना में मैच इवेंट नाम। योजना प्रवाह को नियंत्रित करती है; गति, ड्राइंग और टकराव व्यवहार HTML में गेम कोड में तैयार किए जाते हैं।

## पुरस्कार की पहचान करें

**पुरस्कार** टैब से क्रेडिट, उत्पाद या सर्वर कमांड तुलना तैयार करें। यहां इनाम कुंजी है, **डेवलपर** टैब पर दिखाए गए पुरस्कार के कॉल के साथ अपने खेल को कनेक्ट करें।

[![Reward key](https://mintcdn.com/zonely-a8cd49e7/rwMU9q3NELY6LUJe/images/panel/tools-integrations-guide-20261027/mini-oyunlar-04-hi.png?fit=max\&auto=format\&n=rwMU9q3NELY6LUJe\&q=85\&s=7e69d614e0c5293eab9d600b94158b8e)](https://docs.zonely.gen.tr/images/panel/tools-integrations-guide-20261027/mini-oyunlar-04-hi.png)

> [card] 1. पुरस्कार स्विच
>
> Match the इनाम key with the same Zonely call on the game code.

लाइट हंट नमूना मूल नाटक दिखाता है। यदि आप पुरस्कार देना चाहते हैं, तो दौरे को जीतने की स्थिति को Zonely कनेक्शन से कनेक्ट करें; अपने गेमिंग सर्वर के साथ परिणाम सत्यापन और इनाम की शर्तें तैयार करें।

## खेल का पूर्वावलोकन करें

**खेल का परीक्षण** टैब पर **खेल प्रारंभ करें** बटन का प्रयोग करें। आंदोलन, प्रकाश संग्रह, जीवन और दौरे के अंत की जाँच करें। आप दौरे के अंत में प्ले आइकन के साथ नए दौर खोल सकते हैं।

[![Textless Light Hunting game: purple player, green lights, red obstacles and can icons](https://mintcdn.com/zonely-a8cd49e7/a2DxBoImkJzg7XMa/images/panel/minigame-code-20261028/light-hunt-hi.png?fit=max\&auto=format\&n=a2DxBoImkJzg7XMa\&q=85\&s=4bf04e2eedf78d38ebb1090b3907040c)](https://docs.zonely.gen.tr/images/panel/minigame-code-20261028/light-hunt-hi.png)

> [card] लाइट हंट पूर्वावलोकन
>
> Collect रोशनी, लाल क्षेत्रों से बचने और प्रगति बार को भरने से बचें।

नमूना खेल एकल व्यक्तित्व है। मल्टीप्लेयर गेम तैयार करते समय चुने गए लिंक अवसंरचना के साथ आम कमरे, आंदोलन और गेमिंग स्थिति से मिलान करें।

## मॉनिटर कंसोल और सक्रिय उपयोगकर्ताओं

**कंसोल** टैब से सत्र की घटनाओं और त्रुटि संदेशों का पालन करें। गेम कोड में त्रुटि के साथ सर्वर कनेक्शन त्रुटि को अलग करके संबंधित स्थान को ठीक करें।

[![console](https://mintcdn.com/zonely-a8cd49e7/rwMU9q3NELY6LUJe/images/panel/tools-integrations-guide-20261027/mini-oyunlar-06-hi.png?fit=max\&auto=format\&n=rwMU9q3NELY6LUJe\&q=85\&s=2ba43cf19ef6fe1e5a2ec061c140965d)](https://docs.zonely.gen.tr/images/panel/tools-integrations-guide-20261027/mini-oyunlar-06-hi.png)

> [card] 1. कंसोल
>
> यहां लाइव सत्र के घटनाओं और त्रुटि संदेशों को बाहर निकालने के लिए यहां क्लिक करें। सत्र खुलने पर घटनाओं को यहां दिखाई दिया।

**सक्रिय खिलाड़ी** टैब उन उपयोगकर्ताओं को सूचीबद्ध करता है जो बचाया खेल में लॉग इन करते हैं। रिकॉर्ड लुक बनाने के लिए, लाइव गेम सत्र खोला जाना चाहिए।

[![Active users](https://mintcdn.com/zonely-a8cd49e7/rwMU9q3NELY6LUJe/images/panel/tools-integrations-guide-20261027/mini-oyunlar-07-hi.png?fit=max\&auto=format\&n=rwMU9q3NELY6LUJe\&q=85\&s=1a3a1827e60c5a812b197c78f7151041)](https://docs.zonely.gen.tr/images/panel/tools-integrations-guide-20261027/mini-oyunlar-07-hi.png)

> [card] 1. सक्रिय उपयोगकर्ताओं
>
> Live log-in उपयोगकर्ताओं को बचाया game. में सूचीबद्ध किया गया है।

## कनेक्शन विधियों की समीक्षा और सहेजना

**डेवलपर** टैब पर वर्तमान उदाहरणों से शुरू, एक्शन, स्कोर और परिणाम इवेंट्स प्राप्त करें। उस तरीके से मिलान करें जिसका आप यहाँ दिखाए गए लिंक प्रारूप के साथ गेम कोड में उपयोग करते हैं।

[![SDK and link guide](https://mintcdn.com/zonely-a8cd49e7/n5Hk71JLhZENj3bv/images/panel/tools-integrations-guide-20261027/mini-oyunlar-08-hi.png?fit=max\&auto=format\&n=n5Hk71JLhZENj3bv\&q=85\&s=b3dec8f8e59d108bfbd0a452b35edc84)](https://docs.zonely.gen.tr/images/panel/tools-integrations-guide-20261027/mini-oyunlar-08-hi.png)

> [card] 1. SDK और लिंक गाइड
>
> Get खेल का अनुबंध, स्कोर और परिणाम की घटनाओं के साथ तैयार करने के लिए पुल विधियों यहाँ.

मुख्य सूची **मिनीगेम सर्वर** टैब के साथ आप अपने सर्वर की स्थापना और संचालन स्थिति को ट्रैक कर सकते हैं। अपनी जानकारी, कोड, आरेख और इनाम अपलोड करें और गेम को पंजीकृत करें। उपयोगकर्ता पक्ष पर सक्रिय गेम को खोलने के द्वारा एक टूर चेक करें।


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.