בלעטער הונדערטער פון רעדי-געמאכטע געניטקייטן פֿאַר Claude, Cursor, און מער.
געימע אי.די.אי. איז דאס שווערסטע טייל פון אינדי דעוו (און קיינער רעדט דערפון)
די מערהייט אינדי דעוו'ס שיקן אן ארבעטענדיקע געים פראטאטיפ אין צוויי וואכן. דאן פארברענגן זיי די קומענדיקע דריי מאנאטן געבונדן אויף דעם אי.די.אי. קנעפלען וואס זעען אויס ווי פראגראמער ארט. הד סופערפּלעקסיז וואס קעמפן קעגן דעם קאמערע. אינווענטאר ארבעט געבויט מיט position: absolute און תפילות. געים אי.די.אי. סקילס אויף Vibe Skills שאפן קאָהעזשיווע מעניו סיסטעמס, הדס, און סופערפּלעקסיז פאר בראוזער געמען אין איין זיצונג - אזויו אזו דו קענסט שיקן דעם געים, נישט דעם סעטינגס סקרין.
די גייד פארט דורך וואס אי.די.אי. באשטימט רעטענשאן, די זעקס אי.די.אי. פנימער וואס יעדער געים דארף, די געים אי.די.אי. סקילס וואס זענען פאראן אויף Vibe Skills, און א וויקענד ווארפלאו צו שיקן א פולע אי.די.אי. קיט.
בלעטער הונדערטער פון רעדי-געמאכטע געניטקייטן פֿאַר Claude, Cursor, און מער.
פארוואס געים אי.די.אי. באשטימט רעטענשאן
שפילער משפטן דיין געים אין די ערשטע 90 סעקונדעס, און די מערהייט פון יענע סעקונדעס ווערן פארברענגט אינעם אי.די.אי. מעין מעניו, סעטינגס, קאנטראל הינט, דער ערשטער הד זיי זען ווען דאס געים הייבט זיך אן. אויב דאס אי.די.אי. פילט זיך גראבע, דאס געמפלאי וועט קיינמאל נישט באקומען א געלעגנהייט.
עטליכע ציפערן ווערט צו האלטן אין דיין קאפ:
- 38% פון שפילער שטארקן א בראוזער געים אין דער ערשטער סעסיע אויב דער מעין מעניו פילט זיך צעבראכן אדער אומגעשטאפט (itch.io פלעיטעסט דאטא, 2025).
- Hollow Knight's מעין מעניו איז 4 קנעפלען, האנט-געצייכנט, און לויפט ביי 60fps - און עס איז איינע פון די מערסט-ציטירטע סיבות פארוואס שפילער בלייבן דורך די ברוטאלע ערשטע 30 מינוטן.
- Celeste's פאוז סקרין ניצט 3 טיפ גרייסן און 2 קאלארן. דאס איז די גאנצע אי.די.אי. סיסטעם. רעסטרעינט לייענט זיך אלס קוואליטעט.
- גרויס-באַדזשעט געמען פארברענגען 15-20% פון זייער גאנצן פראדוקציע באדזשעט אויף אי.די.אי./עקס. אינדי דעוו'ס טיפיש פארברענגען 0%.
די גאפ איז גענוי דאס וואס געים סקילס זענען געבויט צו פארמאכן.
בלעטער הונדערטער פון רעדי-געמאכטע געניטקייטן פֿאַר Claude, Cursor, און מער.
די זעקס אי.די.אי. פנימער וואס יעדער געים דארף
בעפאר דו שאפסט עפעס, ווייס וואס דו שאפסט. יעדער בראוזער געים - 2D פלאטפארמער, 3D שוטער, אידל קליקער, וואוקינג סימ - דארף די זעלבע זעקס אי.די.אי. פנימער. א גוטע געים סקיל שיקט אלע פון זיי אין איין קאָהעזשיווע סטייל סיסטעם.
| פנים | ציל | געמיינזאמע טעותים | וואס "גוט" קוקט אויס |
|---|---|---|---|
| מעין מעניו | ערשטע אימפרעסיע. שטעלט דעם ארט דירעקציע. | דעפאלט בראוזער פאנטן, סענטערד טעקסט, קיין האווער סטעיטס | 3-5 קנעפלען מאקס, קאסטום טיפוגראפיע, האווער מיקרא-אנימאציע, באקגראונד לופּ |
| הד סופערפּלעקס | אינעם-געים אינפארמאציע: געזונט, סקאָר, אמוניציע, טיימער | פלאָטינג נומערן אין ראַנדאָם ווינקלען, קיין גרופינג, קעמפט זיך מיט דעם קאַמערע | אַנגקערט צו ווינקלען, סעמי-טראַנספּעראַנט, געגרופּט לויט דאַטע טיפ, פיידס ווען אידל |
| אינווענטאר / לאָודאַוט | אייטעם מענעדזשמענט סקרין | 16-קאָלום גריד, קיין אייטעם זעלטענע, טולטיפּס וואס בלאקירן דעם סקרין | 4-8 קאָלום גריד, קאָלער-קאָודעד זעלטענע, טולטיפּ אויף זייט, דראַג-און-דראָפּ אדער קליק |
| סעטינגס / אָפּציעס | אַודיאָ, קאָנטראלען, גראַפיקס | איין גרויסע סקראָל-איבער ליסטע פון טוגלען | טאַבס (אַודיאָ / ווידעא / קאָנטראָלען), סליידערס נישט טוגלען, "אפּליי" + "ריסעט צו דעפאלט" |
| פאוז מעניו | מיד-געים אונטערברעכונג | מאָדאַל וואס באַהיט דעם גאנצן געים | סופּערפּלעקס ביי 60% אָפּאַסיטי, 4-5 אָפּציעס, "ריזיומע" אויטא-פאָוקיסט פאר קיבאָרד |
| ענד סקרין | געווינען, פארלירן, אדער לויף סיכיה | "געים אָווער" אין רויט אַריאַל, קיין ריפּלעי קנעפל | סטאַטס סיכיה, גרויס "פּלעי אַגען" קטאַ, צווייטליכע "מעין מעניו" |
א געים מיט 6 פּאָלישט אי.די.אי. פנימער פילט זיך פאַרטיק. א געים מיט 6 אומגעשטאפטע אי.די.אי. פנימער פילט זיך ווי א שול-פּראיעקט, נישט וויכטיק ווי גוט דאס געמפּלאי איז.
דאס שווערסטע איז צו האַלטן אלע 6 קאָהעזיוו - די זעלבע פאָנט פאַמיליע, די זעלבע קנעפל ראַדיוס, די זעלבע האווער געפיר, די זעלבע קאָלער פּאַלעט. דארט וואו געים סקילס ווערדן זייער געלט.
5 געים אי.די.אי. סקילס אויף Vibe Skills
די 3D Games קאַטעגאָריע אויף Vibe Skills האט 30+ סקילס וואס דעקן פולע פּלעיאַבלע געמען און די אי.די.אי. סיסטעמס וואס שיקן זיך אַרום זיי. דא זענען די פינף מערסט-אינסטאַלירטע אי.די.אי.-פאָקוסירטע סקילס.
| סקיל | בעסטע פאר | ענדזשאַנס | אויסגאבע |
|---|---|---|---|
| Browser Game UI Kit Generator | פולע 6-פנימער אי.די.אי. אין איין קאָהעזשיווע סטייל | Three.js, Phaser, vanilla JS | HTML/CSS סופּערפּלעקס סיסטעם + ספּרייט שיעס |
| HUD Overlay System | אינעם-געים הד נאר (געזונט, סקאָר, מינימאַפּ, טיימער) | Three.js, Phaser, Unity WebGL, Godot HTML5 | CSS-פּאָזיציענירט סופּערפּלעקס אדער קאַנוואַס ספּרייטס |
| Pause + Settings Screen Pack | פּאוז, סעטינגס, קאָנטראָל רעמאַפּ | יעדע וועב-באַזירטע געים ענדזשין | React/HTML מאָדאַל קאָמפּאָנענטן |
| Inventory + Loot Tooltip System | אייטעם גרידס, דראַג-און-דראָפּ, זעלטענע קאָלארן, טולטיפּס | Three.js, Phaser, Unity WebGL | קאָמפּאָנענט ביבליאָטעק + אייטעם קארד טעמפּלאַטעס |
| Main Menu + End Screen Combo | ערשטע- און-לעצטע אימפּרעסיעס | יעדע | אַנימאַטעד מעניו מיט Lottie + ענד-געים סטאַט סקרין |
אלע 5 סקילס שיקן זיך מיט א געמיינזאמע דיזיין טאָקען פיל (קאָלארן, פאָנטן, ספּייסינג, עייזינג) אזויו אז די פנימער זעען אויס ווי זיי קומען פון די זעלבע דיזיינער. די מערהייט אינדי אי.די.אי. קיטס פיילן דעם טעסט - דער מעניו ניצט איין פאָנט, דער הד ניצט אן אנדערן, און שפילער באמערקן עס גלייך.
בלעטער 3D Games סקילס אויף Vibe Skills →
בוי א פולע געים אי.די.אי. קיט אין א וויקענד
דא איז דער אמתע ווארפלאו גענוצט דורך אינדי דעוו'ס וואס שיקן בראוזער געמען אויף itch.io און Newgrounds. גאַנצער צייט: ~12 ארבעט-שעהרן איבער א וויקענד.
שריט 1: אויסקלייבן א אי.די.אי. סקיל אויף Vibe Skills
עפענען די 3D Games קאַטעגאָריע און אינסטאלן דעם Browser Game UI Kit Generator סקיל. עס איז דער איינציקער וואס שיקט אלע 6 פנימער אין איין קאָהעזשיווע טאָקען סיסטעם. אויב דיין געים האט שוין ארבעטנדיקע מעניוס און דו דארפסט נאר א הד, אינסטאלן דעם סטאַנדאַלאָנע הד אָווערליי סקיל אנשטאט.
שריט 2: דעפינירן דיין געים'ס "ווייב" אין 3 ווערטער
בעפאר שאפן, שרייב 3 ווערטער וואס באשרייבן דיין געים'ס טאָן. דוגמאות: "נעאָן, ברוטאל, שנעל" (א סינטוועיוו שוטער), "ווייך, וואסערדיק, פּאַמעלעך" (א פישינג געים), "גראָבע, רעטראָ, פּיקסעל" (א מעטראָידוואַניע). דער סקיל ניצט זיי אלס אינפוט פאר די קאָלער פּאַלעט, טיפוגראַפיע אויסקלייב, און אַנימאַציע עייזינג. איבערלאז דאס נישט - גענערישע אינפוט פראדוצירט גענערישע אי.די.אי.
שריט 3: שאפן די דיזיין טאָקענס ערשט
דער סקיל גיט ארויס א tokens.css פיל אדער א Tailwind קאנפיג מיט דיין פּאַלעט, פאָנט סטאַק, קנעפל ראַדי, ספּייסינג סקאַיל, און אַנימאַציע טיימינג. איבערבליק דאס בעפאר שאפן קיין פאקטישע אי.די.אי. אויב די טאָקענס זעען אויס פאַלש דא, יעדע פנים וועט אויסזען פאַלש. טוויק ביז דו ליבסט עס.
שריט 4: שאפן אלע 6 פנימער אין איין באַטש
מיט אַפּרווד טאָקענס, לויפט די פולע 6-פנימער שאפונג. אויסגאבע איז א פאָלדער פון HTML/CSS טעקעס (אדער React קאָמפּאָנענטן, אָפּהענגיק פון דיין ענדזשין) פּלוס א SVG ספּרייט שיע פאר ייקאָנען. פאר Three.js אדער Phaser, נוצט די HTML אָווערליי אָפּראָטש (DOM סטאַקט העכער דעם קאַנוואַס מיט pointer-events: none אויפן וואַפּער). פאר Unity WebGL אדער Godot HTML5, נוצט דעם קאַנוואַס-באזירטע וואַריאַנט וואס דער סקיל שיקט.
שריט 5: ווייער עס אין דיין געים לופּ
פארבונדן דעם הד צו דיין געים סטעיט (געזונט ווערט, סקאָר, טיימער). די מערהייט סקילס אנטהאלטן א קליין GameUIState אַדאַפּטער וואס עקספאָוזד א setHealth(0.7) API אזויו אזו דו דארפסט נישט טייפּן CSS וואריעבלן מאַנועל. ווייער פאוז, סעטינגס, און ענד-סקרין איווענטן צו דיין עקזיסטירנדע אינפוט הענדלער.
שריט 6: פּלעיטעסט מיט 3 פֿרעמדע און איבערזיכט
פריינט וועלן דיר זאגן אז דער אי.די.אי. איז גרויס. פֿרעמדע וועלן דיר זאגן די אמת. פּאָסט א בילד צו itch.io, פרעג 3 ראַנדאָם מענטשן צו שפילן פאר 5 מינוטן, און וואַטש די רעקאָרדינג. די אי.די.אי. באַגס וואס מען קעמערט וועלן אויפשיינען אין די ערשטע 60 סעקונדעס. פאַרריכט די, שאף דעם באַטראָפֿענעם פנים איבער, שיק.
גאַנצער צייט: שריט 1-3 (~1 שעה) + שריט 4 (~30 מינוט) + שריט 5 (~6-8 שעה פון אינטעגראַציע) + שריט 6 (~3 שעה פון פּלעיטעסט ציקלען) = א וויקענד.
א פרילאַנסער אי.די.אי. דיזיינער וואלט געקאָסט $3,000-$8,000 פאר די זעלבע סקאָפּ און גענומען 4-6 וואכן. א סובסקריפּשאן אויף Vibe Skills הייבט זיך אן ביי $39/מאנאט און גיט דיר אומבאגרעניצטע שאפונגען - אזויו אזו דו קענסט איטעריין וויפיל מאל דו ווילסט ביז דאס אי.די.אי. פילט זיך ריכטיק.
אינסטאלן א געים אי.די.אי. סקיל אויף Vibe Skills →
אָפֿט געפרעגטע פֿראַגן
זאָל איך בויען מיין געים אי.די.אי. אלס א HTML/CSS סופּערפּלעקס אדער דירעקט אויפן קאַנוואַס?
פאר די מערהייט בראוזער געמען, א HTML/CSS סופּערפּלעקס אויף שפּיץ פון דעם Three.js אדער Phaser קאַנוואַס איז שנעלער צו בויען, גרינגער צו מאכן אַקסעסיבאַל, און רענדערט טעקסט קריספּלי ביי יעדע רעזאָלוציע. נוצט קאַנוואַס-באזירטע אי.די.אי. נאר ווען דו דארפסט פּיקסעל-פּערפעקט ארט קאנסיסטענץ (א שטרענגע פיקסעל-ארט געים) אדער ווען DOM איווענטן שטערן מיט אינפוט. די סקילס אויף Vibe Skills שיקן ביידע וואריאַנטן.
וועט דאס אי.די.אי. ארבעטן אויף מאָביל, אדער דארף איך א באַזונדערע מאָביל בילד?
דער Browser Game UI Kit אויף Vibe Skills שאפט רעספּאָנסיוו לייַאָוטס וואס ארבעטן אויף טאטש דעווייסעס גלייך פון קאַסטן - גרעסערע טאַפּ צילן, סוואַפּ-אין מאָביל קאָנטראָל סופּערפּלעקס (ד-פּאַד און אַקציע קנעפלען), און א מאָביל-ערשט פּאוז מעניו. דו דארפסט נישט קיין באַזונדערע בילד, אבער דו דארפסט טעסטן אויף א עכטע טעלעפאָן. בראוזער דעוו טולען ליגן וועגן טאטש פּערפאָרמאַנס.
ווי אַקסעסיבאַל קען געים אי.די.אי. רעאַליסטיש זיין?
בראוזער געמען קענען לייכט דערגרייכן WCAG AA פאר מעניוס, סעטינגס, און הדס - קיבאָרד ניוויגאַציע, פאָקוס רינגען, קאָלער קאָנטראַסט 4.5:1, און סקרין-רעאַדער לייבעלס אויף סקאָר און געזונט. דער HTML סופּערפּלעקס אָפּראָטש מאכט אלעס דאס כמעט פריי. די סקילס אויף Vibe Skills שאפן אַקסעסיבלע מאַרקאַפּ דעפאלט. דאס פאקטישע געמפּלאי איז שווערער צו מאכן אַקסעסיבל, אבער דאס אי.די.אי. זאָל נישט זיין דער בלאַקער.
גיט די זעלבע אי.די.אי. קיט ארבעטן פאר Unity WebGL און Godot HTML5 בילדס?
מערסטנס יא. Unity WebGL און Godot HTML5 ביידע רענדערן צו א קאַנוואַס, און דו קענסט סטאַקן א DOM סופּערפּלעקס אויף שפּיץ. די סקילס אנטהאלטן אַדאַפּטערס פאר ביידע ענדזשאַנסן אזויו אזו דאס אי.די.אי. רעדט צו דיין געים'ס סטעיט. Unity-ספּעציפישע פֿעיִקייטן (ווי דער באַנוצער-געבויטע איווענט סיסטעם) דארפן א דינע בריק - דער סקיל שיקט דוגמה קאָוד פאר יענער בריק.
ווי אזוי האלט איך דעם מעניו, הד, און אינווענטאר וויזועל קאָנסיסטענט?
דאס איז די #1 סיבה פארוואס אינדי געים אי.די.אי. קוקט אויס אַמאַטשערהאפט - 6 פנימער דיזיינד אין אפגעזונדערטקייט. די פאַרריכטונג איז געמיינזאמע דיזיין טאָקענס: איין פיל וואס דעפינירט קאָלארן, פאָנטן, ספּייסינג, און עייזינג. יעדע פנים אימפּאָרטירט פון יענעם פיל. די סקילס אויף Vibe Skills טוען דאס אויטאָמאַטיש - שאפן טאָקענס איין מאל, שאפן אלע 6 פנימער פון יענע טאָקענס, פאַרטיק.
קען איך קאַסטומייזן דאס געשאפענע אי.די.אי. אָן צו שפּאַצירן דעם סקיל?
יא. די סקילס גיבן ארויס עדיטעבאַל HTML, CSS, און (אָפּציענעל) React קאָמפּאָנענטן. דו האָסט די טעקעס. די מערהייט דעוו'ס טוויקן קאָלארן, סוואַפּן א לאָגאָ, פאַרבייטן ייקאָנען, און טוישן איין אדער צוויי קנעפל שאַפּס - דאס איז עס. אויב דו דארפסט א גרויסע סטייל ענדערונג, שאף איבער פון דערהיינטיקטע טאָקענס אנשטאט צו שרייבן די פנימער פון האנט.
וואס אויב מיין געים האט שוין א האלב-געבויטע אי.די.אי. - זאל איך עס אַרויסוואַרפן?
ניין. אינסטאלן דעם הד אָווערליי סקיל אדער דעם פּאוז + סעטינגס פּאַק סטאַנדאַלאָנע און פאַרבייט איינע פנים אין א צייט. די מערהייט אינדי דעוו'ס אַפּגריידן דעם מעין מעניו ערשט (העכסטע וויזאַביליטעט), דאן דעם הד (מערסט-גענוצט), דאן סעטינגס און פּאוז (ווייניגסט-גענוצט אבער מערסט-געבראכן). דו וועסט פילן דעם קוואליטעט שפּרונג נאכן ערשטן פנים שיקן.
שיק דאס אי.די.אי., דאן שיק דאס געים
געים אי.די.אי. איז דער שטילער מערדער פון אינדי פּראָיעקטן. דאס געמפּלאי קען זיין בריליאַנט, אבער אויב דער מעניו קוקט ווי א דעפאלט WordPress טעמע, שפילער צוריקקומען אין 90 סעקונדעס. פּאָלישט אי.די.אי. - קאָהעזיווע טאָקענס, אַנגקערט הד, ריין סעטינגס, צופֿרידנשטעלנדיקע ענד סקרין - איז וואס מאכט א 4-שעהריגע itch.io דאַונלאָוד פילן ווי אן עכטע פּראָדוקט.
פאַרשפּאַר די 4-וואָכיקע אי.די.אי. רידיזיין. שאף א פולע 6-פנימער קיט אין א וויקענד, ווייער עס אָן, און גיי צוריק צו מאכן דאס געים שפּאַס.
בלעטער געים אי.די.אי. סקילס אויף Vibe Skills →
שטעלט אויף צו בויען געים אי.די.אי. פון קראַטש. אינסטאלן א אי.די.אי. קיט סקיל אויף Vibe Skills און שיק דעם מעניו, הד, אינווענטאר, סעטינגס, פּאוז, און ענד סקרין אין איין זיצונג.