Месть на Амбридж

Помните ее?

Это Долорес Амбридж — самый нелюбимый персонаж во всей франшизе о Гарри Поттере. Любой (настоящий) фанат Гарри Поттера согласится, что правосудие не восторжествовало над ней должным образом. В конце концов, в каком мире злодеям позволено мучить героев и при этом оставаться безнаказанным?

Правильный ответ - нет мира. Но, играя в эту игру, вы можете все исправить и помочь сбалансировать вселенную. Но вы не сможете сделать это в одиночку.

Амбридж, будучи злым боссом, имеет 10 000 ХП. Вы можете нанести только 150 урона за удар, и ваш персонаж умрет после того, как Амбридж ударит вас достаточное количество раз (она наносит 50 урона, а у вас 200–250 здоровья).

Поэтому единственный способ победить ее — работать с другими героями. Если у вас есть друзья, которые хотели бы отомстить Амбридж, отправьте им эту статью. Нам понадобится армия.

Готовясь к бою, не забывайте вставать, немного потягиваться и дышать.

Война началась.

Как играть

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

Если вы не знаете, что это такое, не волнуйтесь! Мы подробно рассмотрим процесс вместе, а если у вас возникнут вопросы, вы всегда можете оставить комментарий или связаться со мной здесь.

Если у вас уже есть кошелек Metamask + эфир Rinkeby Testnet, смело переходите к концу.

Шаг 1. Получите кошелек Metamask

Перейдите на https://metamask.io/ и скачайте его. Если вы используете компьютер, загрузите его как расширение для браузера. Это должно выглядеть примерно так (в зависимости от вашего браузера).

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

Нажмите «Создать кошелек», чтобы перейти на страницу «Создать пароль».

Введите пароль, который вы запомните, и продолжайте. Если появится видео, посмотрите его, а затем продолжите.

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

После подтверждения секретной фразы восстановления вы должны попасть на эту страницу.

Поздравляем! Теперь у вас есть цифровой кошелек Web3! Шаг 1 выполнен ✅

Шаг 2. Получите эфир Ринкеби

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

Для этого откройте Metamask и нажмите «Настройки».

Перейдите в «Дополнительно», затем прокрутите вниз до «Показать тестовые сети». Вы хотите включить этот параметр ON, потому что мы будем использовать тестовую сеть Rinkeby. Эти тестовые сети такие же, как основная сеть Ethereum, за исключением того, что они не используют реальные деньги, что делает их идеальной площадкой для разработчиков.

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

Поскольку игра не требует реальных денег, сборы (газ), необходимые для обработки транзакций, могут быть добавлены онлайн с помощью кранов. Поскольку мы используем тестовую сеть Rinkeby, мы можем получить средства бесплатно.

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

Если они запрашивают что-либо, кроме адреса вашей учетной записи, не используйте его.

Если вы не смогли их найти, вот некоторые из них, которые обычно работают:

https://faucets.chain.link/rinkeby ← самый надежный
https://app.mycrypto.com/faucet
https://rinkeby.faucet.epirus.io/#
https://testnet.help/en/ethfaucet/rinkeby

Чтобы найти адрес своей учетной записи, откройте Metamask и посмотрите вверху по центру.

Нажмите на имя своей учетной записи (у меня Учетная запись 1), чтобы скопировать адрес общедоступной учетной записи. Затем вставьте его в краны выше, чтобы получить ETH на свой счет. Вот пример использования Chainlink:

Это сработало! Теперь у вас должно быть 0,1 ETH на вашем счету в тестовой сети Rinkeby.

Шаг 2 завершен 🔥🔥

Шаг 3. Подключитесь к OpenSea

Этот последний шаг на самом деле является необязательным, но я подумал, что было бы здорово увидеть (тоже довольно полезно).

OpenSea — это торговая площадка NFT, которая является платформой для всего, что связано с NFT (она стоит 13 миллиардов долларов 🤯). Если вы заинтересованы в блокчейне, криптографии или NFT, это платформа для создания учетной записи в обозримом будущем.

На самом деле все очень просто – достаточно зайти на сайт и подключить свой кошелек. Щелкните Метамаска.

Должно появиться уведомление о расширении — нажмите «Далее» и «Подключиться», чтобы продолжить. После завершения работы расширения вы должны увидеть что-то вроде этого.

Вуаля! Теперь вы подключили свой кошелек к OpenSea. Шаг 3 выполнен 📈

Шаг 4. Играйте в игру!

Поздравляем!! Вы выполнили все шаги перед игрой, необходимые для бесперебойной работы. Остается только играть (и выигрывать)!

Победите Амбридж
Объединитесь со мной, чтобы победить Долорес Амбридж!nft-game-starter-project.iamwilltang.repl.co

СПОЙЛЕР: после создания NFT для вашего персонажа зайдите в OpenSea и проверьте свою учетную запись. Вы должны увидеть долгожданный сюрприз 😉. Хотя это может занять несколько минут, так что наберитесь терпения.

Процесс строительства

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

1. Доставка системы символов NFT 🐣

Это означало настройку моего компьютера для блокчейна с помощью команд терминала и Hardhat, кодирование умного контракта, создание данных для символов NFT и создание + развертывание NFT в тестовой сети Ринкеби для просмотра в OpenSea.

2. Отправка игровой логики 🎮

Создание логики босса + атаки, развертывание и наблюдение за тем, как NFT теряют HP, и добавление вспомогательных функций на потом.

3. Доставка веб-приложения 💻

Кодирование веб-приложения с помощью react.js, создание кнопки Подключиться к кошельку, настройка начального состояния приложения, подключение смарт-контракта и данных к веб-приложению, создание страницы Выбор персонажа + Арена и запуск приложения. на Реплит.

4. Подводя итог🎁

Отполировали пользовательский интерфейс, подчистили контракт, добавили спецэффекты и поборолись с IPFS 😭.