介绍 本文介绍了使用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. RVO+CA

    http://gamma.cs.unc.edu/RVO/ http://gamma.cs.unc.edu/CA/ https://arongranberg.com/astar/docs/writing ...

  2. P1004 方格取数(四维动态规划)

    题目描述 设有N \times NN×N的方格图(N \le 9)(N≤9),我们将其中的某些方格中填入正整数,而其他的方格中则放入数字00.如下图所示(见样例): A 0 0 0 0 0 0 0 0 ...

  3. hdu6075 2019CCPC网络选拔赛1004 path

    题意:给定一个带权有向图,有q组询问,每次询问在有向图的所有路径中,第k小的路径权值 解题思路:因为k最大只有5e4,考虑暴力搜索出前maxk小的路径并用数组记录权值,然后就可以O(1)查询. 具体实 ...

  4. 小程序开发-页面导航栏navigation-bar组件

    导航栏navigation-bar 页面导航条配置节点,用于指定导航栏的一些属性.只能是 page-meta 组件内的第一个节点,需要配合它一同使用. 通过这个节点可以获得类似于调用 wx.setNa ...

  5. 设置logback的log文件地址为程序运行的当前目录

    这个需求虽然怪异,却也不是无事生非,在以jar包为执行主体的程序中就会遇到. 设置方法就是指定Log_HOME为./,其在如下配置文件的第四行: <?xml version="1.0& ...

  6. python urllib.request

    一.简介 urllib.request 模块提供了访问 URL 的相关功能 二.常用函数 urllib.request.urlopen("http://httpbin.org", ...

  7. 虚拟PWN初探

    前言 之前看到星盟Q群里面的消息,Freedom师傅在B站直播关于虚拟pwn入门的公开课,然后就去听了一波,感觉受益匪浅.之前一直以为虚拟pwn是超级复杂的东西,今年打比赛也遇到了好几次,一直无从下手 ...

  8. 从头看看Tomcat启动Spring容器的原理

    通过带注解Spring Boot可以启动一个web容器,并初始化bean容器.那么Tomcat启动并初始化spring容器的原理是怎样的? Tomcat启动web程序时会创建一对父子容器(图1): 有 ...

  9. CSS 简介,学习 CSS 必看

    CSS 表示的是层叠样式表,学习 CSS 之前我们必须要掌握 HTML 和 XHTML 概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 ...

  10. [LeetCode]547. 朋友圈(DFS)

    题目 班上有 N 名学生.其中有些人是朋友,有些则不是.他们的友谊具有是传递性.如果已知 A 是 B 的朋友,B 是 C 的朋友,那么我们可以认为 A 也是 C 的朋友.所谓的朋友圈,是指所有朋友的集 ...