← 返回博客
phaser2024-01-17 11:43:051 分钟 · 156 2553

Vite5+vue3+phaser.js开发小游戏

学习Vite5+vue3+phaser.js开发小游戏

#vue3#Vite5#phaser.js

先放上成果地址:https://demo.wxbuluo.com/digital


开发过程中遇到的问题

  1. 开始考虑数字随机打乱,结果发现会有无法完成的情况,于是改成随机交换空格和周围数字的方法去打乱数字
  2. 打包中遇到个问题,因为演示地址是在二级目录,开始打包出现了空白页面的情况,经研究发现,需要修改vite.config.js中的base为'/digital/',同时还需要在router中设置二级目录名称,代码如下:
# vite.config.js
base: '/digital/', // 设置打包路径
# router
history: createWebHistory('/digital/'),

开发计划

  1. 排行榜

相关推荐

本文为原创文章,采用CC BY-NC-SA 4.0协议授权,转载请保留署名与原文链接。原文链接:https://www.wxbuluo.com/article/138