опубликовали
В этом выпуске номер 12 Alt-F4 xthexder раскрывает некоторые технические закулисные моменты, касающиеся прыгающего паука внизу страницы. Затем TheKool дает новичкам представление о производственных модулях и их использовании. Наконец, T-A-R делится некоторой информацией о предстоящем мероприятии сообщества, которое выглядит очень забавным.
Создание Паука для сайта xthexder
Как вы, несомненно, знаете, на веб-сайте Alt-F4 внизу каждой страницы есть паук, похожий на ракету на веб-сайте Factorio. Многие люди, вероятно, щелкали по нему, надеясь, что произойдет что-то захватывающее, но разочарованы, когда паук-трон просто продолжал подпрыгивать на месте. Читатели со зорким глазом могли заметить, что это изменилось с выпуском Alt-F4 # 8. Если вы еще не видели этого, почему бы не прокрутить вниз, нажать на своего маленького приятеля и попросить его следовать за вами!
Когда мы впервые настраивали сайт, было совершенно очевидно, что мы должны заставить Spidertron что-то делать, но вначале у нас не было времени записывать что-либо, кроме его анимации ожидания. Записать паука сложно, так как нам нужно записывать без фона. Изначально мы достигли этого с помощью секретного мода от Klonan, который использует недокументированные функции в Factorio API для записи гифок. Записать цикл еще сложнее, поскольку движение паука является полуслучайным, поэтому что-то большее, чем просто анимация ожидания, потребует дополнительных усилий, чтобы добиться правильного результата.
Первоначальный план заключался в том, чтобы паук ползал вверх по странице и был такой же верхней кнопкой, что и ракета на официальном сайте Factorio. Это потребовало записи анимации движения вверх, а затем зацикливания ее при перемещении вверх по странице. Затем Dr.Magpie пришла в голову идея сделать так, чтобы паук следовал за пультом прицеливания по странице, как это происходит в игре. Это выходило за рамки того, что можно было сделать с использованием записей, поскольку требовалось слишком много комбинаций.
Зная наше сообщество, вероятно, найдутся сумасшедшие, которые помогут с этим просто ради того, чтобы это было вызовом….
— psihius (October 3, 2020)
Вызов принят
Создание функционального паука для веб-сайта, безусловно, было сложной задачей, но работать над ним также было довольно весело. Комментарий psihius побудил меня приступить к работе . Первым делом нужно было просто нарисовать паук-а, используя оригинальные спрайты Factorio, чтобы их можно было перемещать независимо. Я решил использовать необработанные элементы HTML и CSS, надеясь, что браузер сможет ускорить рендеринг с помощью графического процессора. Оказалось, что у этого есть несколько недостатков, поскольку определенные изменения вызвали пересчет макета всей страницы и свели на нет любые преимущества в производительности. Однако, нарисовав базового паука, я мог начать работать над анимацией в JavaScript.Читать полностью