HTML5+眼球追踪?黑科技颠覆传统手机体验
今天,iH5工具推出一个新的神秘功能——眼动追踪,可以通过摄像头捕捉观众眼球活动!
为了给大家具体演示该功能的使用,我做了一个案例,供大家参考。
实际效果如下:
案例比较简单,就是通过眼动功能获取视觉焦点位置,剔除用户看中的牌。现在,舞台的属性中多了一个“启用眼动”的选项,另外,还多了一个“启用摄像头”的事件。
具体实现如下:
1、素材准备:随机六张扑克牌、背景是牌桌
2、核心事件和逻辑:
舞台 属性中“启用眼动”设置“Yes”
舞台 添加事件(初始化时“启用摄像头”)
确定按钮 添加事件(轻触时获取视觉焦点X/Y,分别赋值给变量x和变量y)
3、最后通过判断x和y的数值范围就能知道用户看的是哪张牌啦
以上就是iH5最新眼动功能的使用方法,是不是有种地球人已经无法阻止iH5的感觉,赶快喊小伙伴试试吧!!!
http://fce6896351ab.ih5.cn/idea/SUKM3VV
(温馨提示:注意看评论!!!)
“HTML5+眼球追踪?黑科技颠覆传统手机体验” 的相关文章
随着企业成本的不断攀升,利润空间越来越小,费用管控变得越来越重要。OA系统预算管理作为帮助协调和控制一定时期内资源的获得、配置和使用的方式,早已成为财务、管理工作中不可或缺的一部分。那么,如何才能避免大量款项的不翼而飞?如何才能细化费用管控避免预算超支?针对这一问题,OA系统通过对错综复杂费用的智能...
一、父子组件之间的传值----props/$emit1、父组件向子组件传值--props2.子组件想父组件传值-this.$emit('select',item)二、父组件向下(深层)子组件传值----provide/injectprovide:Object | () => O...
一、基本配色set number set showcmd set incsearch set expandtab set showcmd set history=400 set autoread set ffs=unix,mac,dos set hlsearch set shiftwidth=2 s...
大家好,今天给大家介绍一款,html5+css3做的响应式企业网站前端源码 (图1)。送给大家哦,获取方式在本文末尾。首页banner幻灯片切换特效(图2)首页布局简约合理(图3)关于我们页面(图4)商品列表(图5)商品详情(图6)服务介绍(图7)新闻列表(图8)联系我们(图9)源码完整,需要的朋友...
IT之家 12 月 3 日消息,暴雪为《暗黑破坏神 2:重制版》PC 版发布了更新 2.3 版本,添加了“离线难度缩放”滑块(玩家可以在单人游戏时增加挑战和奖励的级别)、多项辅助功能和用户界面改进,以及英伟达 DLSS 支持。玩法改进:玩家现在可以在离线游戏的选项菜单中使用“游戏难度等级”,它提供与...
USB为便携设备供电与其串行通信功能一样,已经成为一种标准应用。如今,USB 供电已经扩展到电池充电、交流适配器及其它供电形式的应用。应用的普及带来的一个显著效果是便携设备的充电和供电可以互换插头和适配器。因此,相对于过去每种装置都采用专用适配器的架构相比,目前的解决方案允许采用多种电源进行充电。毋...