Zooper Widgetで鏡面反射の効果を出してみる

|
20150723-0

Glaejaだとわりと簡単な鏡面反射をZooper Widgetでもできないかな?と考えてみました。条件は厳しいですが、できないことはないですね。

鏡文字フォントを使う

20150723-120150723-2

Zooperで、3つのモジュールでできています。
1つは普通の文字列、1つは反転された文字列、そしてもう1つは反転文字の一部を消去するためのRectです。

反転した部分ですが、実はそういうフォントがあります。
20150723-3

普通の向きのフォントはIPAフォントを使い、反転した部分はこの鏡文字フォントを使う、これで鏡面反射が実現できます。

20150723-420150723-5

また、Rectで四角を作り、その影をぼかし、Drawing ModeをClearにして切り抜くと、グラデーションして消えるような効果を生み出せます。

20150723-6

これで鏡面反射した時計の完成です。
「そういうフォントを使うだけ」というとても簡単なものでした。

鏡文字フォントはIPAフォントの明朝体とゴシック体があります。日本語ももちろんたいていは揃ってるので、大体の用途には対応できます。

ほかに使えるフォントはないの?

今回のような用途だと、正常な向きと反転した文字の両方があるフォントでないとダメなんですよね。軽く探したのですが、あとはこれくらいでした。

20150723-7

Street Slabというフォントです。日本語はありませんが、様々なウェイトや中抜に3Dなどシリーズでいろいろあるので使い勝手がありそうなフォントです。

左右の反射でしかない

20150723-13

しかしこのフォント、反射は反射でも左右の反射でしかありません。縦方向の反射はしてくれません。普通に並べても反射のようには見えません。

1文字ずつ分解して左右の並びを逆にする

Zooperは「文字列を逆順にする」とか「文字列の中の1文字だけ取り出す」ということができません。(1文字だけ、というのはできそうな方法はあるけど直らないバグなのか仕様なのかで実現できない)

なので、時計の4文字をそれぞれ1文字だけにして、順番を逆にします。

20150723-8

$(#Dm#%10)$…「分」を10で割った余り、です。これで「分」の1の位だけになります。
$(floor(#Dm#/10))$…「分」を10で割って小数点以下を切り捨て、です。これで「分」の10の位だけになります。
「時」に関しても同様に$(#DH#%10)$と$(floor(#DH#/10))$で10の位と1の位に分けます。

20150723-9

時間の数字が右からになりました。

1文字ずつ分解して左右の並びを逆にする

20150723-1020150723-11

180度回転させ、フォントをStreet SlabのMirrorにすれば鏡面反射のように見えます。

完成

20150723-12

あとは最初の例のように薄くしたりボケでグラデーションつけたりすればそれっぽく見えます。
この方法だと時間のように限られた文字でしかできないのは難点ですね。

もっといい方法がある気もしますが、とりあえず思いついたのはこんな方法です。いいアイデアがあれば教えてくださいね。

Random Posts

Mpow H6 レビュー:有線も無線もいける連続再生25時間のノイズキャンセリング付ヘッドホン
壁紙を黒にするとスマホのバッテリーが長持ちするって本当?というわけで実験してみた
Day Counter Widget:マテリアルデザインの配色をしたカウントダウンウィジェット
ZenFone Max Plus (M1) 購入:スッキリしてスベスベなボディを持った外観をチェック
「アンドロイドのホーム画面をカスタマイズする本10」PDF版および書店委託販売のご案内
Goodです!AUNEOSのarrows Be F-05J用 アンチグレア ガラスフィルム
New umbrella Terminal【ホーム画面定期コンテスト】
SHARP AQUOS S2 レビュー その2:日本語対応はイマイチだがナビバー非表示など気の利いた機能も
ソフトバンクのiPhone向け格安SIM、b-mobile S「開幕SIM」を契約-Androidでも普通に使えます
CUBOT CHEETAH 2 レビュー:ちょっと重いけど、ほぼ素のAndroidで必要十分感はある
AQUOS R compact SH-M06 開封の儀:小さいのはいいことだ
Galaxy S8 開封の儀:なめらかな曲線がセクシーかつ未来感を漂わせる
RetweeTrace:エゴサーチのお供に!RTしたあとに何をツイートしたのか読めるアプリ
UserStream停止の次は3時間300post制限…非公式Twitterアプリはこの先生きのこれるのか
mineoのパケットギフトを自分に贈って永久繰越!セルフパケットロンダリング