Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/string/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 帆布';形状识别转化为功能_Html_Mobile_Canvas_Image Recognition - Fatal编程技术网

Html 帆布';形状识别转化为功能

Html 帆布';形状识别转化为功能,html,mobile,canvas,image-recognition,Html,Mobile,Canvas,Image Recognition,首先,;抱歉,如果在这里问这样的问题是错误的。 如果我犯了这个错误,请随意缩小或关闭主题 我最近开始“玩”html5、jquery和canvas 我想创建一个小型移动网站游戏,它只是一个快速的“配对形状”: 该网站显示了3种形状(即:正方形、圆形、正方形),玩家必须猜出接下来是什么形状。要做到这一点,玩家只需在手机上画出形状 形状是正方形、圆形、正方形。玩家只需在iPhone屏幕上用拇指“画”一个圆圈,这就是好的->下一关 问题是,我真的不知道如何检查玩家是否创建了一个圆、一个正方形或其他形状

首先,;抱歉,如果在这里问这样的问题是错误的。
如果我犯了这个错误,请随意缩小或关闭主题

我最近开始“玩”html5、jquery和canvas

我想创建一个小型移动网站游戏,它只是一个快速的“配对形状”:

该网站显示了3种形状(即:正方形、圆形、正方形),玩家必须猜出接下来是什么形状。要做到这一点,玩家只需在手机上画出形状

形状是正方形、圆形、正方形。玩家只需在iPhone屏幕上用拇指“画”一个圆圈,这就是好的->下一关

问题是,我真的不知道如何检查玩家是否创建了一个圆、一个正方形或其他形状

起初,我想到了手写识别,并找到了一个有用的链接:(我也不会说葡萄牙语,但代码说明了一切)

他在服务器端使用了ASP.NETMVC4+JSON代码,我的问题是;既然作者在2012年3月写了这篇文章,还有其他解决方案吗

我真的不想使用ASP.NET,是否可以使用其他代码创建类似的东西?(我假设PHP不能做这样的事情)

我也发现这也是相关的

我很肯定这是可能的。
提前感谢您提供的提示/资源/帮助。

对于简单的形状,您可以使用角度差和膝盖值来猜测形状

对于所有形状,记录笔划中的所有点(或将所有笔划合并到一个会话的路径中)

对于正方形,可以逐行(上一点和当前点)计算它们之间的角度。如果角度高于阈值(例如50度),则有一个角。如果最后有三个角,且终点接近起点,则可能有一个正方形。也考虑到整个绘图区域的权重位置。

对于圆,可以加权所有直线的平均角度。它们都会朝一个方向运动+/-若干度。和正方形一样,检查端点是否在起点的“区域”

当前版本的帖子说:“形状是正方形、圆形、正方形。”-如果我假设最后一个应该是三角形,那么过程与正方形相同,只需以更陡的角度计算两个角

您可以使用平滑算法、移动平均、点缩减算法等来处理更简单的数据。它最终都是关于统计和概率的

(这是一个广泛的话题,所以我有点不愿意为此编写代码,但我希望理论有助于理解)

计算角度的代码(x1、y1为当前点,x2和y2为前一点):


(顺便说一句,您可以用vanilla JavaScript完成所有这些计算)。

谢谢您的快速回答!在阅读之后,我已经想出了如何创建小算法(我们可以说这是一个算法吗?)我已经创建了一个小代码,记录画布上发生的事情,现在我将尝试找出如何确定角度。因为这对我来说是一个简单的练习,所以我只做正方形识别。再次感谢!
var ang = Math.atan2(y2 - y1, x2 - x1) * 180 / Math.PI;