Использование GitHub Codespaces с VNC/flexbox для создания карт покемонов через веб-браузер

Приветик 👋 !

В настоящее время я работаю над крутым проектом 🌺 Gracidea, который представляет собой анимированную живую веб-карту покемонов, нацеленную на воссоздание всего мира покемонов и доступную прямо из вашего браузера:

Я использую комбинацию нескольких технологий, таких как deno, pixi.js, vercel.com и редактор карт Tiled, а также другие инструменты. Некоторые из них, например Tiled, являются графическими настольными приложениями, поэтому их нужно сначала установить.

Это заставило задуматься, что если бы можно было предоставить графическую среду для доступа к настольным приложениям и редактирования карт прямо из веб-браузера… 🤔 ?

И это так 🥳 !

Если вы не знаете, GitHub предлагает кодовые пространства, которые позволяют вам создать веб-доступный экземпляр докера из репозитория с предустановленным VS Code. Однако не многие знают, что на самом деле можно настроить dockerfile через папку .devcontainer этого репозитория.

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

Немного поиграв с легким рабочим столом vscode-dev-containers от Microsoft, мне удалось настроить vnc и flexbox (предоставленный desktop env) для создания полноэкранного экземпляра Tiled!

Ниже приведен предварительный просмотр всего этого в Firefox (да, все происходит в браузере! 😮).

Так что да, по сути, все, что вам нужно для установки этого проекта — это только веб-браузер, и никакой головной боли по поводу «а вот это работает на моей машине 😵 !».

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

Спасибо, что прочитали 💕 !

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *