[Glaeja] やわらかい手

…というわけで『Glaeja』のスキンチュートリアルその２です。
今回は［ハンド ］レイヤーを使ってみましょう。



１．アナログ時計を作ってみる

…ぶっちゃけ、［ハンド ］レイヤーとか［時刻エスケープキャラクタ］の拡張（$ i $）とか、アナログ時計作るためッスからｗ

１．ウィジェットを配置し、スキン編集画面を開きます。ここで［実ピクセル］値を覚えておきます。
左図は 160 dpi のエミュレータなので DIP と同じ値です。

２．上の［実ピクセル］に収まるように、時計文字盤画像を「32ビット透過PNG」で作成します。

このとき、針位置合わせがしやすいよう、文字盤中心に目印を入れておいてください。

３．［イメージ ］レイヤーを作成し、２．の文字盤画像ファイルをセットします。

４．［シャドウ ］レイヤーを新規追加し、先の［イメージ ］レイヤーの１つ上に移動します。

［シャドウ ］レイヤーの設定を調整し、好みの影をつけます。

５．［ハンド ］レイヤーを新規追加し、［回転中心 ］が文字盤の中心にくるよう位置を調整します。

６．設定値を、

・ ［現在値となる項目 ］： 「$m$」（現在の分）
・ ［最大値となる項目 ］： 「６０」
・ ［０％の絶対角度 ］： 「０°」
・ ［１００％の絶対角度 ］： 「３６０°」

にして長針にする。色や幅はお好みでどうぞ。

７．上の［ハンド ］レイヤーを複製して追加し、

・ ［現在値となる項目 ］： 「$i$」（午前/午後における分）

・ ［最大値となる項目 ］： 「７２０」（＝12時間×60分）

として短針にします。
［終点の距離 ］を短くして短針っぽくし、色・幅はお好みで（青焼き針っぽくしてみました）。

これで完成です。各針へのシャドウはお好みで。長短針の［始点の距離 ］は、ゼロだと重なった部分がカッコ悪いので、「-10 dp.」とかにしてほうがイイです。





２．Weekday レトログラードを作ってみる

［ハンド ］レイヤーは、０～３６０°グルっと針が回るものじゃないとダメってことはありません。［０％の絶対角度 ］［１００％の絶対角度 ］を変えれば、『Battery Designer』チュートリアルで作成したテスター風ゲージのようなものも作れます。

同じもの作ってもツマラないので、Weekday レトログラードを作ってみましょう。
“レトログラード”は、腕時計の曜日カレンダー機構の一種で…まぁググってくださいｗ

１．［ハンド ］レイヤーを新規追加して、［回転中心］をウィジェット左端真ん中あたりにし、［０％の絶対角度 ］を「１５°」、［１００％の絶対角度 ］を「１６５°」にします。

 ［現在値となる項目 ］を「$f$」（週における曜日、日曜がゼロ、土曜が６）に、［最大値となる項目 ］を「６」にすれば、もうWeekday レトログラードの出来上がりｗ

２．針だけじゃ寂しいので文字盤も入れてみました。

今日の曜日を［マッチテキスト ］レイヤー使って色とか変えたい、ってんじゃなければ、画像ファイル用意して［イメージ ］レイヤー使うほうがラクですね。

---

このエントリ書くのにかかった時間の８割くらいは、エミュレータのGCと「keyDispatchingTimedOut」待ちですヨ…エミュレータ糞すぎ