介绍 本文介绍了使用GPS、触摸和运动传感器构建应用程序。我使用Intel XDK作为IDE, HTML 5和JavaScript来构建应用程序。这里创建的应用程序使用了不同的演示项目英特尔XDK。 背景 这是一个尝试引入三个。js,人行横道和WebGL触摸示例到android平台。这个应用程序也使用地理定位API来访问用户的位置。这还涉及到一个简单的加速度计示例。 会涉及到的事情 使用跨平台IDE的风格,并最终确定。Android应用程序 HTML 5 使用HTML 5探索创建针对动作传感器和其他应用程序的机会。 主要部分将展示如何使用HTML和Intel XDK为Android平台设置和编译应用程序。 正如我已经介绍过的Intel XDK,让我再简单讨论一下它。它是一个跨平台IDE,来自Intel,可以免费使用,可以用来为不同的平台构建应用程序。Intel  XDK允许您模拟应用程序,然后确定它的构建。 What 我将使用这个教程 JavaScript库3 .js:-为了显示触摸示例,内建的横线在Intel XDK中为Android内置的加速计演示,并对其进行扩展 地理位置 Start 一个新的project 从Intel XDK开始,然后从空白模板开始 , , , , , , , , , 项目名称。 , , , , , , , 你需要修改index.html页面访问地理定位API,我使用了一个已经在(http://www.html5rocks.com/en/tutorials/geolocation/trip_meter/)中描述的项目。 , 让我们看看作者是如何实现地理定位API的,以及我们如何将其集成到index.html页面中 我使用的地理定位API来自(http://dev.w3.org/geo/api/) 这个Api允许我们找到用户所在的位置,并且是了解地理位置如何工作的一种简单方法 检查地理定位对象 保存项目并在模拟器中检查它可以帮助我们了解它的行为 , , , , , , , 接下来,我们需要为项目创建构建。 , , , , , , , 在build页面上单击build app now , , , , , , 应用程序将被构建 创建构建日志 , , , , , , 提示 使用Intel XDK,我们发现可以轻松地使用空白模板为Android平台构建一个地理定位应用程序。Further 我们能够模拟应用程序,然后构建APK(它将在Cloud上创建,然后我们下载它)。 对于HTML 5开发人员来说,这是一个简单的愿望。这是一款不需要在区外做任何事情的安卓应用。 , 触摸 对于触摸示例,我将使用Intel XDK和人行横道构建的演示应用程序来完成该应用程序。这里的基本内容是,我将使用Three.JS库来为该项目创建一个良好的GUI体验。为Android构建的人行横道允许我们构建WebGL 基于android的应用程序平台。 我们通过使用Intel XDK中已经存在的demo(人行横道demo)来开始项目创建,然后根据我们的喜好命名它 , , , , , , , , , 我们使用两个3 .js库(state .min.js 和three.min.js) 正如我在上一篇关于Intel XDk的文章中所看到的,我们使用与声明Java脚本相同的理解。 现在我们需要对项目进行模拟,以了解触摸的行为 , , , , , , , , , , , , , , , , 模拟允许我们检查在创建apk时项目的行为。在这里,您可以查看Three.JS库的有效使用情况 现在在构建菜单上会有一个弹出窗口,说构建应该是Android的人行横道平台。下一个菜单将要求选择所有的Cordova插件。然后单击build。该项目将有两种构建(一种用于X86,另一种用于ARM设备) , , , , , , , , 提示 我们在这里学到的东西是给生活带来WebGL Android的人行横道上建立我们需要应用程序。,我可以使用一个示例程序作为基础,然后扩展它合我胃口增加应用程序的功能。英特尔XDK允许我们快速创建一个触摸启用应用程序没有任何麻烦,保持基本的HTML 5完好无损。 运动传感器 在这个项目中,我将使用在Intel XDK中给出的加速度计演示,并对它进行一些修改。我将使用加速度计的例子,滚动可以演示f或应用程序。 我将更改目录中的图像图标,以给人以Bob(Codeproject frame)的感觉 在文件夹中添加图像后,我们得到如下结果,如模拟器所示。 , , , , , , , , , 现在构建。Build将是一个普通的Android应用程序。我们已经准备好使用加速计了。 , 提示 我们很容易地对简单的图像进行了更改,然后我就得到了一个外观不同的应用程序。因此,使用HTML5和JavaScript api很容易创建基于加速度计或运动传感器的应用程序。 参考文献 http://aerotwist.com/tutorials/getting -开始- - - - - - -三- js/ http://threejs.org/docs/ http://xdk——software.intel.com/ http://learningthreejs.com/ http://code.tutsplus.com/tutorials/webgl - - threejs -基础-网- 35688 - http://blog.teamtreehouse.com/the初学者指南-三- js http://www.johannes raida.de/tutorials/three.js/tutorial02/tutorial02.htm http://en.wikipedia.org/wiki/main_page https://github.com/mrdoob/three.js/ http://www.html5rocks.com/en/tutorials/geolocation/trip_meter/ , 历史 第一次更新 本文转载于:http://www.diyabc.com/frontweb/news30176.html

探索与英特尔XDK的更多相关文章

  1. 发现3 .js与Android和英特尔XDK

    下载example3.zip - 456.5 KB 下载apk14.zip - 6.8 MB 下载apk13.zip - 6.8 MB Introduction  本文是关于使用Intel XDK和t ...

  2. 什么是英特尔® Edison 模块?

    英特尔® Edison 模块 是一种 SD 卡大小的微型计算芯片,专为构建物联网 (IoT) 和可穿戴计算产品而设计. Edison 模块内含一个高速的双核处理单元.集成 Wi-Fi*.蓝牙* 低能耗 ...

  3. 在配有英特尔® Iris™ 显卡的系统上通过优化对 Just Cause 3 进行增强

    高端 PC 继续通过高性能显卡驱动桌面游戏. 一流的"梦想机器"基于第六代智能 英特尔® 酷睿™ 处理器i7-6700K等 CPU,通常与高端独立显卡配合使用以运行要求最严苛的游戏 ...

  4. Intel 英特尔

    英特尔 英特尔 基本资料   公司名称:英特尔(集成电路公司)    外文名称:Intel Corporation(Integrated Electronics Corporation)    总部地 ...

  5. 借助全新 MATLAB® 适配器代码示例读取英特尔® 实感™ 摄像头数据流

    下载源代码请访问原文地址:借助全新 MATLAB® 适配器代码示例读取英特尔® 实感™ 摄像头数据流 简介 该可下载代码示例简要介绍了如何使用英特尔® 实感™ SDK 和 MATLAB 的图像采集工具 ...

  6. 引领技术变革,腾讯云、腾讯WeTest和英特尔,合作布局云游戏

    WeTest 导读 ChinaJoy作为中国泛娱乐产业年度风向标,受到全球业界的高度关注.在本届ChinaJoy上,腾讯云.腾讯WeTest和英特尔,合作为游戏玩家.游戏开发者等业界人士联合展出了云游 ...

  7. 英特尔投资:7200万美元投资12家创新公司,包括3家中国公司(www.intelcapital.com)

    集微网消息,英特尔投资——英特尔公司全球投资机构,今天在英特尔投资全球峰会上宣布向12家科技创业公司投资超过7200万美元.加上今天宣布的新投资,英特尔投资在2018年投资总额已超过1.15亿美元. ...

  8. 英特尔人工智能圆桌论坛举行 四位大咖论道AI

    英特尔人工智能圆桌论坛举行 四位大咖论道AI 2017-04-01 17:57     北京2017年4月1日电 /美通社/ -- 毫无疑问,人工智能已是最具变革力的发展趋势之一,在3月31日举行的2 ...

  9. 英特尔内存革新助平安云 Redis 云服务降本增效

    英特尔内存革新助平安云 Redis 云服务降本增效 英特尔 傲腾 数据中心级持久内存的引入,为平安云的降本增效开启了一条新的道路.通过对平安云 Redis 数据库产品的支持,用户能享受到性能优异且价格 ...

随机推荐

  1. Nginx 前端项目配置 包含二级目录和接口代理

    Nginx是目前用的比较多的一个前端服务器 其优点是配置简单修改一下server就能用 并发性能比较好,具体怎么好就看这个吧 开撸 1.找到nginx (liunx系统,已安装) whereis ng ...

  2. KMP - NOI2014 动物园

    单题分析:NOI2014 动物园. 题目分析:很明显题目已明确指出这是有关KMP的题,思考KMP.本题与普通KMP不同之处在于它求的是不相交最长相同前缀后缀. 如何处理不相交: 1.暴力     2. ...

  3. 动态路由 - OSPF 一文详解

    动态路由 在之前的文章中,介绍了基于距离矢量的路由协议.而在今天这这一部分中会主要讲解链路状态的路由协议,对于动态的路由协议来说,需要具备如下的能力: 发现远端网络 路由器可以直接获得直连路由,这是由 ...

  4. SpringBoot—整合log4j2入门和log4j2.xml配置详解

    关注微信公众号:CodingTechWork,一起学习进步. 引言   对于一个线上程序或者服务而言,重要的是要有日志输出,这样才能方便运维.而日志的输出需要有一定的规划,如日志命名.日志大小,日志分 ...

  5. Nginx之rewrite使用

    rewrite regex replacement [flag];  flag=[break/last/redirect/permanent] ² regex 是正则表达式 ² replacement ...

  6. uniapp接入友盟统计

    话不多说,上图 如果找不到上图,那就下图: 然后就隔天去平台看数据吧 ^_^

  7. pytest封神之路第二步 132个命令行参数用法

    在Shell执行pytest -h可以看到pytest的命令行参数有这10大类,共132个 序号 类别 中文名 包含命令行参数数量 1 positional arguments 形参 1 2 gene ...

  8. 【原创】Linux虚拟化KVM-Qemu分析(三)之KVM源码(1)

    背景 Read the fucking source code! --By 鲁迅 A picture is worth a thousand words. --By 高尔基 说明: KVM版本:5.9 ...

  9. java输出1-100之间的数并求和for+while+do while实现

    public static void main(String args[]) {//do while int sum = 0; //当前之和 int i = 1; //加数 do { if (i%2= ...

  10. xargs命令学习,于阮一峰博客

    一.标准输入与管道命令 Unix 命令都带有参数,有些命令可以接受"标准输入"(stdin)作为参数. $ cat /etc/passwd | grep root 上面的代码使用了 ...