npm 包 twine 使用教程

阅读时长 4 分钟读完

什么是 twine?

twine 是一个用于创建交互式小说和游戏的工具。它提供了一种简单的方式来组织你的文本,以及添加选择、条件分支、变量等功能。通过将 twine 生成的 HTML 文件发布到 web 或打包成应用程序,你可以让用户玩你的游戏或阅读你的小说。

安装 twine

twine 可以通过 npm 进行安装:

创建新的 twine 项目

要创建新的 twine 项目,请使用以下命令:

这将在当前目录下创建一个名为 myproject 的新项目。你可以将其替换为你自己的项目名称。

编辑 twine 项目

twine 项目使用 .html 文件进行编辑。你可以在任何文本编辑器中打开这些文件。例如,如果你正在使用 VS Code,则可以通过右键单击 .html 文件并选择“在 VS Code 中打开”来打开该文件。

基本语法

twine 使用基于文本的标记语言来定义剧情。以下是一些基本的 twine 标记:

  • [[link text->passage name]]:创建一个链接到另一个剧情,其中“link text”是链接的文本,“passage name”是要链接的剧情名称。
  • <<if variable_name is true>>...<<endif>>:创建一个条件块,仅在 variable_name 的值为真时才会运行。
  • <<set variable_name = value>>:设置变量的值。

示例代码

以下是一个简单的 twine 项目示例:

-- -------------------- ---- -------
--------- -----
------

------
  ----- ----------------
  --------- ----- ------------
-------

------

  ---- ----- ---
  ---- ---------------------
    --------------------------
    ----
      ------ ---------- --------------------------
      ------ ---------- ----------------------------
    -----
  ------

  ---- ----- ---
  ---- --------------------
    -----------------------
    ----
      ------ ---------------------------------------
      ------ -------------------------------------
    -----
  ------

  ---- ----- ---
  ---- ---------------------
    -----------------------
    ----
      ------ ----------------------------------------
      ------ --------------------------------------
    -----
  ------

  ---- ------ ---
  ---- ---------------------------
    -----------------------
  ------

  ---- ------ ---
  ---- ---------------------------
    ---------------------
    ----
      ------ ------------------------------------
    -----
  ------

  ---- ------- ---
  ---- ----------------------------
    -----------------------
    ----- ----- - ----- - -----
    ----
      ------ ------------------------------------
    ----

- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------
展开代码
纠错
反馈

纠错反馈