73 lines
2.1 KiB
Markdown
73 lines
2.1 KiB
Markdown
|
+++
|
|||
|
date = "2020-05-24"
|
|||
|
tags = ["ios","android"]
|
|||
|
title = "ノベルゲームをiosとandroid用に調整してみた"
|
|||
|
slug = "app"
|
|||
|
+++
|
|||
|
|
|||
|
前回は、画面の調整などをしていなかったので、今回は、調整してみました。
|
|||
|
|
|||
|
まずtyranoscriptは、画面サイズを調整するのがそこそこに面倒でした。具体的には、背景画像などのサイズをimagemagickなどで変換し、ボタンの配置を調整しました。androidは、`data/system/Config.js`の以下を調整すればいけました。
|
|||
|
|
|||
|
```js:www/data/system/Config.js
|
|||
|
ml = 0;
|
|||
|
mt = 0;
|
|||
|
mw = 400-0;
|
|||
|
mh = 700-0;
|
|||
|
```
|
|||
|
|
|||
|
次に、アイコンですが、こちらも面倒です。基本的には、`cordova`のフォルダ構成で以下の場所に配置します。
|
|||
|
|
|||
|
```sh
|
|||
|
$ ls ./platforms/ios/yui/Images.xcassets/AppIcon.appiconset/*.png
|
|||
|
$ ls ./res/{Android,ios}
|
|||
|
```
|
|||
|
|
|||
|
変換スクリプトは以下を使います。
|
|||
|
|
|||
|
https://github.com/hibara/create-ios-all-icons-shellscript
|
|||
|
|
|||
|
### ios
|
|||
|
|
|||
|
iosはxcodeでbuildします。実機でdebugしました。
|
|||
|
|
|||
|
```sh
|
|||
|
$ npm i -g cordova
|
|||
|
$ cordova platform add ios
|
|||
|
$ cordova compile ios
|
|||
|
|
|||
|
# 更新
|
|||
|
$ vim www/
|
|||
|
$ cordova prepare ios
|
|||
|
$ ls ./platforms/ios
|
|||
|
$ open -a Xcode ./platforms/ios/yui.xcodeproj
|
|||
|
```
|
|||
|
|
|||
|
ただ、apple storeで配布するには、年間1万円以上の費用がかかるみたいです。これでは、配布しても回収できませんね。それに、審査も厳しそうです。
|
|||
|
|
|||
|
![](https://raw.githubusercontent.com/syui/img/master/old/app_mobile_html5_ios_2020-05-24-23-20-28.png)
|
|||
|
|
|||
|
### android
|
|||
|
|
|||
|
androidはandroid sdkでcli toolやemulateをdownloadし、sdkmanでgradleをinstallします。cordovaがpathからこれらを実行し、buildします。
|
|||
|
|
|||
|
```sh
|
|||
|
$ cordova platform add android
|
|||
|
$ cordova compile android
|
|||
|
|
|||
|
# android sdk install
|
|||
|
# curl -s get.sdkman.io | bash
|
|||
|
# sdk install gradle
|
|||
|
|
|||
|
# device download
|
|||
|
# start emulate
|
|||
|
$ cordova emulate android
|
|||
|
```
|
|||
|
|
|||
|
https://cordova.apache.org/docs/ja/latest/guide/platforms/android/
|
|||
|
|
|||
|
google playでの配布は、初期費用の3千円程度で済むらしい。
|
|||
|
|
|||
|
![](https://raw.githubusercontent.com/syui/img/master/old/app_mobile_html5_android_01.png)
|
|||
|
|