Pixi'VN - PixiJS 游戏引擎
Pixi的VN是一个非常多才多艺和强大的由故事驱动的引擎. 它基于 JavaScript/TypeScript 和 皮克西杰斯语Name,并通过 二维 财务报告和审定财务报表 现场直播2D。 。 。 .
Pixi'VN的目标是成为一个创新而快的引擎,并大力强调AI辅助开发:一个AI代理可以启动你的游戏,通过它获得它需要的关于您项目的所有知识 代理技能,并通过在浏览器中推出来测试游戏——在游戏播放时能够不断从外部驱动.
可以使用能够充分利用引擎特性的叙事语言,以及您为您的项目所添加的任何自定义特性. 目前得到支持的:
模板
为了快速启动,可以使用各种项目模板,用React构建. 经验较少的开发者可以在对JavaScript/TypeScript不甚了解的情况下使用这些模板.
- 视觉小说:一种由对话驱动的经典体验,包含人物,背景,和选择.
- 点点并点击冒险:一款冒险游戏,玩家在其中探索场景并和物体和人物互动.
- 交互式虚构感觉就像读了一本书 与视觉小说不同的是,图像被显示为vignettes,就像插图会出现在一页.
要从模板创建新项目, 请运行 :
npm create pixi-vn@latest
分发
Pixi ' VN独立于任何分销技术,但强调 罗夫斯由Pixi'VN的同一支队伍建造.
| 平台 | 罗夫斯 | 陶里语Name | 电子 |
|---|---|---|---|
| 窗口 | ✅ | ✅ | ✅ |
| 马科斯 | ✅ | ✅ | ✅ |
| 链接 | ✅ | ✅ | ✅ |
| 机器人 | ✅ | ✅ | ❌ |
| iOS系统 | ✅ | ✅ | ❌ |
| 任天堂 | 🚧 | ❌ | ❌ |
| 游戏Station | 🚧 | ❌ | ❌ |
| Xbox 选项 | 🚧 | ❌ | ❌ |
维基
先决条件
在开始前,您必须安装下列工具:
安装
要在现有 JavaScript 工程中安装 Pixi' VN 软件包, 请使用以下命令之一 :
npm install @drincs/pixi-vn
初始化
在使用 Pixi' VN 引擎之前, 您必须初始化游戏 。 你可以打给 Game.init 方法.
import { Game } from "@drincs/pixi-vn";
const body = document.body;
if (!body) {
throw new Error("body element not found");
}
Game.init(body, {
height: 1080,
width: 1920,
backgroundColor: "#303030",
}).then(() => {
// ...
Game.start("start", {});
});
// read more here: https://pixi-vn.com/start/other-narrative-features.html#how-manage-the-end-of-the-game
Game.onEnd(async (props) => {
Game.clear();
// navigate to main menu
});
Game.addOnError((error, props) => {
console.error(`Error occurred`, error);
});
Game.onNavigate((path) => navigateTo(path));
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Game</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>
html,
body {
background-color: #242424;
height: 100%;
}
body {
margin: 0;
min-height: 100vh;
display: flex;
overflow: hidden;
}
代理技能
Pixi'VN号飞船 代理技能 教AI编码助理如何正确使用引擎的每个部分.
在 LM Studio Bionic 中,请代理安装来自
https://github.com/DRincs-Productions/pixi-vn,或将技能文件添加到 设置-技能为 Codex 或 Claude 代码安装的再利用技能,启用 设置 – 技能 – 使用其他应用程序中发现的技能。 。 。 .
代码数字 :
npx skills@latest add DRincs-Productions/pixi-vn@latest --skill '*' --agent codex -g -y
克劳德代码数字 :
npx skills@latest add DRincs-Productions/pixi-vn@latest --skill '*' --agent claude-code -g -y
其他代理人数字 :
npx skills@latest add DRincs-Productions/pixi-vn@latest --all -y
现有技能:
pixi-vn- 技能集的索引/输入点:技能图、安装软件包和初始化Gamepixi-vn-assets本地资产与在线资产、清单/分册/别名系统以及装载战略pixi-vn-canvas——图像,图示,文本,视频,过渡和效果pixi-vn-characters——字符定义和登记pixi-vn-history——回放/倒放并读取"叙事"积压情况pixi-vn-narration标签、对话和选择pixi-vn-saves——导出/恢复游戏状态并持续保存文件pixi-vn-sound——音乐,音效和声道pixi-vn-storage– 游戏变量,旗帜和存储类pixi-vn-testing——通过AI代理或脚本驱动/检查正在运行的游戏Game.testing,用于自动播放测试pixi-vn-ui将 HTML/PixiJS UI 层安装在画布上,屏幕导航,主题,连接UI到存储pixi-vn-migration将一个现有项目升级为当前版本