Симулятор-песочница со стилизованной минималистичной графикой в средневековом сеттинге.

ЗАБРАТЬ

Дополнительная информация

• Обновлено 08.03.2024

• Опубликовано 04.11.2023

• Статус Выпущено

• Платформы Windows, Linux

• Дата выпуска 03.11.2023

• Рейтинг 5,0 из 5 звезд

• Автор QiroBite

• Жанр Симулятор, Бой, Головоломка, Стратегия, Выживание

• Создано в Unity

• Теги Казуальная, ghostbyte, Низкополигональная, Минималистичная, Point & Click

• Средняя продолжительность сеанса Дни или более

• Языки Английский

• Ввод Клавиатура, Мышь

  ЗАБРАТЬ

  Leucanthemum Eyes

ЗАБРАТЬ

Короткий хоррор Point and Click, смешанный с Dungeon Crawler

Вдохновленный DreadOut и Silent Hill

В дождливый день Дэйзи прошла через туннель, чтобы переждать дождь.

Вдруг она оказалась в месте, похожем на канализацию, но адском.

Дэйзи нужно сбежать из этого места, полного призраков и прекрасных загадочных женщин.

▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃

Версия 1.2.2

• Для перемещения можно использовать WASD

• 3 концовки + 1 секретная концовка

• Добавлен новый босс

• Секретная сцена

• Галерея + дополнения

• Музыкальная комната

• Перевод на португальский язык

Дополнительная информация

• Обновлено 5 дней назад

• Опубликовано 62 дня назад

• Статус Выпущено

• Платформы Windows

• Рейтинг 5,0 из 5 звезд

• Автор Kuraishimi

• Жанр Приключения

• Сделано с Godot, Krita, Ren'Py

• Теги Dungeon Crawler, Horror, Point & Click, Ren'Py, Survival Horror

• Средняя продолжительность сеанса: несколько минут

• Языки: английский, португальский (Бразилия)

• Ввод: клавиатура, мышь

ЗАБРАТЬ

Wheres my baby

ЗАБРАТЬ

Оказавшись в заброшенном приюте, вы — последний выживший врач, и ваш единственный выход — найти транквилизатор, чтобы усмирить безжалостную, невменяемую мать. Каждая тень и шаг могут стать последними. Сможете ли вы пережить безумие или станете его частью?

Дополнительная информация

• Обновлено 22 дня назад

• Опубликовано 47 дней назад

• Статус Выпущено

• Рейтинг 5,0 из 5 звезд

• Автор MR X Lab

• Жанр Выживание, Экшн, Приключения, Шутер

• Теги Атмосферный, Жуткий, FPS, Ужасы, Психологический хоррор, Богатый сюжет, Хоррор на выживание

ЗАБРАТЬ

Beyond One's Past

ЗАБРАТЬ

Beyond One's Past — это психологическая игра ужасов, которая перенесет вас в путешествие полицейского, который прошел, проходит и продолжит проходить через тайны событий, развернувшихся в небольшом городке на окраине Пенсильвании.

Сможете ли вы разорвать цикл и довести расследование до конца?

Дополнительная информация

• Обновлено 1 день назад

• Опубликовано 55 дней назад

• Статус Выпущено

• Платформы Windows

• Рейтинг 4,5 из 5 звезд

• Автор Warlines Studios

• Жанр Выживание

• Теги 3D, Атмосферный, Жуткий, От первого лица, Ужасы, PSX (PlayStation), Психологический хоррор, Ретро, Одиночная игра, Хоррор на выживание

ЗАБРАТЬ

ЗАБРАТЬ

Продолжительность игры составляет примерно 15–20 минут

В «The MountWood Creature» вы берете на себя роль Джозефа, безработного, отчаянно ищущего работу. Приняв должность на удаленной сторожевой вышке в лесу МаунтВуд, он вскоре обнаруживает, что его новая работа ужаснее, чем он мог себе представить.

• Режим: однопользовательская видеоигра

• Жанр: ужасы

• Музыка и звуки в игре не защищены авторским правом.

• Разработчик: Diego Victor

• Кредиты:

• 3D-модели Ресурсы: Gabrielndjldc, Elbolilloduro

• Игра в стиле PS1

• Управление:

• W, A, S, D Перемещение

• Shift Бег

• Левая кнопка мыши Взаимодействие

• Пробел Пропустить диалог

• F Взять фонарик

Дополнительная информация

• Обновлено 3 дня назад

• Опубликовано 07 июля 2024 г.

• Статус Выпущено

• Платформы Windows

• Рейтинг 4,2 из 5 звезд

• Автор Noxus Games Studio

• Жанр Выживание, Приключения

• Теги Атмосферный, крипипаста, Ужасы, PSX (PlayStation), Ретро, Короткий, Одиночная игра, Хоррор на выживание, VHS

ЗАБРАТЬ

Astral Evolutions - Vampire survival в космосе и на корабле + симулятор механика и при этом игра всё ещё в разработке.

Раздается версия для скачивания на Windows, macOS, Linux

ЗАБРАТЬ

Весь ваш флот был уничтожен, казалось бы, бесконечной армией инопланетян. Вы единственный оставшийся корабль, сражающийся с тысячами врагов. Сможете ли вы победить рои инопланетян, чтобы получить улучшения, которые вам понадобятся для возвращения домой? В настоящее время есть 10 уровней, включая один бесконечный, один бой с боссом и обучающий, со многими другими на подходе, 3 уникальных врага и 5 разблокируемых видов оружия. Зарабатывайте монеты и опыт, проходя уровни, чтобы улучшать свою ракету и ее оружие.

Это моя первая игра, и я пытаюсь быстро выпускать контент — ожидайте некоторых ошибок и, пожалуйста, комментируйте любые, которые вы найдете. Любая помощь в том, чтобы сделать эту игру более отполированной, приветствуется.

ИГРА В БРАУЗЕРЕ НЕ РЕКОМЕНДУЕТСЯ

• В Godot 4.0 сейчас есть некоторые проблемы с отображением освещения и окружения в HTML5, поэтому графика будет не такой хорошей в вебе.

Управление:

• WASD - движение

• правая кнопка мыши - включение/выключение основного орудия

• QE - стрельба из первого и второго оружия соответственно

• Esc (escape) - выход из большинства интерфейсов

• стрелка вправо и влево - предыдущая и следующая страница для соответствующих меню

• Пробел - рывок

Как это работает:

• при входе на первый уровень будет показано краткое руководство, но если вы хотите освежить память, вот основные концепции игры:

• ваша главная турель будет стрелять и целиться автоматически

• правая кнопка мыши (или настройка элементов управления) для включения и выключения указанной турели

• значок в правом верхнем углу (на фото ниже) показывает, включена/выключена турель (зеленый/красный) и включено ли ее переключение на 1-секундное время перезарядки (как показано серой частью на нижнем рисунке)

• при достижении определенных уровней вы разблокируете оружие (например: пройдя обучение, вы достигнете второго уровня, разблокировав ракетную установку)

• экипируйте это оружие, войдя в свою ракету и пройдя до конца вправо (направления показаны ниже)

Дополнительная информация

• Обновлено 66 дней назад

• Опубликовано 05 авг. 2024 г.

• Статус В разработке

• Платформы HTML5, Windows, macOS, Linux

• Рейтинг 5,0 из 5 звезд

• Автор AlltheturtlesGames

• Жанр Шутер, Экшн

• Сделано с Piskel, Audacity, Godot

• Теги 2D, Godot, Инди, Пиксель-арт, Ретро, Одиночная игра, Космос, обновления

• Средняя продолжительность сеанса Несколько минут

• Языки Английский

• Ввод Клавиатура, Мышь

• Доступность Настраиваемые элементы управления

ЗАБРАТЬ

"Всего несколько строк CSS для плавных переходов между страницами"

• перевод на хабре

• оригинал

Я много раз слышал, про View Transitions API и о том, что теперь можно настраивать анимации перехода между страницами, но никогда не пробовал.

В статье автор предлагает сделать переходы между страницами плавными с помощью одной строчки кода.

@View-transition { navigation: auto; }

Чтобы понять о чём говорит автор просто посмотрите прикреплённое видео:

• или откройте оригинал статьи и воспроизведите видео

• или же откройте мой блог и попробуйте перейти на одну из последних статей

В SPA приложениях также есть возможность использовать View Transitions API. Можете посмотреть демки в статье: "Введение в View Transitions API".  Анимация реализуется с помощью startViewTransition

document.startViewTransition(() => updateTheDOMSomehow());

При использовании View Transitions API происходит следующее:

• делается снимок текущего состояния страницы

• выполняется обновление DOM (updateTheDOMSomehow)

• делается снимок нового состояния страницы

• переход между этими состояниями анимируется с помощью дефолтного плавного затухания или с помощью кастомной анимации

Более сложные примеры  можно узнать отсюда:

• The View Transitions API And Delightful UI Animations (Part 1)

• The View Transitions API And Delightful UI Animations (Part 2)

• Никита Дубко. По-настоящему красивые переходы средствами браузера

Для блогов на Astro:

• Документация View Transitions в доке Astro

• Как починить темную и светлую темы после внедрения view transitions — читать тут

На момент 14 ноября появились первые улучшения: наконец-то кроссворды обзавелись списком вопросов, ответы на них стало возможным подсмотреть рядом с ними, а клетки стали квадратными и более аккуратными.

16 ноября на сетке кроссворда наконец-то появились номера вопросов (в упомянутых ранее массивах они ставились при помощи символов «>» и «^» для горизонтальных и вертикальных слов соответственно, а сам номер рассчитывался автоматически), то есть стало возможно быстро и легко находить их, а также я добавил выпадающий список кроссвордов, потому что даже в изначальном примитивном формате их хранения прямиком в коде страницы я сделал некоторое количество кроссвордов по переведённым для занятий текстам и между ними надо было как-то переключаться.

19 ноября программу ждали некоторые внешние улучшения (например, меню кроссвордов стало занимать всю ширину, чтобы их названия полнее отображались на телефоне) и возможность показать сразу все ответы прямо на сетке. Удобно это не только для повторения пройденного: поскольку первое время сетку я заполнял вручную очень кустарными методами, приходилось часто перепроверять, что же получается на практике, и отображение всех ответов сильно в этом помогало. Хотя ощущение неудобства, конечно, постепенно росло, особенно после составления одного кроссворда вместе со студентами на занятии.

12 декабря я наконец-то приступил к созданию конструктора кроссвордов, дабы навсегда оставить расстановку всего и вся в массиве строк в прошлом. И вот первая версия конструктора уже позволила добавлять слова и редактировать их описание и положение на сетке.

13 декабря я таки додумался до прикрепления конструктора в верхней части экрана, чтобы составлять большие кроссворды было удобнее. С этой же целью конструктору была добавлена полупрозрачность, когда он не в фокусе.

По состоянию на 20 декабря конструктор стал ещё чуточку лучше: я добавил в него галочки для понимания, какие из загаданных слов уже находятся на сетке, а также кнопки перемещения слова или слов и кнопку сохранения результата.

25 декабря в кроссвордах появились непрерывный ввод слов при нажатии на его номер, что значительно упростило отгадывание, и переключение между номерами при нажатии на Tab. То бишь решать кроссворд стало можно и без отрыва от клавиатуры.

29 декабря конструктор претерпел ещё ряд изменений: поле ввода всех слов и их меню теперь стало возможно сужать и расширять, а набор кнопочек пополнился добавлением слова на сетку, его поворотом и удалением с сетки.

31 декабря я прикрутил изменение размера вообще ко всему кроссворду, благодаря чему составление новых кроссвордов слегка упростилось за счёт большего обзора.

16 января 2024 года я начал работу над настройкой цветов программы, чтобы дать пользователю самому выбирать их сообразно своим предпочтениям и настроению.

На момент 25 января поддержка цветовых схем была наконец готова: с этого дня стало возможным настраивать все четыре цвета программы, сохранять получившиеся цветовые схемы и загружать их. А при перезагрузке страницы они успешно загружались сами из local storage.

2 марта пользоваться конструктором стало ещё удобнее, благо слова теперь можно было перемещать по сетке обычным «мышиным» перетаскиванием, а поворачивать — щелчком по их номеру.

16 апреля настройки кроссвордов пополнились изменением шрифта и степени скругления ячеек. Вся это радость, конечно, тоже умеет сохраняться внутри файла, дабы не надо было всё настраивать заново при каждому запуске.

И несколько месяцев я был в целом доволен результатом. Но в ноябре 2024 произошло то, чего я сам от себя не ожидал: несмотря на большие усилия, приложенные к кроссвордам, я решил переписать их с нуля (хотя отдельные части переписывал и до этого). Недовольство недочётами собственного кода оказалось сильнее нежелания переделывать почти всё, но это того стоило, ведь я наконец-то сумел применить некоторые новые знания и просто сделать код гораздо аккуратнее, что явно никогда не будет лишним.

Что решение было верным, я особенно убедился 27 ноября, когда довёл до ума новый редактор кроссвордов: он избавился от двух громоздких окошек и стал сводиться к двум небольшим панелям снизу и сверху — для ввода слова и его описания и для перемещения всех слов разом, — а все основные действия теперь выполняются прямо на сетке, что на фоне прежнего конструктора стало ощутимым прорывом.

А 13 декабря для пущей красоты я добавил небольшой визуальный эффект: теперь при старте игры все клетки кроссворда подсвечиваются по диагонали начиная с верхнего левого края.

Напоследок покажу процесс от создания простейшего кроссворда до его разгадывания.

Вот такое у гуманитария выдалось приключение. Я прекрасно понимаю, что претендовать на образцовое качество вряд ли могу, что программ с кроссвордами не хуже моей пруд пруди и что опытного человека не удивишь чем-то, что он напишет максимум за день, но для меня это личное достижение и приятная возможность сделать что-то своё, что при этом будет неплохо служить моим преподавательским целям и радовать студентов.

Желающие опробовать показанное мной самостоятельно могут найти мои творения на GitHub (старые кроссворды на данный момент лежат в папке Crosswords, а новые — в New Crosswords, позже я переименую их соответственно в Old Crosswords и Crosswords, чтобы подчеркнуть переход к обновлённому варианту).

Успехов всем в преподавании и программировании и спасибо за внимание!

<script src="script.js"></script>

</body>

</html>

```

### CSS

В CSS файле мы зададим размеры нашего canvas и добавим некоторые базовые стили для оформления:

```css

body {

display: flex;

flex-direction: column;

align-items: center;

font-family: Arial, sans-serif;

}

canvas {

border: 1px solid black;

margin-top: 20px;

cursor: pointer;

}

h1 {

margin-bottom: 0;

}

```

### JavaScript

JavaScript будет использоваться для управления логикой игры. Основная идея — это создать сетку, на которой пользователь сможет "строить" здания путем кликов:

```javascript

const canvas = document.getElementById('cityCanvas');

const ctx = canvas.getContext('2d');

const gridSize = 10;

const cellSize = 40; // Размер клетки на сетке

canvas.width = gridSize * cellSize;

canvas.height = gridSize * cellSize;

const cityGrid = new Array(gridSize).fill(0).map(() => new Array(gridSize).fill(0));

// Функция для отрисовки сетки

function drawGrid() {

ctx.clearRect(0, 0, canvas.width, canvas.height);

for (let x = 0; x < gridSize; x++) {

for (let y = 0; y < gridSize; y++) {

ctx.strokeStyle = 'gray';

ctx.strokeRect(x * cellSize, y * cellSize, cellSize, cellSize);

if (cityGrid[x][y] === 1) { // Если построено здание

ctx.fillStyle = 'blue';

ctx.fillRect(x * cellSize, y * cellSize, cellSize, cellSize);

}

}

}

}

// Обработка клика

canvas.addEventListener('click', (event) => {

const rect = canvas.getBoundingClientRect();

const x = Math.floor((event.clientX - rect.left) / cellSize);

const y = Math.floor((event.clientY - rect.top) / cellSize);

cityGrid[x][y] = cityGrid[x][y] === 0 ? 1 : 0;

drawGrid();

});

// Начальная отрисовка сетки

drawGrid();

```

### Описание

1. **HTML**: Создает базовый каркас страницы с canvas, где будет происходить рисование.

2. **CSS**: Определяет стили для страницы и canvas, добавляя границу и стили для текста.

3. **JavaScript**: Определяет сетку города, состоящую из массивов. Пользователь может кликать на клетку сетки, чтобы "строить" (или "сносить") здания, используя двумерный массив для отслеживания состояния каждой клетки.

Этот базовый проект можно улучшать и расширять, добавляя больше функций, таких как разные типы зданий, экономика, ресурсы, и так далее.