Ультракороткая версия

Берёте вот этот код и сохраняете в файл index.html:

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Проба Salet</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<style>
#tools_wrapper .ways {
	padding: 0.5em;
}
.content {
	padding: 1em;
}
.content ul {
	margin: 0;
	padding: 0 0 0 1em;
}
.content ul.options {
	padding: 0;
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 0.7em;
	list-style-type: none;
	border-radius: 4px;
	border: 1px solid #876;
}
.content ul.options li {
	padding: 0.5em;
	border-bottom: 1px solid #876;
}
.content ul.options li:hover {
	cursor: pointer;
	background-color: rgba(153, 136, 119, 0.2);
}
.content ul.options li:last-child {
	border-bottom: none;
}
.content section {
	border-top: 1px dashed #bbb;
}
.content .room-start {
	border-top: none;
}
.content h3 {
	text-align: center;
}
.way {
	color: blue;
	margin-right: 1em;
}
.cycle {
	color: darkgreen;
	border-bottom: darkgreen dashed 1px;
}
</style>
<body>
<div id="page">
  <div class="container">
    <div id="tools_wrapper" class="row">
      <div class='ways col-md-6'>
        <ul class="nav nav-pills" id="ways">
        </ul>
      </div>
    </div> 
  </div>
  <div class="container">
    <div id="content_wrapper" class="row">
      <div id="content" class="content col-md-10 offset-md-1 col-xs-12"></div>
      <a name="end_of_content"></a>
    </div>
  </div>
</div>

<script defer type="text/coffeescript">
salet.game_id = "your-game-id-here"
salet.game_version = "1.0"
salet.autosave = false

room "start",
  dsc: """
    ## Привет, [мир!](end)
  """,
  choices: "#start"

room "end",
  dsc: """
    #### Пока, мир!
  """
  tags: ["start"]
  optionText: "Или нет?"

$(document).ready(() ->
  salet.beginGame()
)
</script>    
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://salet.su/try/js/coffee-script.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/salet@2.0.1/lib/index.min.js"></script>
</body>
</html>

Ваша игра - это то, что между тегами <script defer type="text/coffeescript"> и <script>. Остальное - это обвязка и описание того, как она выглядит. Уже можно править и играть. (Автосохранения пока что отключены.)

Если не нравится синтаксический сахар CoffeeScript и вы знаете Javascript, можете выкинуть coffee-script.js и писать на чистом JS.

А вот как править, что можно добавить и как включить сохранения - это в остальной части руководства.

  • ru/guide/five-min.txt
  • Последние изменения: 2019/02/23 07:06
  • Alexander Yakovlev