html5的发布让移动端web增添了很多新的能力，这些能力给我们带来了很多新的玩法，不知你知道了多少呢？下面我将结合案例罗列一些自H5发布以来出现的新玩法，给大家温故而知新。本文也适合大家在策划H5活动的时候作为参考，说不定在这儿就找到灵感了。
构思H5的玩法该从何入手呢？网上的H5五花八门，其玩法大多都可以归纳到基于传感器、基于触摸屏操作、基于画面呈现、基于内容这四类来考虑。它们既有基于其中一类来构思玩法，又有将多个类别组合起来创造更复杂丰富的玩法。与H5新能力相关的是前三种类型，本文也会从这三种类型进行展开，分别介绍一下各类型下有什么玩法，而基于内容的玩法主要是图文混排展示内容，答题类游戏等与内容强相关的玩法，实际上他们也会多多少少与另外三类搭上点关系的。
接下来你将会看到这些玩法：
如果以场景为维度来展开推荐玩法，则可参考下图所示：
接着我会逐一介绍一下这些玩法，读者也可以直接跳到感兴趣的部分去阅读。除上表外还有一些目前还不太能用的H5能力，如手机震动、光线传感器、距离传感器等，由于边幅原因，暂不作展开介绍，读者可以自行查找相关资料。部分案例如没有贴上二维码，是因为该案例已下线了。
这类玩法依靠手机上的传感器实现，这些传感器有陀螺仪、gps、摄像头、麦克风、震动传感器、光线传感器、距离传感器等。大家在设计玩法的时候，要结合业务本身选用相关的合适的传感器，不要随意搭配或随意叠加多个传感器，避免画蛇添足。例如做周边生活类的需求，就应该选用gps传感器获取地理位置，做全景图的需求就选用陀螺仪来提供便捷的交互。
这类交互在体感游戏中比较常见，如控制射箭的方向、挥剑、打乒乓球等，而在H5中则可用于摇一摇、控制赛车左右前进、检查手机是否平躺/竖直、全景图/AR转换角度等，也可以用于制造视差效果（如王者荣耀的登录界面），使画面富有层次感。
该H5在模拟摇可乐的情景，玩家需要不停地摇动手机，尽快使可乐喷出来。个人认为可以换另一种玩法，让朋友互相传递手机摇，谁摇爆了可乐就算输。
这是腾讯互动娱乐2017年度发布会的预热H5，提倡用户做事要多点耐心，因而玩法是耐心地竖立手机，看着一幅漂亮繁复的画慢慢地画完。
该H5与速度与激情8联动，先播放一段在朋友圈上飚车的视频，然后开始赛车游戏，通过左右倾侧手机来控制赛车左右前进、躲避障碍，最后根据行使的距离进行排名和抽奖。
该H5同时播放代表理想与现实的两个视频，利用重力感应来切换看到的画面，向上转动手机模拟抬头看到理想的画面，向下转动手机模拟低头看到现实的画面，也可以转到一半的位置同时看两个视频同时播放，比较有新意，也较好表达出理想和现实之间的对比。
这类H5结合用户所处的位置，可以提供比较方便的周边生活服务，如查找附近的摩拜单车、获取附近的餐饮信息和前往路线；也可以与运动结合，如记录用户的跑步轨迹。如果用于办公，则可以做上班打卡功能、外勤人员的工作监控等。如果用于游戏，则可以创造出类似pokemon go的玩法，在用户的位置附近散落奖品，让用户走到目的地收集奖励。
该游戏H5类似pokemon go，在地图上散落各种喜鹊，用户需走到散落点附近，将喜鹊划入篮圈内，然后点击捕获，捕获够一定数量就可以兑换奖品。
顾名思义，就是用人脸和H5进行互动，玩法有根据人脸猜测年龄、猜情绪，测试与明星脸的匹配度，将人脸和游戏电影人物相结合，将人脸变成小时候的样子，根据人脸的动作做出反馈（如张嘴时从嘴里飞出企鹅、眨眼睛拍照）等，通常跟AR和图片合成技术搭配使用。这类方式比较适合用于游戏电影宣传、个性化用户样貌、图片类产品推广的场景。合成的图片可以在边角加上活动二维码，使得其他用户看到这张图片时也可以参与活动。
相关技术主要是人脸识别和人脸动作捕捉的技术，腾讯有提供优图识别技术，微软也有提供人脸识别技术。
这个H5将人脸和魔兽电影相结合。用户上传自己的照片，选择喜欢的模板和添加一些刀疤之类的装饰后，就可以生成一张用自己脸制作出来的的魔兽海报了。
用户上传照片生成小学生证件照，并可以通过”换基因“换一下生成的样子。
用户在活动页张大嘴巴说”FUN开付“后，会有企鹅从嘴里探出来跳舞，然后发红包给用户。
webRTC是H5的一个新特性，它可以在web上访问摄像头和麦克风，进行视频和音频的实时通讯，用途有视频会议、视频聊天、在线教育、在线问诊等，以前只能客户端才能实现的视频类应用也可以应用到web上了。兼容性方面，移动端浏览器的支持程度很差，安卓】
优优教程网： 是优设旗下优质中文教程网站，分享了大量PS、AE、AI、C4D等中文教程，为零基础设计爱好者也准备了贴心的。开启免费自学新篇章，按照我们的专栏一步步学习，一定可以迅速上手并制作出酷炫的视觉效果。
设计导航：国内人气最高的设计网址导航，设计师必备：
腾讯云会员重磅发布，入会即领会员专属优惠券，尊享产品会员价，超低续费折扣等你来加入！ 活动代金券：7折续费券；V1会员6.5折续费券；会员满减券--300；会员满减券--100；V2会员6折续费券；抽奖分享满减券--20；3.5折续费券；5.5折续费券；4.5折续费券；1000元无门槛券；1.5折续费券；2.5折续费券 活动商品：云直播；云点播 VOD；域名注册；SSL 证书；云服务器；内容分发网络 CDN；云硬盘 CBS；短信；云数据库 MySQL；对象存储 COS；云服务器 CVM；轻量应用服务器
时间： 06:48:45 来源：网络 作者：爱心软件园
qq面对面红包怎么发，作为一款当前无论是家校沟通还是职场办公聊天软件很受用户欢迎的软件，在软件中每个用户可以通过使用这款软件来进行聊天沟通，也可以使用QQ来发送红包。qq面对面红包怎么发，软件推出了这个功能之后让很多用户们在互相发送红包和转账的时候方便了许多，在软件中我们首先需要点击首页上方的加号图标，这时候找到面对面红包的功能，接着进入页面后你可以设置红包的个数，以及是拼手气红包还是普通红包，接着设定红包的总金额，完成之后将系统提供的二维码让你的亲朋好友领取，这样只要他们完成扫码之后，就能进行领取对应的红包了，这些都是新年以及过节的时候对于大家都很方便的功能，感兴趣的小伙伴可以试试。
1、打开手机QQ，选择群组或好友，点击进入聊天页面，再点击下方红包图标;
2、选择发红包类型，输入红包个数、总金额跟留言后，点击“塞钱进红包”的按钮;
3、输入支付密码后点击“立即支付”，即可发送成功。
