Share Your Christmas_H5案例分享

Share Your Christmas

2022-03-15 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

Share Your Christmas-查阅二维码

完整欣赏此案例大约需要30秒

案例：Share Your Christmas

品牌：

技术实现： Three.js

亮点：

1、创意定位

圣诞分享祝福卡片H5，分享祝福给好友。

2、策划上

① 首屏的背景颜色和图案是随机出现，点击首屏的开始按钮，进入卡片制作页面；

② 卡片制作页面中，左上角是菜单，可以快速查看卡片图案和制作着；右上角下雪按钮，点击后屏幕开始下雪；左下角是随机图案按钮，点击后随机切换屏幕中间的3D图案；右下角是音乐选择；屏幕中间靠下是背景颜色选择，一共7个颜色；点击屏幕下方的白色按钮，进入贺卡生成页面；

③ 贺卡生成页面，输入你的名字、选择祝福词、选择一个emoji表情，操作完毕后，出现确认按钮；卡片生成分享即可。

3、设计上

3D雪景，画面中有雪、有圣诞树等和圣诞相关的元素。

4、体验上

页面很简单，无论懂不懂页面上的英文，都可以正常操作。

以上为“H5案例分享”团队原创文章，转载请注明出处！