pixi 【创意H5】你我当年

案例:你和我

品牌:网易新闻X哒哒X说话社

技术:PixiJS+视频

网易达达和谈心社联合制作，列举并追忆了近十年来国产优秀电视剧的怀旧H5作品。

装完之后，就是远离夏天很久的见证。点击联系人进入作品，并按下屏幕底部以促进作品的显示。所有场景都是剪纸搭建的，共有两个环节:

透过纸张上由“洞”组成的层层隧道，从李逍遥的一声“我想成为世界英雄”开始，依次以人物和背景的各种组合展示《剑侠传》、《武林外传》、《少年包青天》、《王子变成青蛙》的经典场景和主要人物，播放主题曲，以及郭芙蓉等电视剧主角的一些经典动作。

回到隧道，镜头由远及近拍摄，电视剧其他主要人物迅速出现，如《沈峰爆炸》《绝美》《渡江之恋》空《神雕侠侣》、《小李飞刀》《爱情公寓》《烹饪班的故事》《七仙女过好日子》

随着文字的出现，隧道入口越来越小，直到最后关闭。最后出现了一段回忆青春和制作人名字的文字。用户可以选择重新查看或检查鸡蛋。彩蛋简要记录了制作团队的剪纸和搭建过程。

作品中所有场景都是剪纸结构，用手机拍摄。页面颜色略显陈旧，符合“复古”“记忆”的主题。之前的电视剧展现并捕捉到了关键场景，如:锁妖塔即将倒塌时，月亮看着同福客栈的李逍遥、白展堂、郭芙蓉侧面打斗，男女主角在青蛙王子中第一次相遇，文字提示的暴雨梨花针、木乃伊案。

4.交互式地

用户需要一直按住联系人来推动作品的展示，随时松手停手，继续按住就继续播放，方便用户仔细浏览想要定格和欣赏的场景。

体验“你和我”

大概需要3分钟才能完全欣赏这个案例

以上为原文！

转载时请务必注明出处！