Créez votre visual novel

Créez une fantastique visual novel avec vos frameworks JS préférés

Pixi’VN est un moteur de jeu 2D très flexible et puissant, basé sur JavaScript/TypeScript et PixiJS.

Commencer Pourquoi Pixi’VN ?Discord Ouvrir la démo

Créez.

Initialisez un nouveau jeu avec une commande.

localhost:1420

New App launched!

 Terminal
npm create pixi-vn@latest ◇ Project name│ My Game│◆ Select the type of game you want to create:│ ● Visual Novel│ ○ Game Engine

Écrivez.

Rédigez votre histoire dans votre langage narratif préféré.

=== start ===
# show image bg bg01-hallway
# show imagecontainer james [m01-body m01-eyes-smile m01-mouth-neutral01] xAlign 0.5 yAlign 1 with movein direction right speed 300
james: You're my roommate's replacement, huh?
What is your name?
# rename mc { _input_value_ }

const startLabel = newLabel("start", [
  async () => {
    await showImage("bg", "bg01-hallway");
    await showImageContainer("james", ["m01-body", "m01-eyes-smile", "m01-mouth-neutral01"], { xAlign: 0.5, yAlign: 1, });
    narration.dialogue = { character: james, text: `You're my roommate's replacement, huh?` };
  },
  () => narration.dialogue = "What is your name?",

{ labels: { start: [
    { operations: [
        { type: "image", alias: "bg", operationType: "show", url: "bg01-hallway" },
        { type: "imagecontainer", alias: "james", operationType: "show", urls: ["m01-body", "m01-eyes-smile", "m01-mouth-neutral01"], props: { xAlign: 0.5, yAlign: 1 }, transition: { type: "movein", props: { direction: "right", speed: 300 }}} 
    ], goNextStep: true },
    { dialogue: "james: You're my roommate's replacement, huh?" },
    { dialogue: "What is your name?" },
    { operations: [{ type: "operationtoconvert", values: ["rename mc ", { type: "value", storageOperationType: "get", storageType: "storage", key: "_input_value_" } ] }], goNextStep: true }
]}};

start.ink

animations-labels.ts

Publiez.

Déployez facilement votre jeu sur des plateformes d’hébergement et de jeux.

De nombreuses possibilités de conception

Plus de niveaux.

Le rendu 2D est entièrement basé sur PixiJS et les composants Pixi’VN. Vous pouvez ajouter des calques PixiJS ou HTML (React, Vue...) pour créer une interface innovante.

Points forts

Léger et rapide.

Gère des fonctionnalités spécifiques tout en permettant d’en ajouter d’autres via des bibliothèques externes.

Flexible et polyvalent.

Utilisable dans tout projet JS pour divers usages.

Intelligent.

Exploite les technologies les plus innovantes sans réinventer l’existant.

Rendu possible grâce à vous.

Pixi’VN est entièrement propulsé par la passion et la communauté open source.

Patreon FANBOX Contributeurs