百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

借助 Crosswalk* 将 Construct 2* 游戏导入 Android*

zhezhongyun 2025-02-13 15:09 27 浏览

从 Scirra Forum 帖子中采用:帖子链接。感谢Ashley发表本篇原创文章。

Crosswalk 是一款针对 Android 的 Google Chrome 浏览器,目前已成为面向应用的封装程序。 由于其基于真正的浏览器,因而能够支持 Chrome 包含的所有特性,包括 WebGL、Web Audio、Web Fonts 等。

Crosswalk 兼容性

由于 Crosswalk 基于Chrome for Android,因而能够支持同样的特性。 与 Chrome for Android 一样,它仅支持采用 Android 4.0 以上版本的设备。 但是,大部分设备均采用 4.0 以上版本,不久之后,旧版本将会完全消失。

与 Chrome for Android 版相比,Crosswalk 还做了一些小改动:

  • Crosswalk 没有地址栏或选项卡特性;游戏以原生应用的形式全屏运行。这意味着也没有必要使用该浏览器对象的 Request fullscreen操作。
  • Chrome for Android 仅在触发触摸事件时才会开始播放音乐。Crosswalk 可以随时播放音乐。
  • 在 Crosswalk 中,浏览器对象的 On back buttonOn menu buttonOn search button会在包含这三个按钮的设备上触发。在 Chrome for Android 中,它们不会触发。

Crosswalk 测试

测试游戏或应用最简答的方式是在 Chrome for Android浏览器中运行它。使用Preview over Wifi能够在其他设备上快速、便捷地进行测试。 由于 Crosswalk 基于 Chrome for Android,所以除了上文Crosswalk兼容性部分说明的区别之外,其运行特性和性能都相似。

此外,使用 Crosswalk 本身进行测试还可了解 Crosswalk 兼容性中的区别是否会对游戏产生影响。为此,可以使用 Crosswalk Player 应用。 您可以直接访问下方链接来下载 APK:

请注意,它们并非来自 Google Play Store,因而无法自动更新。 请确保定期通过上方的链接检查更新。

将 preview-over-Wifi URL 键入 Crosswalk player 应用,使用 Crosswalk 运行游戏。 但是请注意,浏览器对象的 On back buttonOn menu buttonOn search button触发程序无法在 Player 应用中使用;它们仅在您使用 XDK 构建应用时才会工作,如上所述。

在 XDK 中构建您的应用

如要构建应用,您需要使用英特尔 XDK。 点击链接,下载 XDK 并进行安装。

安装后,运行英特尔 XDK。 如有需要,注册一个新账户并登录。

现在,您可以将项目从 Construct 2 (File > Export To...) 中导出,选择Android选项。

点击 Next。选择一个导入项目的位置。记下项目的位置。点击Export

返回 XDK。打开 Projects选项卡。点击Start A New Project

选择 Import an Existing HTML5 Project

导入所导出的 Construct 2 项目的根目录,并为您的应用命名。 完成后,点击右下方的 Create

转入 Project选项卡(如果未转入)。项目设置将会出现在该位置。

展开 Build Settings。在该界面上,您可以编辑应用详情,如其名称和版本。

展开 Plugins and Permissions。注意,请选择Plugin options。 如果您启用过多选项,应用将会请求大量许可,这不是一个正常现象。 除了以下选项之外,您应该将全部选项均设置为 "No":

Accelerometer(如果您从 Touch 对象使用设备移动)

CameraandCapture(如果您使用带有摄像头或麦克风输入的 User Media 对象)

Compass(如果您从 Touch 对象使用设备方向)

Events应始终设置为 "Yes"

Geolocation(如果您使用 Geolocation 对象)

Splashscreen(如果您想要在加载时显示闪屏)。

展开 Launch Icons and Splash Screens,上传各种尺寸的图标和闪屏图片。

现在切换至 Build选项卡。 点击Crosswalk for Android'Build' 按钮。

点击 Build App Now。构建应用可能需要花费几分钟的时间。但是一旦完成,将可下载 APK。此外,它还会通过电子邮件向您的 XDK 账户关联电子邮件地址发送链接,或者您也可通过电子邮件将链接发送到其他地址。在实际设备上测试 APK 有一个便捷的方式,将链接通过电子邮件发送至您可以通过该设备访问的电子邮件账户。然后,您只需要在 Android 设备上查看电子邮件,点击链接并下载和安装 APK 即可。

您可以选择同时下载 x86 和 ARM 版本。 多数 Android 设备都使用 ARM 版本,因此在测试时您可能会选择该版本,但是请在提交时同时提交两者,以尽可能支持更多的设备。 现在您的 APK 可以提交到 Google Play Store 了!您可以通过 Google Play 开发人员控制台进行提交。

如欲获取更多帮助,或者如果您有任何有关 Crosswalk 的问题,也可访问英特尔 HTML5 工具论坛。

相关推荐

JavaScript中常用数据类型,你知道几个?

本文首发自「慕课网」,想了解更多IT干货内容,程序员圈内热闻,欢迎关注!作者|慕课网精英讲师Lison这篇文章我们了解一下JavaScript中现有的八个数据类型,当然这并不是JavaScr...

踩坑:前端的z-index 之bug一二(zh1es前端)

IE6下浮动元素bug给IE6下的一个div设置元素样式,无论z-index设置多高都不起作用。这种情况发生的条件有三个:1.父标签position属性为relative;2.问题标签无posi...

两栏布局、左边定宽200px、右边自适应如何实现?

一、两栏布局(左定宽,右自动)1.float+margin即固定宽度元素设置float属性为left,自适应元素设置margin属性,margin-left应>=定宽元素宽度。举例:HTM...

前端代码需要这样优化才是一个标准的网站

  网站由前端和后端组成,前端呈现给用户。本文将告诉您前端页面代码的优化,当然仍然是基于seo优化的。  就前端而言,如果做伪静态处理,基本上是普通的html代码,正常情况下,这些页面内容是通过页面模...

网页设计如何自学(初学网页设计)

1在Dreamweaver中搭建不同的页面,需要掌握HTML的语句了,通过调整各项数值就可以制作出排版漂亮的页面,跟着就可以学习一些可视化设计软件。下面介绍网页设计如何自学,希望可以帮助到各位。Dre...

1、数值类型(数值类型有)

1.1数据类型概览MySQL的数据类型可划分为三大类别:数值类型:旨在存储数字(涵盖整型、浮点型、DECIMAL等)。字符串类型:主要用于存储文本(诸如CHAR、VARCHAR之类)。日期/...

网页设计的布局属性(网页设计的布局属性是什么)

布局属性是网站设计中必不可少的一个重要的环节,主要用来设置网页的元素的布局,主要有以下属性。1、float:该属性设置元素的浮动方式,可以取none,left和right等3个值,分别表示不浮动,浮在...

Grid网格布局一种更灵活、更强大的二维布局模型!

当涉及到网页布局时,display:flex;和display:grid;是两个常用的CSS属性,它们都允许创建不同类型的布局,但有着不同的用法和适用场景。使用flex布局的痛点当我们使...

React 项目实践——创建一个聊天机器人

作者:FredrikStrandOseberg转发链接:https://www.freecodecamp.org/news/how-to-build-a-chatbot-with-react/前言...

有趣的 CSS 数学函数(css公式)

前言之前一直在玩three.js,接触了很多数学函数,用它们创造过很多特效。于是我思考:能否在CSS中也用上这些数学函数,但发现CSS目前还没有,据说以后的新规范会纳入,估计也要等很久。然...

web开发之-前端css(5)(css前端设计)

显示控制一个元素的显示方式,我们可以使用display:block;display:inline-block;display:none;其中布局相关的还有两个很重要的属性:display:flex;和...

2024最新升级–前端内功修炼 5大主流布局系统进阶(分享)

获课:keyouit.xyz/14642/1.前端布局的重要性及发展历程前端布局是网页设计和开发的核心技能之一,它决定了页面元素如何组织和呈现。从早期的静态布局到现代的响应式布局,前端布局技术经历了...

教你轻松制作自动换行的CSS布局,轻松应对不同设备!

在网页设计中,自动换行的CSS布局是非常常见的需求,特别是在响应式设计中。它可以让网页内容自动适应不同屏幕尺寸,保证用户在不同设备上都能够获得良好的浏览体验。本文将介绍几种制作自动换行的CSS布局的方...

晨光微语!一道 CSS 面试题,伴你静享知识治愈时光

当第一缕阳光温柔地爬上窗台,窗外的鸟鸣声清脆悦耳,空气中弥漫着清新的气息。在这宁静美好的清晨与上午时光,泡一杯热气腾腾的咖啡,找一个舒适的角落坐下。前端的小伙伴们,先把工作的疲惫和面试的焦虑放在一边,...

2023 年的响应式设计指南(什么是响应式设计优缺点)

大家好,我是Echa。如今,当大家考虑构建流畅的布局时,没有再写固定宽度和高度数值了。相反,小编今天构建的布局需要适用于几乎任何尺寸的设备。是不是不可思议,小编仍然看到网站遵循自适应设计模式,其中它有...