Added the tentacles

This commit is contained in:
Alexander Yakovlev 2017-07-31 17:14:42 +07:00
parent 43de61a5f5
commit e576612c5f
8 changed files with 69 additions and 20 deletions

View File

@ -90,6 +90,10 @@ salet.init = () ->
@character.displayAll = false
@character.take(cloak)
@character.update_sidebar = () ->
if @has('cloak')
$("#tentacles").show()
else
$("#tentacles").hide()
$(".objects").empty()
for obj in document.querySelectorAll(".objects")
for u in salet.here().units

View File

@ -7,7 +7,6 @@ start: """
### Cloak of Darkness
#### A basic IF demonstration
##### Roger Firth, remade in Salet by Alexander Yakovlev
"""
foyer: """
You are standing in a spacious hall, splendidly decorated in red
@ -16,17 +15,27 @@ foyer: """
[south](bar) and [west.](cloakroom)
"""
credits: """
The game uses these icons from [game-icons.net](http://www.game-icons.net):
[The original game](http://www.firthworks.com/roger/cloak/) was written by Roger Firth.
* White book by [Willdabeast,](http://wjbstories.blogspot.com/) CC-BY 3.0
* Light backpack by [Delapouite,](http://delapouite.com/) CC-BY 3.0
* Compass by [Lorc,](http://lorcblog.blogspot.com/) CC-BY 3.0
This version is built by Alexander Yakovlev with Salet.
The illustration is by Daria Filippova.
The source code for this version is [here.](https://gitlab.com/Oreolek/cloak-salet)
The game uses these icons from [game-icons.net](http://www.game-icons.net), all CC-BY 3.0:
* White book by [Willdabeast,](http://wjbstories.blogspot.com/)
* Light backpack by [Delapouite,](http://delapouite.com/)
* Compass by [Lorc,](http://lorcblog.blogspot.com/)
* Suckered tentacle by Lorc
* Tentacurl by Lorc
* Interlaced tentacles by Lorc
* Tentacle strike by Lorc
* Curled tentacle by Lorc
The game uses Salet library. Salet code is licensed by MIT license,
see list of contributors [here.](https://gitlab.com/Oreolek/salet-module#list-of-contributors)
And again, [the original game](http://www.firthworks.com/roger/cloak/) was written by Roger Firth.
The source code for this version is [here.](https://gitlab.com/Oreolek/cloak-salet)
"""
entrance: """
You've only just arrived, and besides, the weather outside seems to be getting worse.

View File

@ -7,7 +7,6 @@ start: """
### Плащ Тьмы
#### Базовая демонстрация IF
##### Roger Firth, версия на Salet - Александр Яковлев
"""
foyer: """
Вы стоите в центре просторного холла, роскошно декорированного
@ -16,6 +15,16 @@ foyer: """
Вход с улицы смотрит на [север](entrance), две другие двери ведут в [южном](bar) и [западном](cloakroom) направлении.
"""
credits: """
[Оригинальная игра](http://www.firthworks.com/roger/cloak/) была
написана Роджером Фиртом.
Эта версия написана Александром Яковлевым на движке Salet.
Текст опирается на перевод Дениса Гаева.
Иллюстрация: Дарья Филиппова
Исходный код этой версии доступен [здесь.](https://gitlab.com/Oreolek/cloak-salet)
Игра использует эти иконки с сайта [game-icons.net](http://www.game-icons.net):
* White book by [Willdabeast,](http://wjbstories.blogspot.com/) CC-BY 3.0
@ -24,12 +33,6 @@ credits: """
Игра использует библиотеку Salet. Код Salet лицензирован согласно лицензии MIT,
список авторов библиотеки доступен [по ссылке.](https://gitlab.com/Oreolek/salet-module#list-of-contributors)
Опять же, [оригинальная игра](http://www.firthworks.com/roger/cloak/) была
написана Роджером Фиртом.
Данная версия опирается на перевод Дениса Гаева.
Исходный код этой версии доступен [здесь.](https://gitlab.com/Oreolek/cloak-salet)
"""
entrance: """
Вы только пришли сюда. К тому же, погода снаружи заметно ухудшается.
@ -77,7 +80,7 @@ wear_darkness: "Это уже надето на вас, между прочим.
dark: "Слоняться в кромешной тьме не самая лучшая идея."
drop_cloak: "Это не самое лучшее место, чтобы оставлять на полу особенный плащ."
hang_cloak: "Вы оставляете свой вельветовый плащ на крючке."
wear_cloak: "You take the cloak from the hook and wear it."
wear_cloak: "Вы снимаете плащ с крючка и надеваете его."
take_cloak: "Вы берёте плащ с крючка."
night: "Ночной режим"
multiplayer: "Режим мультиплеера"

View File

@ -26,7 +26,7 @@
<body>
<div id="page">
<div class="container">
<div class="row">
<div class="ways_wrapper">
<div class='ways'>
<ul class="nav nav-pills" id="ways">
</ul>

View File

@ -41,7 +41,7 @@
</div>
</div>
<div class="halfcol text-center">
<img src="img/poster.png" class="responsive">
<img src="img/poster.png">
</div>
</div>
</div> <!-- End of div.page -->

View File

@ -26,7 +26,7 @@
<body>
<div id="page">
<div class="container">
<div class="row">
<div class="ways_wrapper">
<div class='ways'>
<ul class="nav nav-pills" id="ways">
</ul>
@ -72,6 +72,14 @@
</div>
</div>
</div> <!-- End of div.page -->
<div id="tentacles">
<div class="right">
<img src="img/tentacurl.png">
</div>
<div class="left">
<img src="img/tentacurl.png">
</div>
</div>
<!-- CDN JS Libraries -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js"></script>

BIN
img/tentacurl.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 KiB

View File

@ -21,7 +21,7 @@ body {
// border-width: 81px 103px 77px 66px;
// border-image: url(../img/border.png) 81 103 77 66 repeat;
}
#ways_wrapper {
.ways_wrapper {
@include make-row();
}
#ways {
@ -187,6 +187,9 @@ hr {
@include make-col(6);
}
text-align: center;
img {
max-width: 100%;
}
}
.centercol {
padding-top: $font-size-base * 5;
@ -195,3 +198,25 @@ hr {
margin-top: $font-size-base * 1.5;
margin-bottom: $font-size-base * 1.5;
}
#tentacles {
@media(max-width: 580px) {
display: none;
}
position: absolute;
z-index: -10;
width: 100%;
height: 100%;
top: 40%;
.right {
position: absolute;
right: 0;
}
.left {
position: absolute;
left: 0;
transform: rotate(180deg);
}
img {
width: $font-size-base * 3;
}
}