1 Star 2 Fork 4

Kaiser/vue式游戏开发pixi.js

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

轻量化游戏框架

  • 纯代码手撸,逻辑更易理解
  • tpl文件vscode下切换成html语言模式才有高亮

传奇图片 代码图片

1分钟入门

  • 框架一共6种标签:
  1. tpl 子模板
  2. box 容器
  3. img 图片(精灵)
  4. ani 动画
  5. txt 文字
  6. audio 声音
  • 共有属性:
  1. x 横向坐标
  2. y 纵向坐标
  3. width 宽度
  4. height 高度
  5. visible 隐藏或显示
  • 私有属性:
  1. tpl
属性 说明 类型 示例
src 模板路径 string tpl/demo.tpl
  1. box
属性 说明 类型 示例
filter 染色 string #FF0000
interactive 交互穿透 boolean true
  1. img
属性 说明 类型 示例
src 图片路径 string res/icon.png
radius 圆角 number 50
grid 九宫格 string 7,7,7,7
trimX 横向裁剪 number 10
trimY 纵向裁剪 number 10
  1. ani
属性 说明 类型 示例
src 图片集路径 string res/role.png
speed 播放速度 number 20
loop 循环播放 boolean true
  1. txt
属性 说明 类型 示例
text 文字内容 string Hello World
size 文字大小 number 24
color 文字颜色 string #000000
  1. audio
属性 说明 类型 示例
src 音频文件路径 string res/bgm.mp3
volume 声音大小 number 0.5
loop 循环播放 boolean true
play 自动播放 boolean true
  • 交互事件:
  1. click 左键单击
  2. rightclick 右键单击
  3. down 鼠标按下
  4. up 鼠标抬起
  5. move 鼠标移动
  6. over 鼠标悬浮于节点
  7. out 鼠标离开节点
  • 其他工具:
  1. Sws 2.3 本地webserver预览
  2. QD_AtlasPack 图集打包 (打包完需要自行补充首尾)
  • QQ群: 88284470

  • TODO

  1. 父子模板参数传递
  2. template内的if else for的支持

空文件

简介

使用pixi.js,模仿vue式游戏开发,js传奇 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/cnzkai/vue-game-pixi.js.git
git@gitee.com:cnzkai/vue-game-pixi.js.git
cnzkai
vue-game-pixi.js
vue式游戏开发pixi.js
master

搜索帮助