原作者：phil 这也许不仅仅是一款游戏，也许是一个新世界的开始。障碍越野赛是体感游戏的第一款游戏。 通过建立长链接将手机（wifi连接）与PC浏览器进行绑定，将用户覆盖最广的电子设备——手机成为电脑游戏的游戏手柄，通过手机上下晃动控制游戏人物赛跑。一个前端的技术、一个全新的交互方式、一个融入SNS元素的全新游戏模式。这不仅是一款游戏，我们有了更广阔的想象空间。 产品创新 障碍越野赛是国内收款无需安装任何软件、也不需借助其他任何设备的第一款体感游戏，游戏使用手机与PC同步技术，集合CSS技术，融入SNS社交元素打造。 n 游戏流程
1. 二维码——手机与PC的钥匙
众所周知，手机上的文字输入非常不便，更不必说输入网址登陆再输入匹配码。而二维码使用若干个与二进制相对应的几何形体来表示文字数值信息，可以通过手机中的二维码扫描工具进行扫描。根据二维码可承载信息，智能手机二维码扫描工具的普及两大特点，选取二维码作为连接手机与PC的钥匙，让用户的手机与PC连接非常简便。 用户扫描二位码后，既可建立PC与手机的长链接。同时，手机通过wifi向PC侧发送各种指令，获得游戏的完全控制权。 2. 多场景SNS元素融合 与人斗其乐无穷，与好友斗其乐无穷！游戏支持3种对战模式： 1) 单人单屏：用户单机与PC机器人对战，扫描二维码，即可加入。满足用户单人挑战自我的需求 2) 多人单屏： 多个用户，单台机器对战，扫描二维码，即可加入。满足用户聚会，同场竞技的需求 3) 多人多屏：多个用户，不同地点多台机器对战，主机分享页面链接给好友，好友扫描二维码即可远程同步竞技。满足用户远距离同场竞技需求 三种模式，从产品形态上看，满足好友间多种互动需求。这三种互动需求的实现，并不是我们看起来的那么简单。在技术上看，多人单屏最为困难，需要解决多人同屏的同步问题。其中涉及到的技术解决方式，不做详细描述，已申请专利。 3. 全新的游戏玩法     根据手机侧的上下晃动频率控制速度，大范围的上下晃动表示跳跃，到达重点前白线表既到达终点 个人完成游戏进入结果页面显示名次，同时手机按在玩一次，可以快速开始 技术创新介绍 手机和电脑同步技术 随着智能机的普及，移动互联网的狂潮席卷而来。如何将PC端与手机端进行融合联动，已经成为我们面对的难题。手机与电脑同步技术，也许可以提供一个好的结合方式。手机与电脑同步技术，顾名思义就是手机与电脑不再是两个独立的个体，手机与电脑建立专有通信通道，相互传递信息，从而融合一体成为对方的延展和互补。这一技术也给予我们很大的想象空间，手机的各种感应器将成为PC的延伸获取更多的能力；PC的快速处理能力、优异的视觉体验也可以成为手机的互补。 体感游戏的整个技术实现流程： 1 首先在PC浏览器和后台服务器之间建立长连接，建立一个游戏房间 2 浏览器取得长连接以后把相关的房间号编码机放入二维码中 3 手机通过扫描二维码获取到房间号以后，载入手机端的页面 4 手机浏览器通过房间号，加入游戏房间，然后建立手机与PC浏览器的匹配 5 游戏开始后，手机每触发一个命令都会首先传到服务器，然后通过服务器中转该命令到PC浏览器，PC浏览器根据不同的游戏指令做不同的显示。
CSS游戏制作方案创新 拜现代浏览器的普及所赐，我们的动效实现使用CSS3更为方便更为快捷。基于SNS轻游戏实现过程，创新总结出一个简单、高效的动画制作方案，主要有四步： 第一步：用CSS或图片绘制动画的基本图形； 第二步：分解动画为比较小比较独立的keyframes； 第三步：编写调用keyframes的animation，这里主要来实现基本的时间轴，这里最好封装成CLASS； 第四步：通过animation或CALSS或JS来控制动画，这里实现整个动画的大时间轴及相关逻辑。 交互创新 手机成为PC的延展 手机成为控制端，PC成为游戏展现端的交互方式，形式新颖，空间广大。当手机成为PC的外设，将开启一个非常巨大的想象空间：触控、声音、图像、加速度、运动方向、手机角度等。障碍越野赛选取加速度感应作为游戏控制方式，用户通过上下晃动手机，加速度变化的频率控制选手跑步的速度。 未来展望 1. 体感游戏，全新的产品思路 体感游戏是基于手机与PC同步技术，实现了人通过手机，无线控制PC的交互体验。这是一种全新的互联网交互体验，这种交互模式下也将衍生全新的互联网产品，值得探索深思。 2. 手机成为外设，全新的操作体验 体感游戏之障碍越野赛，利用的是手机的加速感应器。而手机的感应器还有触控屏、光线感应、语音感应、距离感应、摄像头、陀螺三维加速器、扬声器等，都是PC不具备的，将其进行组合，可以衍生出非常多种的交互方式和操作体验。 3. 手机与PC同步技术将助力手机成为物联网控制终端 手机在人们的生活中越来越重要，与人形影不离，并且随着智能手机的飞速发展，手机的处理能力提升，完全有能力成为任何电子产品的控制终端。手机与PC同步技术可以扩展到手机与任何电子产品通过互联网链接。仅以智能家居举例，手机通过这项技术，成为电视机遥控器、电脑远程控制、家电状态同步显示。 |
