魅族：窗里繁花，新年佳 7

2017-12-25 H5案例分享 H5案例分享

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

识别图中二维码

窗里繁花，新年佳 7-查阅二维码

完整欣赏此案例大约需要1分

案例：窗里繁花，新年佳 7

出品：魅族

亮点：

策划上，加载完成后展示一个附有许多建筑的地球。首先展示的是俄罗斯的圣索菲亚大教堂，左右还有中国的长城，印尼的婆罗浮屠，意大利比萨斜塔等。选择心仪的建筑点击，展示一张以该建筑为背景的手绘板。可以拖动建筑插画和背景板，输入你的新年愿望，点击确定，生成海报。
设计上，深蓝色背景，扁平风格。共三种主色，蓝色的地球，绿色的陆地以及黄色的建筑。
交互上，拖动或点击都可以切换的建筑。绘制海报界面，可拖动插画位置。

技术实现： Javascript

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

标签