Crea la tua Visual Novel

Crea fantastici romanzi visivi con i tuoi Framework JS preferiti

Pixi'VN è un motore di gioco 2D molto versatile e potente. È basato su JavaScript/TypeScript e PixiJS.

Come Iniziare Perché Pixi’VN?Discord Apri Demo

Creala.

Inizializza un nuovo gioco con un comando.

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

Scrivi.

Scrivete la tua storia nel linguaggio narrativo che preferisci.

=== 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

Distribuisci.

Distribuisci facilmente il tuo gioco con piattaforme di hosting e piattaforme per videogiochi.

Molte possibilità di design

Più livelli.

Il rendering 2D è interamente basato sui componenti PixiJS e Pixi'VN. È possibile aggiungere altri layers PixiJS o HTML (React Vue...) per creare un'interfaccia utente innovativa.

Highlights

Leggero & Veloce.

Si occupa di funzionalità specifiche, dando la possibilità di aggiungerne altre con altre librerie.

Flessibile & Versatile.

Utilizzabile in qualsiasi progetto JS per vari scopi.

Smart.

Utilizza le tecnologie più innovative senza reinventare ciò che già esiste.

Reso Possibile da Te.

Pixi'VN è alimentato al 100% dalla passione e dalla comunità open source.

Patreon FANBOX Collaboratori