小鸟DoDo：机器人写诗

2017-11-08 H5案例分享 H5案例分享

案例：机器人写诗

出品：小鸟DoDo

亮点：

策划上，AI类，① AI写诗，表白爱豆，输入2-6个汉字，点击“START”；② 机器人DoDo通过对唐诗的温习、宋词的重读、元曲的回忆，为你写了一首特别的诗，诗的每句开头第一个字连起来就是你刚才输入汉字哦；③ 点击尾屏左侧按钮可再来一首，点击右边按钮弹出生成的诗作图片长按即可保存到本地；想更好地体验小鸟DoDo陪聊机器人的小伙伴可点击页面头部按钮下载APP进行体验。
设计上，卡通风格，采用紫色作为主色调，背景采用深蓝色；紫红色跳动的小心心、可爱的小鸟DoDo卡通形象、在加上狂放不羁的李白杜甫等诗词曲杰出代表人物，十分搞怪有趣。
技术上，在生成词曲进度页中唐诗、宋词、元曲数量上的不同变化上涨动态效果主要是采用jquery.countup.js（jQuery轻量级数字动画插件）来实现的。

技术实现： jQuery + jquery.countup.js

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

识别图中二维码

机器人写诗-查阅二维码

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

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

标签