Гра в гольф, створена минулої ночі з Клодом Кодом, Свелте та ThreeJS

Минулої ночі повністю придатна для гри 3D-гра в гольф ожила за допомогою Claude Code, Svelte і ThreeJS — створених за один сеанс без використання ігрового движка. Цей проект демонструє, як саме сучасна розробка за допомогою штучного інтелекту усуває розрив між ідеєю та робочим продуктом, і чому такі інструменти, як Mewayz, існують, щоб допомогти амбітним розробникам працювати швидше.

Як насправді виглядала гра в гольф, коли її було зроблено?

Кінцевим результатом стала гра в гольф від першої особи на основі браузера, повністю відтворена в 3D. ThreeJS обробляв графік сцени, освітлення, сітку рельєфу та симуляцію фізики м’яча. Свелте керував рівнем інтерфейсу користувача — карткою показників, вимірювачем потужності удару, індикатором вітру та меню вибору лунки. Клод Код виконував роль парного програміста, генеруючи шаблон, виправляючи помилки шейдерів і пропонуючи архітектуру того, як магазини Svelte повинні повідомляти зміни стану циклу візуалізації ThreeJS.

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

Як Клод Код впорався з технічною важкістю?

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

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

Клод Код також впорався з більш виснажливою роботою над впровадженням, яка зазвичай уповільнює сольні проекти до повзання: написання кватерніонної математики для векторів впливу ключки на м’яч, структурування конвеєра завантаження активів і налаштування конфігурації Vite для проекту Svelte + ThreeJS з нуля. Те, що зазвичай займає дві години археології Stack Overflow, зайняло приблизно дванадцять хвилин.

Чому Svelte і ThreeJS виявилися ідеальною парою?

Комбінація Svelte і ThreeJS недостатньо використовується в спільноті розробників веб-ігор, і цей проект довів, чому він заслуговує більше уваги. Реактивність Svelte під час компіляції означає, що під час оновлення елементів інтерфейсу гри практично немає накладних витрат — індикатор потужності, дисплей швидкості вітру та лічильник ударів оновлюються зі швидкістю 60 кадрів в секунду без жодної втрати продуктивності.

ThreeJS надав усе необхідне для переконливого 3D-середовища без накладних витрат на абстракцію повного движка:

Геометричні примітиви для фарватеру, ти боксу та холе-кубка — усе створено за допомогою екземплярів PlaneGeometry та CylinderGeometry

MeshStandardMaterial зі значеннями шорсткості та металевості, що надає м’ячу для гольфу характерного блиску під спрямованим освітленням

Raycasting для виявлення зіткнення м’яча з землею та запуску фізики відскоку

OrbitControls, адаптовані для перспективи Fly-Cam, яка слідує за дугою м’яча після кожного пострілу

AnimationMixer для обробки анімації прапора на зеленому, додаючи невеликі, але задовільні візуальні деталі

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

Що ця збірка розкриває про розробку продуктів за допомогою ШІ у 2025 році?

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

Frequently Asked Questions

Can I build a browser-based game using only Svelte and ThreeJS without a dedicated game engine?

Yes, and this project proves it is entirely practical for small-to-medium scope games. ThreeJS handles rendering, physics approximations, and scene management, while Svelte manages reactive UI state cleanly. For simple games — platformers, puzzle games, golf — this stack performs well and deploys as a standard web app with no plugins required.

How does Claude Code differ from standard AI code completion tools like GitHub Copilot?

Claude Code operates at the project level rather than the line level. It understands the relationships between files, maintains context across a full development session, and can reason about architecture, not just syntax. This makes it significantly more useful for complex builds where the challenge is system design rather than remembering API method names.

What makes Mewayz different from using separate tools for each business function?

Mewayz consolidates 207 modules — covering CRM, content, courses, ecommerce, affiliates, analytics, and more — into a single platform with a unified data layer. This eliminates the integration overhead, data silos, and subscription sprawl that come with tool stacking. For growing businesses, the operational clarity this provides is the actual product, not just the feature list.

Whether you are shipping a golf game at midnight or scaling a business to its next revenue tier, the fastest path forward is an integrated system that holds context so you can focus on execution. Mewayz is built for exactly that. Start your Mewayz account today at app.mewayz.com and run your entire business from a single, coherent operating layer — starting at $19 per month.

Related Posts

• QGIS 4.0
• Яка різниця між «диском» і «диском»?
• Виконуйте метапроекти
• Техаські законодавці б'ють на сполох через «катування, вбивства та нелюдське поводження»