uka.apple のすべての投稿

3日坊主アプリ開発日記

デアゴスティーニ商法作業管理での12日目作業

2019年2月16日 uka.apple コメントする

今回の作業は「スライダーの左右矢印をタップ/クリックして数値を増減可能に」です。画像だと分かりにくいので動画にしてみました。

画面右上でなにやらマウス操作してるのが見えるかと思います。フルスクリーンじゃないと見にくいかも。

左右の矢印をクリックすると、１ずつ値が増減しているのが分かると思います。正直じれったいですね。明日はスライダーをドラッグすることですばやく値を変更できるようにします。

今日の作業は以上です！

ʕ•̫͡•ʕ*̫͡*ʕ•͓͡•ʔ-̫͡-ʕ•̫͡•ʔ*̫͡*ʔ-̫͡-ʔ

3日坊主アプリ開発日記

デアゴスティーニ商法作業管理での11日目作業

2019年2月15日 uka.apple コメントする

今日の作業は「スライダーのメモリ位置と表示数値を連動させる」です。

今までスライダー名として表示していた「SIZE」は、ライフゲームのドットの大きさを表します。最小で1(ドットbyドット)、最大で64です。

以下のように、1ならスライダーの左端、32なら真ん中、64なら右端になるように調整しました。

数字の桁数によって、ちゃんと位置が真ん中になるよう調整もしました。画像上、値と実際のライフゲームのドットサイズが連動しているように見えますが、実際にはまだ連動していません。これは後日作業する予定です。

プログラミング上、数値を文字に変換する処理は多用します。うまく汎用化して今後使い回して行きたいところです。

あまり需要がないかもしれませんが、今回作成した0〜9999までの数値を全角数字の文字列に変換する処理は以下の通りです。言語はJavaScriptです。(WebGLで作ってるからね)

numToStrZen(num) {
    if (num < 0 || 9999 < num) {
        return "ERR!";
    }
    let keta4 = Math.floor(num / 1000);
    let keta3 = Math.floor((num - keta4 * 1000) / 100);
    let keta2 = Math.floor((num - keta4 * 1000 - keta3 * 100) / 10);
    let keta1 = Math.floor(num - keta4 * 1000 - keta3 * 100 - keta2 * 10);
    let s4 = this.oneNumToStrZen(keta4);
    let s3 = this.oneNumToStrZen(keta3);
    let s2 = this.oneNumToStrZen(keta2);
    let s1 = this.oneNumToStrZen(keta1);
    if (0 == keta4 && 0 == keta3 && 0 == keta2) {
        return s1;
    } else if (0 == keta4 && 0 == keta3) {
        return s2 + s1;
    } else if (0 == keta4) {
        return s3 + s2 + s1;
    } else {
        return s4 + s3 + s2 + s1;
    }
}
oneNumToStrZen(num) {
    if (0 == num) { return '０'};
    if (1 == num) { return '１'};
    if (2 == num) { return '２'};
    if (3 == num) { return '３'};
    if (4 == num) { return '４'};
    if (5 == num) { return '５'};
    if (6 == num) { return '６'};
    if (7 == num) { return '７'};
    if (8 == num) { return '８'};
    if (9 == num) { return '９'};
    return "!";
}

ちなみに、範囲外の数値を投げると"ERR!"という文字を返します。

今日の作業は以上です！

3日坊主アプリ開発日記

デアゴスティーニ商法作業管理での10日目作業

2019年2月14日 uka.apple コメントする

今日の作業は「UIを表示するUIを作って、実際にUIを表示可能にする」です。UIUI言い過ぎ。

ʕ•̫͡•ʕ*̫͡*ʕ•͓͡•ʔ-̫͡-ʕ•̫͡•ʔ*̫͡*ʔ-̫͡-ʔ

ライフゲームの初回表示時に右側の設定UIは表示されず、画面右下に２連矢印が表示されるようになりました。

この２連矢印をタップ/クリックすることで、以下のように設定のUIが表示されるようになりました。

もちろんこの状態でさらに２連矢印をタップ/クリックすれば、昨日の作業結果と同じように、UIが閉じます。

今日の作業は以上です!

3日坊主アプリ開発日記

デアゴスティーニ商法作業管理での9日目作業

2019年2月13日 uka.apple コメントする

今日の作業は「UIを隠すUIを作って、実際にUIを隠せるようにする。」です。UIUI言い過ぎ。

ʕ•̫͡•ʕ*̫͡*ʕ•͓͡•ʔ-̫͡-ʕ•̫͡•ʔ*̫͡*ʔ-̫͡-ʔ

はい、画面下部にクローズ用の右向きの矢印２つが表示されました。これをタップ/クリックすると右側のUIを非表示に出来ます。

はい、消えましたね。内部的には左上のフルスクリーンアイコンや左下のFPS表示も同時(同じdrawElementsで)描画しています。あんまり分割して描画すると重くなっちゃうからね。クローズ用の矢印で、うまく右側のUIのみ消えるようにしました。

今日の作業は以上です！

3日坊主アプリ開発日記

デアゴスティーニ商法作業管理での8日目作業

2019年2月12日 uka.apple コメントする

UIの背景を薄暗くする処理を入れて、ライフゲームを画面全体で見せつつ、UIを見易くするようにしてみました。

画面右部分が薄暗くなっているのがわかるでしょうか？

今日の作業は以上です！

3日坊主アプリ開発日記

デアゴスティーニ商法作業管理での7日目作業

2019年2月11日 uka.apple コメントする

デアゴスティーニ商法を利用した作業管理で1週間作業を終えました。

「1日分の作業これだけかよ！」

ヽ(｀д´)ﾉうわーん

って思わず叫びたくなるくらい1日1日の作業量を少なくすることで、着実に作業が進むようになりました。

継続は力なりですね。

ヾ(｡>﹏<｡)ﾉﾞ✧*。

月曜日の今日は、次の１週間分の予定を立てます。今週も1日分の作業量をなるべく抑えて継続し易くする方向で行きます。

8日目：UIの背景を半透明(ダーク)にして文字などを見易くする。
9日目：UIを隠すUIを作って、実際にUIを隠せるようにする。
10日目：UIを表示するUIを作って、実際にUIを表示可能にする。
11日目：スライダーのメモリ位置と表示数値を連動させる。
12日目：スライダーの左右矢印を押して数値を増減可能に。
13日目：スライダーのメモリをドラッグして数値を増減可能に。
14日目：予備日(次の週の予定を立てる)

3日坊主アプリ開発日記