Puyopixというコンテンツを作りました。
pixivのイラストや、twitterのアイコンを読み込んできて、プヨプヨすることができます。
Puyopix -プヨプヨにするよ-
もともとは、wonderflに投稿していたPuyoDotという作品で、それをFlashのgraphics.drawTrianglesを使ってテクスチャを実装したものです。
twitterアカウントを指定するか、pixivイラストのIDで画像を読み込み、
背景が1色のイラストとか、透過pngなら切り抜いて、それっぽい形にして、プヨプヨにします。
イラストによって柔らかさに差が出るようにしました。
フォローワーの誰が一番柔らかいのかチェックしてみても楽しいかもしれません。
デフォルトではtwitterで紹介されたイラストを探してきて表示するようにしてあります。
pixivの仕様上、R-18イラストは読み込めませんのであしからず。
Spaceキーで、キャプチャをとることができます。出来ない人は日本語入力切ってね。
保存した画像は、イラストの加工物となるので、使用に当たっては元のイラストの作者に許可を取ってください。(僕への許可はいりません)
このコンテンツの僕的メインはプヨプヨなインターフェース、特に入力フィールドです。
傾けても、逆さにしても、その状態で選択や入力が可能です。
ボタンなどもプヨプヨにする予定でしたが、あまりに使いにくかったので断念しました。
技術的な解説は、また記事を分けて書くかもしれません。
追記:
ブログパーツ機能をつけました。
絵を読み込む、という項目の左下にあります。
今後、要望があれば特定pixivユーザーの画像をランダム表示とか、やるかも。
追加機能で、裏技的に硬さ指定に対応しました。
URLの末尾に&s=10 のように数字を入れてください。
有効な値は1?100です。
例)http://puyopix.sipo.jp/?t=p&id=2795561&s=1
しっぽの「Flashの描画速度をBitmapDataクラスを使って上げる方法」のまねしてかいてみるね
Flashで、今までMovieClipとか結構なので、表示してしまったことが苦手とBitmapクラスによる表示さはFlashで、そういう人とかになっているとする、この作品は結構な確率で、そういう人とか結構なので、動作の表示に切り替えるだけでCPUを中心にすればサンプルがよくあります。
クセがある人も多いの基本をやっていきたいなーって人もあるのでBitmapData直描きにするところです?
ちょっとサンプルが随分と違うので、フルフラッシュサイトで、描画速度はFlashが苦手と思います。
82,918 views
|
|
74,846 views
|
|
59,975 views
|
|
65,459 views
|
|
153,492 views
|
しっぽのとこ |
しっぽのtwitter
Copyright c 2013 しっぽのブログ All Rights Reserved. Design : Sakura Niwa (Studio BOOM) System : Kougun Ryu (HotIt)