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では1578個の記事を書いています。
orefolderの記事一覧

Post Tags

Random Posts

G-Color Xperia XZ用 全面保護TPUフィルム レビュー:見た目は悪くないが指の滑りがかなり悪い
Android 7.0 Nougatでアプリをウィンドウ化する「フリーフォームモード」を試す
KLWPでテキストファイルを使ってランダムにセリフを喋らせる
アプリ不要でQRコードを読み取る方法-Now on TapとカメラだけでOK
Tronsmart T6 レビュー:コンパクトながら360°全方位に広がる重低音が身体に響いてGood
認知度90%を目指す-UQモバイルのセミナー&懇談会に行ってきました。
格安SIM (MVNO) 速度比較 : 2017年9月その1 ロケットモバイルがついに点火か!?
格安SIM (MVNO) 速度比較 : 2018年7月-2 LINEモバイルソフトバンク版は出足で躓いたものの、充分に速い
フラットなミクさんの傘差しホーム画面【ホーム画面定期コンテスト】
Animated Text – Text Animation Maker:テキストからアニメGIFを作り出すアプリ
FREETEL SIMの契約を「使った分だけあんしんプラン」から「定額プラン 3GB」へ変更
Another Widget:ごくシンプルに日付や時間を表示するありきたりなウィジェット
なんと、カルナさんなのです!【ホーム画面企画2016】
アンティークと共に【ホーム画面定期コンテスト】
Iconzy:アイコンパックからアイコン画像を取り出したりKLWPで活用できるアプリ