HTML5+眼球追踪?黑科技颠覆传统手机体验
今天,iH5工具推出一个新的神秘功能——眼动追踪,可以通过摄像头捕捉观众眼球活动!
为了给大家具体演示该功能的使用,我做了一个案例,供大家参考。
实际效果如下:
案例比较简单,就是通过眼动功能获取视觉焦点位置,剔除用户看中的牌。现在,舞台的属性中多了一个“启用眼动”的选项,另外,还多了一个“启用摄像头”的事件。
具体实现如下:
1、素材准备:随机六张扑克牌、背景是牌桌
2、核心事件和逻辑:
舞台 属性中“启用眼动”设置“Yes”
舞台 添加事件(初始化时“启用摄像头”)
确定按钮 添加事件(轻触时获取视觉焦点X/Y,分别赋值给变量x和变量y)
3、最后通过判断x和y的数值范围就能知道用户看的是哪张牌啦
以上就是iH5最新眼动功能的使用方法,是不是有种地球人已经无法阻止iH5的感觉,赶快喊小伙伴试试吧!!!
http://fce6896351ab.ih5.cn/idea/SUKM3VV
(温馨提示:注意看评论!!!)
“HTML5+眼球追踪?黑科技颠覆传统手机体验” 的相关文章
IT之家 4 月 25 日消息,Ubuntu 24.04 长期支持版(LTS)“Noble Numbat” 现已发布,有需要的用户请通过官网下载发行版 ISO 镜像进行安装。Ubuntu 24.04 采用了 Linux 6.8 内核,可利用 Netplan 在桌面上配置网络连接,还配备了现代化的桌面...
今天跟大家分享的内容很重要,也是我们调试FPGA经验的总结。随着FPGA对时序和性能的要求越来越高,高频率、大位宽的设计越来越多。在调试这些FPGA样机时,需要从写代码时就要小心谨慎,否则写出来的代码可能无法满足时序要求。另外,最近跟网友聊天时,有谈到公众号寿命的问题,我觉得网络交换FPGA公众号应...
一、两种方式方法1:name跳转页面this.$router.push({name:'anotherPage',params:{id:1}})另一页面接收参数方式:this.$route.params.id示例:控制台展示:方法2:path跳转页面this.$router.push(...
1. 什么是 vue-routervue-router 是 vue.js 官方给出的路由解决方案。它只能结合 vue 项目进行使用,能够轻松的管理 SPA 项目中组件的切换。vue-router 的官方文档地址:https://router.vuejs.org/zh/2. vue-router 安装...
IT之家 9 月 7 日消息,据 Mozilla 官方博客发文显示,Firefox 浏览器正针对 Vue.js 进行优化,此前 FireFox 浏览器在面向 Vue 3 时遇到了一些性能问题。▲ 图源 Mozilla 官方博客目前开发人员已经对此进行了解决,在 Firefox 118 内部版本中进行...
本文主要是通过迁移的思维,记录本人初次使用NXP MCUXpresso SDK API进行BSP开发MCUXpresso SDK SEMC API 接口链接 在MCUXpresso SDK 框架下提供了对SEMC DDR进行操作的接口。学习链接:https://community.nxp.com/...