iis6 建设网站浏览,vi设计案例赏析,网站建设书籍 知乎,免费建立网站步骤电容屏识别物体效果2 电容屏识别物体效果1 电容屏识别物体效果3 电容屏识别物体效果4 电容识别物理效果5 我们感兴趣的是找到让我们的平面屏幕与物理三维物体和表面交互的方法。
触摸屏无处不在#xff0c;成千上万的应用程序中有多种设备和屏幕格式#xff0c;但我们只找到… 电容屏识别物体效果2 电容屏识别物体效果1 电容屏识别物体效果3 电容屏识别物体效果4 电容识别物理效果5 我们感兴趣的是找到让我们的平面屏幕与物理三维物体和表面交互的方法。
触摸屏无处不在成千上万的应用程序中有多种设备和屏幕格式但我们只找到了一些可以实现对象交互的选项。
我们可以想象有很多创造性的机会来连接这两个世界——你可以通过数字应用程序触摸到的物体和材料这些应用程序能够显示丰富的交互式内容。
我们的教程建议了使用openFrameworks应用程序创建带有电容触摸屏的对象跟踪的方法。该应用程序可以在Windows或iOS上运行。您将需要openFrameworks的编码经验来运行对象检测应用程序并创建自己的交互式内容。
请注意本教程处于实验阶段还有改进的空间。我们希望您能提出建议和问题 技术背景 为了了解我们的来源我们需要回到使用相机的红外丙烯酸投影触摸屏有一些系统能够检测触摸以及基准标记和物体。
为了了解我们的来源我们需要回到使用相机的红外丙烯酸投影触摸屏有一些系统能够检测触摸以及基准标记和物体。
( How to make one :
https://www.instructables.com/id/Multi-touch-Table
https://www.instructables.com/id/How-to-build-a-Multi-Touch-surface/
http://ccv.nuigroup.com/#home
In 2012 we created one using ccv ) 现在这项技术的使用越来越少电容式触摸屏与我们的智能手机触摸屏相同也越来越普遍。电容式触摸屏非常准确价格低廉使用简单。然而与红外丙烯酸投影不同没有常见的方法来创建与对象的交互。我们看到的这种技术的唯一例子是来自Volumique公司我们相信他们使用的技术与我们在本教程中展示的技术类似。
步骤一
对于我们的演示我们使用了以下材料附属链接
电容式触摸屏http://amzn.to/2ctA8ZLIiyama ProLite T2336MSC-B2或http://amzn.to/2ctA8ZLiPad。请注意您必须选择电容式触摸屏或具有3个以上触摸点的设备在屏幕上交互的每个对象需要3个触摸点通常最近的电容式触摸屏幕支持10点触摸因此可能同时检测到3个对象1根手指与触摸屏建立接触点的垫子-http://amzn.to/2ctzgEp地板保护毡垫。注意我们第一次尝试使用塑料垫http://amzn.to/2ctzgEp但它在屏幕上滑动不好所以除非你想让物体粘在屏幕上否则请使用较软的材料如毛毡垫电动油漆http://amzn.to/2cmS4Jm或http://amzn.to/2cmS8JaBare导电涂料油漆刷http://amzn.to/2cmR1cx具有一个平面的对象。
以上链接可能在国内打不开。
步骤2 使用原理 我们正在触摸屏上创建三个形成三角形的触摸点。
该软件正在检测所有触摸点并寻找等腰三角形图案。
我们选择检测具有不同顶角的等腰三角形这样我们就可以检测不同的物体。此外知道三角形的顶点我们可以找到物体的方向/旋转角度。物体的中心估计在三角形的中心。
步骤3打印和修改标记模板 我们建议使用1到13个不同的对象。如果你想使用多达13个或更多不同的对象你需要创建非常准确的标记。在获得令人满意的结果之前您可能需要对具有不同角度的不同三角形进行实验。
您可以创建不同大小的三角形对于我们提供的小型软件来说重要的是保持相同的顶角。
步骤4制作或寻找物体原文翻译后为对象 比如橡皮块、长方形的木头块、有具体形状的物理对象。
物体需要至少有一个平面可以放在屏幕上。
在我们的演示中我们使用模具制作技术创建了几何形状。我们用海藻酸盐制作了模具因为它凝固得很快可以与陶瓷粉末等大多数材料一起使用我们将其与颜料混合制成我们的物体。我们期待着看到您将使用什么样的物品 步骤5创建标记 尽可能准确地按照打印的三角形模板将3个凸起的垫子粘在物体的平面上
使用导电油墨在焊盘表面涂漆
用导电墨水连接3个焊盘和物体
如果你不使用导电物体你需要创建一个连接点你可以用手在物体的顶部或侧面到达。该点还需要连接到焊盘。
当导电油墨干燥后您就可以为下一部分做好准备了。
步骤6准备软件
您需要在系统上设置并运行openFrameworks。
从以下位置下载触摸应用程序
https://github.com/paul-ferragut/oscTouchObjectwindows和openFrameworks依赖于外部附加组件https://github.com/nneonneo/ofxWin8Touch
https://github.com/paul-ferragut/iOSoscTouchObject不幸的是iOS和openFrameworks您需要是一名获得许可的苹果开发者才能在iOS上编译该应用程序
在运行该应用程序之前您需要修改文件bin/data/settings.xml。在settings.xml文件中写入您正在使用的等腰三角形标记的顶角并保存该文件例如在示例图像中我们使用4个顶角分别为38、91、150和165的对象
您可以选择使用OSC协议与另一个应用程序通信您需要更改settings.xml文件中的localhost地址和端口。此外文件touchObject.h中有一个名为#USE_OSC的标志您需要取消注释该标志。如果你不需要OSC你可以注释#USE_OSC标志
当应用程序启动时您将看到一个带有GUI的暗屏幕。根据您的屏幕分辨率和三角形标记的宽度您需要调整滑块“distance triangle”。此变量会更改要检测的三角形的最小距离。您可以在屏幕上用3根手指模拟一个标记并形成一个三角形请参见gif。
在您能够测试您的对象和标记检测后您可以开始创建自己的交互式内容
在我们的演示中我们用以下openFrameworks插件玩得很开心
https://github.com/vanderlin/ofxBox2d
https://github.com/bakercp/ofxLight2D
https://github.com/tado/ofxLiquidFun
https://github.com/jacres/of-DeferredRendering
