Що таке хук useActionState?

useActionState — це новий хук у React, який спрощує оновлення стану на основі результатів дії у формі.

Щоб зрозуміти, можна уявити його як помічника, який слідкує за всім, що відбувається: він спостерігає за процесами і повідомляє тебе про найновішу інформацію щоразу, коли хтось надсилає форму. Дуже зручно, правда?

Переглянь офіційну документацію🚀

⚠️ Важлива примітка: На даний момент useActionState доступний лише у попередніх версіях React Canary.
Ah, і для того, щоб правильно використовувати, вам знадобиться фреймворк, який підтримує React Server Components.

Як використовувати useActionState?

Спочатку імпортуйте хук:

import { useActionState } from 'react';

Далі використовуйте … Читати далі

Розробка фронтенду переживає захопливу трансформацію, подібно до того, як шеф-кухар переходить від використання готових інгредієнтів до приготування страв з нуля за допомогою кращих інструментів. Як фронтенд-розробник, я спостерігав, як наша практика розробки змінюється від сильної залежності від традиційних бібліотек компонентів інтерфейсу користувача — тих зручних, але часто жорстко обмежених рішень — до чогось більш вишуканого: підходів, що включають допомогу ШІ і дозволяють створювати індивідуально підібрані рішення, які поєднують необхідну ефективність з гнучкістю, про яку ми завжди мріяли. Ця зміна означає більше, ніж просто зміну інструментів; це глибше розуміння того, як будувати веб-додатки, які є одночасно продуктивними і підтримуваними.

Завдяки інструментам … Читати далі

Що за гра без монстрів і боїв, навіть якщо вона про котів, правда?

Нарешті я додав базові анімації для монстрів, тепер є що показати. Коли сонце заходить, покинуті пляшки перетворюються на монстрів, і коти одразу кидаються на них. Поки що немає анімацій атак чи смерті, наразі вони просто стоять на місці і поступово зменшують один одному здоров'я.

Я додав режим "втечі" для маленького кошеняти.

У цьому випадку обидва коти перебувають у режимі "захисту", тому вони слідують за гравцем і атакують лише коли монстр дуже близько.
І так, я ще не намалював анімації ходьби для монстрів, що рухаються вгору і вниз … Читати далі

User is working on a retro arena FPS game called Rend, written in C++.Ласкаво просимо до девлог-статті про мою ретро-аренну гру FPS під назвою Rend. Це лише одна з багатьох статей, і ви можете ознайомитись з іншими за посиланням на цьому списку. Вони дають уявлення про процес розробки та труднощі створення ігрового рушія на C++ з нуля. Гру можна безкоштовно скачати на Itch.io.

Повна версія гри вже на підході, і я зрозумів, що є одна тема, яку я ще не описував. І це — аудіо-дизайн.

Чесно кажучи, це моя найслабша навичка. Я люблю музику, але не можу грати … Читати далі

Вітаємо всіх!

Розробка 13 Floor Game майже завершена, і нам варто поділитися, як усе це відбувалося. Ми вже говорили про те, що це за гра, як вона виглядає та як у неї грати. Але я впевнений, що багатьох із вас цікавить сам процес розробки 13th Floor.

І, хлопці, у нас є що розповісти. Останні кілька місяців ми стикалися з купою проблем, приймали ще більше рішень і набули величезного досвіду, яким ми дуже раді поділитися. Не сприймайте це як звіт, уявіть, що ми просто сидимо в майже готовій 13th Floor, п’ємо чай і згадуємо, як усе це відбувалося. Тож … Читати далі

1. Зрозумійте, що таке краудфандинг 💡

Краудфандинг — це не просто збір грошей, це можливість налагодити зв'язок зі своєю аудиторією.

• Ви не просто продаєте гру; ви запрошуєте людей стати частиною вашої подорожі.
• Сприймайте своїх бекерів як команду, а не просто як клієнтів.
• Успішна кампанія створює ажіотаж і лояльних фанатів задовго до запуску вашої гри.

🎯 Швидка перевірка реальності: Краудфандинг не зробить вас багатим за одну ніч, але він може дати вашій грі необхідний поштовх._

2. Виберіть правильну платформу 🛠️

Не всі платформи для краудфандингу рівні.
Виберіть платформу, яка відповідає вашим потребам.

• Kickstarter: Найкраще підходить для великих, відполірованих

У минулому багато комп'ютерних ігор містили інструкції, які вчили користувачів, як грати. Тоді гравці фактично не мали можливості виграти в гру, не прочитавши їх заздалегідь.

Приклад:

• Space Invaders Atari 5200: Інструкція

Обкладинка інструкції

Сьогодні багато ігор намагаються зменшити залежність від інструкцій, припускаючи, що останнє, що хоче людина після покупки гри — це сидіти та читати інструкції, як вона працює. Натомість, багато ігор дозволяють гравцям відразу перейти до "дії".
Однак, якщо гра буде дуже важкою для освоєння з першої хвилини, гравці, ймовірно, швидко її покинуть.

Це не означає, що гра повинна бути простою і без викликів, а що складність ігрового … Читати далі

26 листопада, після кількох довгих місяців, ми повернулися з зустріччю W3C Games Community Group і послухали доповідь від GameSnacks, де обговорювали відкриття, розповсюдження та монетизацію.

Це було дещо продовженням обговорення, яке ми мали кілька років тому щодо Open Mini Games, запропонованих Tom Greenaway. На нещодавній зустрічі ми мали можливість послухати Andrew Gildfind з Google, продуктового менеджера для GameSnacks, який займається рекламою HTML5 для ігор, що презентував свою платформу.
Tom Greenaway, прихильник штучного інтелекту та ігор у Google (а також голова W3C Games CG) вів обговорення про майбутнє відкриття, розповсюдження та монетизації.… Читати далі

Я реалізував зручну функцію: якщо навести курсор на іконку кота, з'являється стрілка над цим котом. Це буде корисно, коли на екрані буде багато котів одного кольору.

А ось щось, що вимагало трохи більше роздумів: якщо кіт знаходиться поза екраном, стрілка з'являється на відповідному краї екрану, вказуючи на кота. Мені знадобилося деякий час, щоб зрозуміти, як розрахувати кут обертання. По ходу я натрапив на кумедну помилку, через яку після стрілки оберталися й інші елементи 🙂

Ось приклад того, як працює стрілка з лівого верхнього кута:

Я додав нові кнопки в правому нижньому куті, які відкривають меню для крафту, квестів і навичок.… Читати далі

Один зі способів зрозуміти, що ви вибрали об'єкт у доповненій реальності (AR), це використання емісивної текстури. Емісивна текстура випромінює світло через матеріал. У цій статті я використаю дорогоцінні камені для показу цього зворотного зв'язку.

Щоб використовувати емісію, потрібно встановити прапорець емісії в матеріалі.

Тепер, коли це увімкнено, ми можемо використовувати код для доступу та зміни цього параметра. Щоб мати можливість повернути колір назад, нам слід зберегти оригінальний колір, щоб він зберігався в разі, якщо нам доведеться перезапустити програму. Додавши глобальну змінну, яку я назвав original emission color (оригінальний колір емісії), і визначивши її в методі start, отримуючи матеріал з mesh … Читати далі