介绍 本文介绍了使用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. HDU-Tick and Tick

    The three hands of the clock are rotating every second and meeting each other many times everyday. F ...

  2. C++——自然数求和

    代码如下: #include <iostream> using namespace std; int main() { int a,sum=; for(int i=;i<=;i++) ...

  3. Count(*) 与 count(field) 一样吗?

    有这么个表: 执行 select count(*) from hy_test select count(deptno) from hy_test 都得到 5 但执行 select count(name ...

  4. leetcode刷题-78子集

    题目 给定一组不含重复元素的整数数组 nums,返回该数组所有可能的子集(幂集). 说明:解集不能包含重复的子集. 示例: 输入: nums = [1,2,3]输出:[ [3],  [1],  [2] ...

  5. 下载安装gradle

    1.登录官网:www.gradle.org,进入到下图的界面: 2.点击Install Gradle,跳转到下一个界面后: 3.下载 4.下载成功后,解压到任意位置,将路径添加到path路径下,选择我 ...

  6. TIKTOK 美国制裁

    今天在B站上看了沈教授和李自然说关于TIKTOK对于美国的声明采取的做法的一些看法.其实对于他们的看法,我觉得没有对错之分.正像两个新发的观点,在没有得到历史的验证前,谁也不会承认谁错了.更多的是两个 ...

  7. Python中的枚举enumerate

  8. python的运算符及数据类型的转换

    python 目录 python 1.算术运算符 2.比较运算符 3.赋值运算符和复合赋值运算符 4.位运算符 5.逻辑运算符 6.成员运算符 7.身份运算符 8.常见的数据类型转换 1.算术运算符 ...

  9. python判断链表是否有环

    思路:使用快慢指针,快指针每次走两步,慢指针每次走一步,如果有环,则一定会快慢指针指向同一结点: 假设环的长度为n,先让一个指针走n步,另一个再开始走,当他们指针指向同一结点时,该结点就是环入口点 ( ...

  10. 关于java基础_方法的简单习题

    package day05; import java.util.Arrays; /** * 方法作业 * @author ASUS * */ public class Demo6 { /* * 1.定 ...