加速动力火车 驶向新年大奖

项目背景:

这个项目是个丰田金融做的第三期互动H5活动。H5采用小狗+火车为第一人称视角的小游戏。由于偏向伪3d,进行技术可行性分析,有以下两种方案实现方案:

方案一: 可以采用three.js库文件,进行给场景动态增加元素、维护游戏场景;
方案二: 使用Animate CC的createjs库制作H5,后面增加点击,根据点击数动态修改帧率进行场景切换。

确认的设计稿整体偏卡通风格,项目设计和制作时间很紧张,所以采用了第二套方案。

项目技术点

项目关键点在于性能优化,主要优化方向:

1、压缩项目资源文件,初次资源文件达到 10M+ –> 进行CC导出jpg、png分离,以及tingPng进行图片压缩,整体资源文件 1.3M;
2、修改默认导出的stage,进行支持stagegl GPU渲染。

其他主要功能包括如下:

1、微信授权;
2、雪花动效、场景微动效等;
3、font-spider实现字体压缩;
4、点击数、里程数、时钟、游戏音效等游戏控制管理;
4、游戏排行榜功能;
5、留资抽奖功能。

项目设计

《加速动力火车  驶向新年大奖》

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注