在准备制作之前,可以看看意派Epub360H5平台上这些H5案例,希望可以给你带来一些灵感和启发~
作品一
风格:手绘漫画
类型:横屏H5
技术解析:
实现方式一:长按控制画面移动。主要技术使用了一个触发行为“设置元素属性的位置移动”,可移动的画面是一个layer容器,layer容器内放多个不同的元素,长按按钮,控制layer容器整体移动。
实现方式二:长按控制画面的直线运动。仍是借助盛放多个元素的layer容器,给layer容器加直线运动,长按按钮,控制layer容器的直线运动播放、暂停、继续播放。
相关教程:
创意策划:
通过中国女排夺冠,香港回归,08年奥运会等几个场景,儿童在各个场景间玩乐、参观场馆、学习、演出等,体现了不同国家时代背景下,儿童们拥有的成长环境。穿越式场景呈现不同的时代标志性事件,并可选择在任意时代事件下生成海报,整个场景凸显了我和祖国一起成长的主题,结构清晰,主题明确。
作品二
风格:手绘漫画
技术解析:
序列帧。开头几个效果需要在AE等视频软件中完成,如开头的人物线条绘制效果,蛋糕蜡烛燃烧效果等,制作好动画后导出序列帧,并处理好文件较大的图片,上传到意派编辑器进行设置。
相关教程:
创意策划:
据统计,中国目前有超过1亿的留守儿童,大部分的儿童因长期缺乏父母关爱及陪伴而造成一些心理缺陷,比如自卑、叛逆、极度缺乏安全感、早熟以及感情淡漠等心理问题,严重的还有自杀和走上犯罪道路。
许多父母为了生活不得不离开自己的孩子,一年中与孩子团聚的时间屈指可数,父母长期不在孩子身边,个别受他人欺负的孩子,造成的心灵创伤我们是无法估计的,我们不应该让留守儿童成为这个时代的牺牲者,他们是祖国的花朵,都应无忧无虑健康成长,希望通过本次公益儿童节H5让社会各界人士关爱留守儿童,能够给予他们的一定帮助。
芷言文化传媒每年会出品一些公益性质H5,像《我的爸爸是个骗子》还有本次《公益儿童节丨给孩子最好的礼物》,用作品去宣扬公益精神,为社会公益慈善出一份力量。
作品三
风格:插画
技术解析:
大部分页面元素的动态效果是由动画完成的,节奏比较轻快。个别效果如彩虹出现的效果,需要在AE等视频制作软件中完成,导出序列帧图片,用意派的序列帧组件上传并设置。
相关教程:
本期儿童节H5案例就介绍到这里,其他更多案例可以到 意派Epub360 H5平台上寻找哦~