1 Vue3 集成 Phaser3

原创

已于 2023-09-21 17:37:52 修改 · 1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#动画

于 2023-09-19 18:20:57 首次发布

本文介绍了如何在Vue项目中使用Phaser框架开发2D游戏，包括安装VueCLI、创建项目、集成Phaser并展示关键代码片段。

Phaser是一个强大的2D游戏开发框架，其专注于HTML5游戏开发。Phaser提供了许多功能强大的API，使得游戏开发变得更加容易。

Vue是一个流行的JavaScript框架，其专注于构建交互式的单页面应用程序。这篇文章将介绍如何在Vue中集成Phaser来构建高质量的游戏应用程序。

安装vue cli

npm install -g @vue/cli

创建新项目

$ vue create test1
?  Your connection to the default npm registry seems to be slow.
?  Your connection to the default npm registry seems to be slow.
   Use https://registry.npmmirror.com for faster installation? Yes
? Please pick a preset: (Use arrow keys)
? Please pick a preset: Default ([Vue 3] babel, eslint)
✨  Creating project in D:\wangqi\phaser3\demo\test1.
🗃  Initializing git repository...
⚙️  Installing CLI plugins. This might take a while...


added 864 packages in 31s
🚀  Invoking generators...
📦  Installing additional dependencies...


added 103 packages in 8s
⚓  Running completion hooks...

📄  Generating README.md...

🎉  Successfully created project tes