비주얼 노벨 구축하기

좋아하는 JS 프레임워크로 환상적인 비주얼 노벨을 제작하세요

Pixi'VN은 매우 다재다능하고 강력한 2D 게임 엔진입니다. 이 엔진은 JavaScript/TypeScript와 PixiJS를 기반으로 합니다.

시작하기 왜 Pixi’VN인가요?Discord 오픈 데모

만들어 보세요.

명령으로 새 게임을 초기화합니다.

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

글씨를 쓰다.

좋아하는 서사 언어로 이야기를 작성하세요.

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

선박.

호스팅 플랫폼과 비디오 게임 플랫폼을 통해 게임을 쉽게 배포하세요.

다양한 디자인 가능성

더 많은 레벨.

2D 렌더링은 PixiJS 및 Pixi'VN 구성 요소를 완전히 기반으로 합니다. 더 많은 PixiJS 또는 HTML(React Vue ...) 레이어를 추가하여 혁신적인 UI를 만들 수 있습니다.

하이라이트

가볍고 빠릅니다.

특정 기능을 처리하여 다른 라이브러리와 더 많은 기능을 추가할 수 있는 가능성을 제공합니다.

유연하고 다재다능합니다.

모든 JS 프로젝트에서 다양한 용도로 사용할 수 있습니다.

똑똑해.

이미 존재하는 것을 재창조하지 않고 가장 혁신적인 기술을 사용하세요.

당신이 가능하게 만들었습니다.

Pixi'VN은 열정과 오픈 소스 커뮤니티를 100% 기반으로 합니다.

Patreon FANBOX 기여자