Skip to content
Game development / AI SaaS

GameChef

GameChef: een game-editor in de browser die visuele scenebewerking combineert met AI-tools voor code, beeld en geluid.

Bijgewerkt op

InternationaalInternationaal·AI-platform
  • Visueel en met AI

    Bewerken

  • Code, art en sound

    Kanalen

  • Gestructureerde projecten

    Projectopbouw

Delen
De website van GameChef op een tablet: een browser-based AI game engine gebouwd door TopDevs

De uitdaging

GameChef wilde een game-editor waarin visueel bewerken en AI-generatie samenkomen. Gebruikers moesten objecten zelf kunnen verplaatsen, code laten genereren en beeld en geluid aan hun game toevoegen. De code moest passen in een vaste projectstructuur die de editor kan lezen. Voor de physics gebruikten we een bestaande engine. Credits, betalingen en accountbeheer hoorden ook bij de opdracht.

De analyse

De editor moet gegenereerde code kunnen lezen en aanpassen. Daarom gaven we de AI een projecttemplate en een doorzoekbare bibliotheek met codevoorbeelden. Zo heeft de generatie een concreet uitgangspunt voor de bestandsindeling.

Voor het plaatsen en aanpassen van objecten kozen we een visuele editor. Gebruikers kunnen een scène direct veranderen en het resultaat bekijken, terwijl AI beschikbaar blijft voor code, beeld en geluid.

Gegenereerd beeld moest bruikbaar worden in de game. Daarom voegden we verwerking naar sprite sheets en animatieframes toe aan de art studio.

Om publiek te lanceren had de tool meer nodig dan slimme AI. Er moest een creditsysteem, betalingen en een back-office komen, zodat gebruik gemeten, gefactureerd en beheerd kon worden.

GameChef in de browser met een voorbeeldspel: het spel draait in de preview naast de tabs voor chat, scene-editor en code, met art en sound in de zijbalk
GameChef in gebruik op een voorbeeldspel: het spel draait in de preview, daarna de scene-editor, de code, de art studio en de geluidenbibliotheek.

Wat we bouwden

  1. Visuele scene-editor

    Een visuele editor in de browser waarin gebruikers scènes samenstellen en objecten met de hand aanpassen. De live preview laat het resultaat van die wijzigingen zien.

    3 onderdelen
    • Drag-and-drop scene-opbouw met live preview
    • Gebouwd op een bewezen physics-engine in plaats van een eigen variant
    • Directe bewerking van objecten, lagen en eigenschappen
  2. AI code-engine

    De AI-codeagent gebruikt codevoorbeelden en een projecttemplate om code te maken die de visuele editor kan lezen en aanpassen.

    4 onderdelen
    • Een grote bibliotheek met code-voorbeelden, gevectoriseerd zodat de agent erin kan zoeken
    • De AI gebruikt die voorbeelden als leidraad bij elke generatie
    • Een goed gestructureerde projecttemplate die de agent invult, met bestanden gesorteerd in scenes, classes en meer
    • Bestanden verdeeld over de onderdelen van de projecttemplate, waaronder scènes en classes
  3. Art studio

    Een AI-artstudio die beeld en animatieframes genereert en omzet naar sprite sheets voor de game-engine.

    3 onderdelen
    • Generatie van game-art en animatieframes
    • Automatische conversie van AI-art naar bruikbare sprite sheets
    • Output die de engine direct in een scene kan plaatsen
  4. Sound studio

    Een AI sound studio voor de audiokant van een game, voor zowel effecten als muziek.

    2 onderdelen
    • Generatie van geluidseffecten voor gebeurtenissen in de game
    • Muziekgeneratie voor scenes en menu's
  5. Credits, betalingen en back-office

    De commerciële laag waarmee GameChef gebruik kan meten, ervoor kan factureren en de business achter de editor kan draaien.

    3 onderdelen
    • Een creditsysteem om AI-gebruik te meten
    • Betaalintegratie voor het kopen van credits
    • Back-office voor accounts en beheer

De blueprint

  1. 1Visuele editor
  2. 2AI code-generatie
  3. 3Art-generatie
  4. 4Sound-generatie
  5. 5Credits & betalingen
  6. 6Publiceren

Resultaat

Bewerken

Visueel en met AI

Scènes met de hand aanpassen en AI gebruiken voor code, beeld en geluid, binnen dezelfde browsereditor.

Kanalen

Code, art en sound

Drie generatiekanalen in één editor in plaats van één tegelijk.

Projectopbouw

Gestructureerde projecten

De codegeneratie gebruikt een doorzoekbare voorbeeldenbibliotheek en een vaste projecttemplate.

Techniek & tools

AI code-generatieVector searchBrowser game enginePhysics-engineAI art & animatieAI audio-generatieBetalingen & credits

Onderdeel van onze dienst: Software

Waarom teams met TopDevs bouwen

  • Vaste prijs, vooraf afgesproken
  • 100% code-eigendom, geen lock-in
  • Prototypes in dagen, live in weken
  • Moderne, AI-native & veilige techniek

Klaar om iets te bouwen dat écht werkt?

Plan een vrijblijvend gesprek. We kijken samen waar de grootste winst zit — vaste prijs, jouw code, geen lock-in.

Start je eigen project

Meer cases