使用pixi.js制作简单的跑酷小游戏

前言

此项目使用pixi.js和vue实现，部分素材来自爱给网，本项目仅作用于 pixi.js 学习用途，侵权立删。

项目地址

shellingfordly/pixi-games

demo地址

pixi-games

初始化项目

使用vite初始化项目

pnpm create vite my-vue-app

安装pixi.js和pixi-tweener

pixi-tweener一个做过度动画的开源库

pnpm i pixi.js pixi-tweener

主要逻辑

useParkour

此函数用于创建pixi app，将场景，障碍物，人物添加到app中

• containerRef canvas的容器
• gameStart 开始游戏
• start 开始状态
• score 分数
• hp 血量