index

https://vitepress.dev/reference/default-theme-home-page

layout: home

hero: name: "Pixi’VN" text: "PixiJS & Visual Novel engine" tagline: Create visual novels with a modern 2D rendering engine and your favorite JavaScript framework. image: src: /logo.webp alt: Pixi’VN Logo actions: - theme: brand text: Quick start link: /start/getting-started - theme: alt text: Why Pixi’VN? link: /start/why - theme: alt text: Make your first Visual Novel link: /start/make-visual-novel

Write your narrative
As you like!!!

Write your story in your favorite storytelling language. Like ink or Ren'py or TS/JS.
In all cases you can also interact with the canvas and sounds, or create custom features.
You can read more about it here.

::: code-group

=== start
Hello, world!
This is a Pixi’VN tutorial.
I hope you enjoy it!
->DONE

label start:
    "Hello, world!"
    "This is a Pixi’VN tutorial."
    "I hope you enjoy it!"

const startLabel = newLabel("start_label_id", [
    (props) => narration.dialogue = "Hello, world!",
    (props) => narration.dialogue = "This is a Pixi’VN tutorial.",
    (props) => narration.dialogue = "I hope you enjoy it!"
])

{
    "labels": {
        "start_label_id": [
            {
                "dialogue": "Hello, world!",
            },
            {
                "dialogue": "This is a Pixi’VN tutorial.",
            },
            {
                "dialogue": "I hope you enjoy it!",
            },
        ],
    }
}

:::

Create your own assets
Show your creativity!

Create your own assets with your favorite tools. Like Daz 3D, Blender, Photoshop, Krita, GIMP, Cinema 4D, Spine 2D etc.
Pixi’VN uses the power of PixiJS to render your assets.
You can also create 2D animations with Spine 2D or interact with 3D elements with Three.js.

Build the UI
Use your favorite framework

Build the UI with your favorite JavaScript framework. Like React, Vue, Preact, Qwik, lit, Solid, Svelte, Angular, PixiJS etc.
You can read more about it here.

Welcome to the Web App
Use your favorite tools

Use your favorite tools to build your web app. Like TypeScript, Tauri, VS Code, Vite.js, i18n, NodeJS, Astro, AWS, Bootstrap, Electron, ESLint, Firebase, Gatsby, Gulp, Bit, Jest, MUI, Netlify, Nextjs, npm, Nuxt, Rollup, Supabase, Webpack, Fluent etc.