タグ

ブックマーク / tech.nitoyon.com (3)

  • AS3 で袋文字+影をつけてよくある POP 文字 - てっく煮ブログ

    as電車の吊広告で影付袋文字が多用されていたようなので GlowFilter で簡単袋文字 - てっく煮ブログ を少しだけ修正して影をつけてみた。完成品はこんな具合。文字を編集することもできる。編集後の文字も袋文字!やってることTextField を表示TextField に GlowFilter で縁取りを作成し、DropShadowFilter で影を作成するDropShadowFilter にも strength プロパティがあるので、これを大き目の値にすることで、べた塗りな影をつけることができた。詳しくは GlowFilter で簡単袋文字 - てっく煮ブログ 参照あれ。まとめAS3 はテキスト表示に弱い印象があったが、フィルタを活用することで簡単なエフェクトなら簡単に付けられる。以下、ソースコード(29行)。 package{ import flash.display.*; i

  • 北海道を落とすとどう跳ねるのか?の裏側 - てっく煮ブログ

    asおかげさまで大好評の 北海道を落とすとどう跳ねるのか? ですが、どのように作ったか、製作過程を紹介することにします。1. 地図の素材を取ってくるまずは地図の素材が必要です。以下のサイトから拝借しました。白地図、世界地図、日地図が無料pdf や eps 形式の地図データを無料で配布してくれているありがたいサイトです。2. 都道府県ごとに分割する上記の素材は県境もベクター形式で提供されていて大変ありがたかったのですが、島がどの都道府県に属しているかの情報がありませんでした。そこで、Google Maps と見比べながら、島を都道府県ごとに分類していきました。無事、全ての島を分類し終わって、こんな感じになりました。とても地味な作業でした…。3. 都道府県ごとに SVG で出力する次に、Illustrator 内で分類したデータをプログラムで扱える形式にしなければなりません。ここでは XML

  • 幕末古写真ジェネレータをハックする - てっく煮ブログ

    幕末古写真ジェネレーター というウェブサービスがちょっと前に話題になりました。どんな写真も幕末の写真のように加工してくれる面白いサービスです。この仕組みを 幕末古写真ジェネレーターの仕組み? - 将来が不安 で解析していたのが面白かったので、続きをやってみることにしました。→成果を先に見たい人は、こちら からご覧くださいませ。1. 真っ黒な画像を渡すまずは、真っ黒な写真を幕末風にしてもらいます。これが幕末風にするための型紙です。以降はテンプレート画像と呼ぶことにします。2. RGB の階調を渡す直感的に、ジェネレータの実装は (元画像+色補正)+テンプレート画像 と考えられます。テンプレート画像は得られたので、あとは色補正のパラメータを探れればハック完了です。そのために、RGB の階調をジェネレータに渡してみました。結果はこうなりました。おー。青色がほとんど消えてますね。グラデーションの方

  • 1