I've recentelly had to build a mobile app that could download games build with Construct 2 and run locally, the solution I've got is handle the game data and sounds in a different way. And here is my solution:
2 回答
1-在未选中缩小选项的情况下导出游戏
2- 改变 Construct 处理声音的方式,为此我们需要打开 index.html 并在之后添加编码:
<div style="display:none;">
<script>
window.playAudioAux = function(url){
var output = url.substr(0, url.lastIndexOf('.')) || url;
var url1 = output+'.ogg';
var url2 = output+'.mp3';
var url3 = output+'.m4a';
document.getElementById('myAudioogg').src = url1;
document.getElementById('myAudiompeg').src = url2;
document.getElementById('myAudiomp4').src = url3;
document.getElementById('myAudio').src = url3;
document.getElementById('myAudio').load();
document.getElementById('myAudio').play();
}
</script>
<audio id="myAudio" controls>
<source id="myAudioogg" src="" type="audio/ogg">
<source id="myAudiompeg" src="" type="audio/mpeg">
<source id="myAudiomp4" src="" type="audio/mp4">
Your browser does not support the audio element.
</audio>
</div>
这将创建一种运行音频的新方法。现在我们必须更改它调用声音的c2runtime.js,所以找到:
function C2AudioInstance(buffer_, tag_)
{
并在此之后添加
playAudioAux(buffer_.src); return;
这将停止对Construct的正常调用,并调用我们刚刚在index.html上添加的函数
3- 大多数(可能是所有)浏览器将来自本地的请求视为安全问题,因此我们必须以不同的方式加载该游戏data.js,打开它以便您可以复制其内容。同样在c2runtime.js中,在 requestProjectData 函数中找到以下代码:
xhr.open("GET", datajs_filename, true);
var supportsJsonResponse = false;
然后在此之后添加以下代码:
self.loadProject(FULL_CONTENT_INSIDE_YOUR_DATA.JS); return;
这将加载您的游戏内容并取消加载 data.js 的请求。
4- 在 index.html 中评论有关在本地运行游戏的警报,如下所示:
//alert("Exported games won't work until you upload them. (When running on the file:/// protocol, browsers block many features from working for security reasons.)");
这就对了!:D,它在 firefox、android webview 等中运行良好。出于安全原因,唯一仍然运行它的是 Chrome...
希望它可以帮助任何有这种问题的人。
对于正在寻找从 Construct 2 导入 Android Studio 的解决方案的任何人:
将游戏导出为“HTML5 网站”
创建一个资产文件夹(右键单击“app”>新建>文件夹>资产文件夹)并将导出的文件复制到资产文件夹中(通常是“YourApp/app/src/main/assets/”)。
添加以下内容以启用 webView:
在 AndroidManifest.xml 中:
<uses-permission android:name="android.permission.INTERNET"/>
在activity_main.xml 中:
<WebView
android:id="@+id/webview"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:ignore="MissingConstraints"
tools:layout_editor_absoluteX="8dp"
tools:layout_editor_absoluteY="8dp" />
在 MainActivity.kt 的 MainActivity 类中:
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
val myWebView: WebView = findViewById(R.id.webview)
myWebView.settings.javaScriptEnabled = true
myWebView.settings.allowUniversalAccessFromFileURLs = true
myWebView.loadUrl("file:///android_asset/index.html")
}
确保“allowUniversalAccessFromFileURLs”设置为 true。
该解决方案对我有用,无需对导出的文件进行任何更改。