随笔分类 -  青瓷qici - H5小游戏 抽奖机

H5小游戏代码实现
青瓷qici - H5小游戏 抽奖机 4 运行脚本编写
摘要：hello，小伙伴们，我们来继续编写相关的程序。 前几章我们已经基本把界面等问题搞定了，现在我们就来写脚本让整个流程统一起来。 看看我们现在有了什么？一个界面还有他的层次结构 青瓷界面绑定UI.js创建 化成关系图如下，我们调整一下， 因为背景应该上面抽出一层，作为公共背景，让这个背景来控制自己到底 阅读全文
posted @ 2016-03-02 17:00 $JackChen 阅读(1130) 评论(0) 推荐(0) 编辑
青瓷qici - H5小游戏 抽奖机 3 效果设置
摘要：现在是万事俱备，只欠东风，好，我们一起动手，先来东风东。 烟花粒子效果 第一个来实现我们的烟花粒子效果，点击我们的粒子，按照下图方式配置。 注意此时我们已经加入了white.png作为粒子特效使用。 这里有几个地方要注意的。在游戏后期发布的时候，我在我那战斗力只有5点的手机上面跑粒子效果，妥妥滴卡死 阅读全文
posted @ 2016-03-01 20:08 $JackChen 阅读(1004) 评论(0) 推荐(0) 编辑
青瓷qici - H5小游戏 抽奖机 2 界面布局
摘要：背景图片 首先我们需要在当前场景下面创建UI的根节点，这个根节点决定了我们整个游戏的元素布局，以及适应多分辨率的缩放布局问题，所以我们其他的元素都要放在UIRoot下面。 考虑到我自己测试的时候在PC下面也想看得舒服，所以UIRoot的布局采用居中宽高比固定，然后在最下面Manual Type 设置 阅读全文
posted @ 2016-03-01 19:05 $JackChen 阅读(891) 评论(0) 推荐(0) 编辑
青瓷qici - H5小游戏 抽奖机 1 素材
摘要：素材链接… 我们准备好所有素材 青瓷的素材引入，可以通过拖动的方式。我们打开windows的资源管理器，所有素材拖动到texture里面 框架会帮你进行预处理方便加载 我们在atlas文件夹里面新建目录 一律添加@atlas结尾，这样系统就可以自动帮我们剪裁成雪碧图了（Sprite图，精灵图）。 全 阅读全文
posted @ 2016-03-01 18:32 $JackChen 阅读(498) 评论(0) 推荐(0) 编辑
青瓷qici - H5小游戏 抽奖机 0 创建工程
摘要：安装运行平台需要nodejs，具体方法请参照官方说明文档。 运行后打开了一个空空的窗口。 首先我们进行工程设置，菜单》工程》设置 菜单里面设置我们游戏的名称，到时候会显示在游戏的title上面，设置版本 这里其中关键的地方我们要设计一个竖屏的游戏，分辨率是640*960，游戏帧率设置为30帧，让编辑 阅读全文
posted @ 2016-03-01 17:10 $JackChen 阅读(330) 评论(0) 推荐(0) 编辑
青瓷qici - H5小游戏 抽奖机 “one-arm bandit”
摘要：写在前面 本文实现一个简单的抽奖效果，使用青瓷qici引擎，其中应用了Tween动画，粒子系统，遮罩，UI界面布局，项目设置，发布等功能呢。 目前开发采用1.0.7版本，后续如果界面有所变化请参考这个版本。 所有开发H5的朋友都请先做些demo测试下你目标机的兼容性问题，以免开发好了后，跑不起来。 阅读全文
posted @ 2016-03-01 16:57 $JackChen 阅读(1092) 评论(2) 推荐(2) 编辑