М.Двач / Дневнички

Этого треда уже нет.
Это копия, сохраненная 3 сентября 2019 года.

Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.

43 Кб, 480x360
Двач, хочу сделать свою браузерную игру. Что-нибудь 123456 !YG85pEoDA6 10 ноя 2016, 16:50 124593 В конец треда | Веб

Двач, хочу сделать свою браузерную игру. Что-нибудь простое, типа карамелек/сокровищ пиратов и т.п., где надо собирать некоторое количество одинаковых хуевинок вместе, после чего они исчезают. Собираюсь использовать PHP для бэкенда, HTML + JS для фронтенда, анимации на CSS.
Надеюсь, аноны подскажут интересных идей для игровой механики и реализации.
Пока думаю, куда выкладывать результаты работы, чтобы делиться с аноном.

10 Кб, 640x512
123456 !YG85pEoDA6 # OP 2 14 ноя 2016, 21:53 2 125038

В общем, выбрал c9.io в качестве площадки, и начал делать самые базовые вещи.
Тут доступна рабочая версия:
https://testgame-amateurgamedev.c9users.io/
Тут - исполняемые файлы:
https://preview.c9users.io/amateurgamedev/testgame

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

Ответы041054

123456 !YG85pEoDA6 # OP 3 14 ноя 2016, 22:48 3 125041

>>125038
1. Анимации не было из-за анимации состояния selected (через keyframes менял значение top), после того как изменил анимацию так, чтобы она не затрагивала значение координаты - transition опять начал работать.

123456 !YG85pEoDA6 # OP 4 15 ноя 2016, 00:58 4 125054

>>125038
Немного обновил. Теперь поле генерируется случайным образом при каждой загрузке страницы, пока данные никуда не сохраняются.
3. Надо подумать, как лучше хранить конфигурацию поля для каждой отдельной игры.

Ответы090

5 15 ноя 2016, 02:28 5 125058

На канвасе ?

Ответы069

123456 !YG85pEoDA6 # OP 6 15 ноя 2016, 10:28 6 125069

>>125058
В чем преимущества канваса?

Ответы071

7 15 ноя 2016, 11:16 7 125071

>>125069

В первую очередь производительность. Операции с DOM очень дорогие. Но в твоём случае я не вижу большой необходимости в canvas. Ебля с низкоуровневым API графики ради таблицы с кружками 8x8 вряд ли себя оправдает.

А вот уж что точно стоит сделать, так это отказаться от анимации абсолютного позиционирования, с тереблением параметров типа top и left
Специально для этого существует transform: transition().

https://www.paulirish.com/2012/why-moving-elements-with-translate-is-better-than-posabs-topleft/

Ответы083

123456 !YG85pEoDA6 # OP 8 15 ноя 2016, 13:41 8 125083

>>125071
Спасибо за очень конкретную и полезную информацию. Сегодня переделаю.

80 Кб, 764x764
123456 !YG85pEoDA6 # OP 9 15 ноя 2016, 16:25 9 125090

>>125054
Переделал анимацию кружков, теперь перемещаются через translate(), спасибо анону за совет.
3. Конфигурацию игры решил пока что хранить в файле, идентификатором будет имя сессии, соответственно теперь игровое поле генерируется 1 раз для сессии.
4. Кружочки теперь можно двигать, позиции запоминаются. Немного накосячил с анимацией, подумаю как переделать.
Исходник php-контроллера:
http://ideone.com/ExUqIV

50 Кб, 504x504
sage 10 15 ноя 2016, 22:21 10 125147

Успехов, няша.

Тред утонул или удален.

Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.

« /dr/В начало тредаВеб-версияНастройки/a//b//mu//s//vg/Все доски

Пользуетесь скринридером — пишите, что можно улучшить.
Host-Food.ru — надёжный хостинг от 12 руб/мес | Free DNS
Зеркала М.Двача: m2ch.hk, m2ch.lib, m2chfapiswfw2wcakptqp4o6ltgchvjuxfab7urxlduraomtlnhw5xad.onion