Appearance
2D 类型项目 - 小游戏与营销活动
类型概述
我参与开发了多个 2D 类型的小游戏和营销活动,主要针对用户互动和娱乐性需求。项目内容涵盖了经典的俄罗斯方块、抓娃娃、捡金币、DIY 海报生成、伪 3D 展示等小游戏,以及一些营销活动,旨在提升用户的参与感和活动热度。
技术栈与工具
Vue3Pixi.jsCSS3 AnimateGSAPAxiosAdobe AnimateAdobe PhotoshopMastergoFigmaSpine- JS/TS:实现项目逻辑。
- Vue2/Vue3:构建项目架构与交互。
- Pixi.js:渲染2D图形与动画。
- CSS3 Animate:制作DOM元素动画与过渡。
- GSAP:增强动画流畅度与控制。
- Axios:与后端交互,传递数据。
- Adobe Photoshop:对素材进行切片处理。
- Adobe Animate:可视化制作动画和界面并导入Pixi.js。
- Spine:制作骨骼动画与物理动态效果。
项目亮点
- 高互动性:小游戏设计提升用户参与度和活跃度,增强网站粘性。
- 营销助力:通过游戏激励措施(奖品、优惠券、抽奖等)实现销售和品牌曝光。
- 性能优化:优化动画和渲染,确保低性能设备也能流畅运行。
- 动画制作:大部分简单动画效果由我亲自开发和制作。
- 自适应设计:针对不同屏幕尺寸做自适应处理,提供一致的用户体验。
展示片段
- 你可以通过以下链接查看我过往项目的精彩视频片段演示:


伪3D效果


DIY海报


Flappy Bird


接金币


抓娃娃


俄罗斯方块


2024送福气


寻福之旅


多乐士
免责声明:以上视频仅用于个人作品展示,所有版权归原公司/客户所有,不涉及任何商业用途。如有疑问,请联系我进行处理。