twitterやpixivイラストをプヨプヨできるPuyopixを公開しました。
Puyopixというコンテンツを作りました。
pixivのイラストや、twitterのアイコンを読み込んできて、プヨプヨすることができます。
もともとは、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
コメント[37]
これはおもしろいですね。
個人的に、iPhoneアプリでコレつくってみたいです。。
どうでしょうか？
Posted by koki at 2010年2月 7日 11:30 | 返信
Flashのままだと挙動が不安ですけど、JavaとかCならiPhoneでも快適に動きそうですね。
マルチタッチは相性よさそうですね。
Posted by しっぽ at 2010年2月 7日 12:08 | 返信
驚きました。すごいことができるんですね！ありがとうございました。
http://twitter.com/shrinetree
Posted by shrinetree at 2010年2月 7日 22:19 | 返信
R-18がダメと言うことはアレですね。
おっぱいは読み込めないんですね！！
Posted by Anonymous at 2010年2月 8日 00:39 | 返信
twitterのアイコンとしてアップロードしたものとpixivにアップロードしたものでは、元が同じ画像でも柔らかさが違うのは仕様ですか？
Posted by 匿名 at 2010年2月 8日 03:51 | 返信
>> Anonymous
まあ、r-18できないのはpixivだけなので、twitterのアイコンをおっぱいにできる勇気があれば
>> Posted
はい、IDと画像ハッシュによるので、pixivでもIDが変わると多分やわらかさが変化するかと思います。
あとpixivは圧縮がかかるので。
Posted by しっぽ at 2010年2月 8日 08:36 | 返信
楽しいです。もっと色々プヨプヨさせてみたいのですが、pixivとtwitterの画像しかプヨプヨできないのでしょうか？
プヨプヨ用にラクガキをいくつもアップするのが躊躇われます…
Posted by Anonymous at 2010年2月 8日 17:09 | 返信
対応すれば色々できると思いますが、どのサービスのが読み込めたら便利でしょうか。
Posted by しっぽ at 2010年2月 8日 20:15 | 返信
単純に、自分のサイトの（というよりネット上にある全ての）画像のURLを入力するだけでプヨプヨできるというものです。
ただこれだと18禁でも何でもできてしまいますから、難しいですよね。
Posted by Anonymous at 2010年2月 8日 21:25 | 返信
そうですね、スパムとかフィッシングの問題が出てきますし。
Posted by しっぽ at 2010年2月 9日 00:09 | 返信
はじめまして。
puyopix体験させて頂きました^^
すごく癒されますねこれ！
「ぷよ?ん」とか効果音がついても面白いかもです^^
Posted by pun at 2010年2月 9日 13:25 | 返信
凄いですね…。
R?１８を制限したのは正解だと思います。
Posted by れぎおん at 2010年2月 9日 15:21 | 返信
ぷよぷよするだけで、何だかそのものを触っている様な気分になれるのが不思議です。とても楽しいです。
固さの具合を好きに調節できるスライダーの様な物があればいいのですが。Puyopix の為にわざわざ絵を描いて投稿したのに、想定したぷよぷよ具合にならず嘆いている人もいたし。
Posted by さゆぬ at 2010年2月10日 02:43 | 返信
描いた絵をぷよぷよすると二歳の息子が大笑いします。
画面外まで持ち上げてから落とすと、息子が手で受けようとして
モニタに手を添えるのがかわいくてこちらまで笑い転げます。
とても面白いのでしばらく日課になりそうです。
Posted by 菅野 at 2010年2月11日 22:13 | 返信
>>pun
ありがとうございます。
効果音は口でお願いします
>>れぎおん
別にR-18を制限したわけじゃないんですけどね、、
制限してるのはpixivです。
>>さゆぬ
裏技チックになってしまいましたが、硬さ調節入れておきました。
>>菅野
嬉しいですね。
もしかしたらDSでこういうおもちゃがあったら、面白いのかも。
Posted by しっぽ at 2010年2月12日 18:43 | 返信
はじめまして。
早速、プヨプヨ体験させていただきました。
これ面白いです、楽しい!!
Posted by かんぢ。 at 2010年2月13日 18:09 | 返信
これは面白い！
Posted by まー at 2010年2月15日 17:38 | 返信
deviantARTのURLを貼ろうとしてもうまくいきません。
何か手順があるのでしょうか？
Posted by Anonymous at 2010年2月16日 09:55 | 返信
慣性とか重力加速度もいじれると面白そうです
Posted by 姫 at 2010年2月18日 12:35 | 返信
>>かんぢ
ありがとうございます
>>まー
ありがとうございます
>> Anonymous
できればそのイラストを教えてもらえますか？調べます。
>>姫
そうですねぇ、沢山要望があるようでしたら。
Posted by しっぽ at 2010年2月18日 14:53 | 返信
とても面白いです！
自分の絵がぷよんぽよんするので、病み付きになりそうです!!!
公開して下さってありがとうございますｗｗｗ
Posted by yuotan at 2010年2月22日 21:08 | 返信
ぷよんぷよん癖になりますね！
ところで、硬さ指定のために &s=1 などとURL末尾に入れると、
なぜか読み込めないエラーが出てしまいます。
別の画像URL、別の数値、大文字のSなど試しましたが読み込めません。
Posted by あまる at 2010年3月 3日 23:27 | 返信
書き忘れ。
&s=1 を加えない、元のURLそのままなら読み込めます。
Posted by あまる at 2010年3月 3日 23:30 | 返信
度々すみません、解決しました。
絵を取り込むときのURLにつけるんじゃなくて、
出来上がった後に、末尾に &s=○○ をつけたURLを参照するんですね…。
Posted by あまる at 2010年3月 3日 23:49 | 返信
初めまして。質問です。
Twipicの画像をPuyopixに読み込もうとするとエラーになってしまいます。
もう3日間試してますが、読み込めません。
他の画像も試したのですが読み込めませんでした。
画像のページのＵＲＬを貼れば良いんですよね？
何か間違っているんでしょうか。
それとも何か問題があるんでしょうか。
Posted by Keino at 2010年5月 4日 10:00 | 返信
twitpicの画像が不安定なのは確認しています。
どうやら、外部の読み込みにあまり親切ではないようで
特に時間帯によって弾かれることが多いみたいです。
他のサービスで画像をアップロードして試すことをオススメします。
Posted by しっぽ at 2010年5月 4日 10:16 | 返信
ありがとうございます。
そうなんですか…他のサービスを試してみますね。
Posted by keino at 2010年5月 4日 13:22 | 返信
初めまして、いつも楽しくpuyopuyoさせていただいてます。
質問なのですが、deviantARTのイラストを読み込むには、どこのURLを入力すれば良いのでしょうか。
サムネイルをクリックして出てきたページのアドレスをpuyopixに入力しても、エラーが出てしまいます。
Posted by 西 at 2010年5月19日 12:13 | 返信
画像そのものを保存することはできないのでしょうか
携帯で再生できたら嬉しいんですが…
あと、PIXIVのプロフィール画像には出来ないのでしょうか。
Posted by ００９ at 2010年9月 2日 02:02 | 返信
いつもお世話になっています！
面白くてついみかけるとぷよぷよしてしまいます。
数日前からpixivにあるイラストのURLを貼るとエラーになってしまいます。
サーバがおもくなってるだけなのでしょうか…
ずっとそうなので気になっています。
Posted by 090 at 2010年9月17日 16:32 | 返信
とっても楽しいですね。ぷよぷよして楽しい絵を描いてもっと楽しみたいです。見ていて気分が良いですし、品のあるコンテンツだと思います。ありがとうございます。
Posted by オオヤサトル at 2010年10月 2日 20:10 | 返信
自分もpixivの画像がエラーになるようになってしまいました。
pixivの仕様変更とか有ったのではないでしょうか？
Posted by yamado at 2010年11月 7日 14:23 | 返信
エラーメッセージが出てきたけど、エラーメッセージまでぷよぷよできるんですね！面白かったです。
Posted by 匿名 at 2010年11月 8日 09:01 | 返信
ユーザIDの末尾に _ が入ってると読み込めないんですかねー
自分のTwitterIDはエラーでできませんでした
Posted by Anonymous at 2011年4月 7日 11:09 | 返信
なんかURLがあっていて公開設定になっているのに特定の絵がエラーになることがありますねぇ。なんででしょうか？
Posted by Anonymous at 2011年4月29日 02:43 | 返信
最近エラーばっかりで動きません。
こんなんだったら公開停止してもいいのでは？
Posted by Anonymous at 2011年8月24日 00:40 | 返信
もうほとんど正常に動いてませんね。ここ数ヶ月動いたためしがない
Posted by 匿名 at 2011年11月13日 00:15 | 返信
コメントする