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

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

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

この記事が気に入ったら
いいね!しよう
シェアする ツイートする

Writer

orefolder 
orefolder.netでは1521個の記事を書いています。
orefolderの記事一覧

Post Tags

Random Posts

Sleep as Android:眠りの浅いタイミングで起こしてくれる賢い目覚まし&睡眠解析アプリ
対ポケモンGo最強端末、その名はOUKITEL K10000【orefolder スマホモニター企画】
KLWPでWeather UndergroundのAPIを使って天気情報を表示する方法
第4回ホーム画面カスタマイズ定期コンテスト 投票結果発表! 1位は「Go on singing!」
Xiaomi Mi MIX 開封の儀-大画面エッジレスデザインのコンセプトフォン
Foldery Multicon Folder Widget:アイコンパックも適用できるフォルダーウィジェット
コミケC90で回りたいスマホ関連がある企業ブース
6周年記念プレゼント企画第2弾! 今度は前よりも豪華かも!?
Nova Launcherでステータスバーのアイコン類が黒くできる(ダークアイコン)ようになってた
UMi Z レビュー:Zの名は伊達じゃない!Helio X27搭載のハイスペック機は久々に出会った「使える」中華端末
冬の日、街角【ホーム画面定期コンテスト】
もう使ったことはあるか?QC3.0で急速充電をためしてみよう!dodocool QC3.0急速充電器レビュー
Xperia X Compact SO-02Jへの機種変更を考えてみる-プラン変更しても買うべきなのか
ZenFone Max Plus (M1) 購入:スッキリしてスベスベなボディを持った外観をチェック
SHARP AQUOS S2 レビュー その1:三辺狭額ディスプレイと前面指紋センサーがなかなか使える!