わぷーアイコンジェネレーター #wckansai

wapuu_blogtop
この投稿はWordCamp Kansai 2014のリレーブログ(17日目)として書いています。

WordPress日本公式キャラクター「わぷー(Wapuu)」の入ったTwitterなどで使えるアイコン画像をデザイナーじゃなくても簡単に作れるようなジェネレーターを作りました。

6月7日・8日に開催される、WordPressのお祭り「 WordCamp Kansai 2014 」を記念して、Twitterアイコンをわぷーにしてみませんか☆

 

わぷーアイコンジェネレーター



ご利用方法

①アイコンにする元画像をアップロードしてください。
②元画像とわぷー画像が重なって表示されますので各画像を移動して、あわせください。 (それぞれの画像をクリックすると変更できるようになります。)
③完成したら[画像生成]ボタンを押してください。
④完成画像を右クリックして「名前を付けて画像を保存」で保存してください。

※画像をアップロードから、やり直す場合は[リセット]ボタンを押してください。
※ブラウザ上で画像を操作、生成しますのでサーバーには画像を送信しません。
※このサービスによる成果物のライセンスはGPL2です。

 

使用イメージ


使用感はこんな感じになります。ナナメの□で拡大縮小、上に飛び出ている四角は回転です。

枠の範囲で切り抜かれた画像が、右側に出来上がります。
 

わぷーについて

「わぷー」 の画像は、WordPress ソフトウェアと同様、「GPL バージョン2 またはそれ以降のバージョン」というライセンスのもとに公開されています。著作権は作者のカネウチカズコさんに属します。

 
 

Wapuu Icon Generator

You can make your own Wapuu icon for Twitter etc.

How to use

1.Push the upload button and choose the image which you want to use.
2.Your image and a Wapuu’s one will be overlapped. Select the image which you want to move and drag it and fix the position.
3.Once you fix the position, click the generate image button.
4.Save the image with the right click.

  • You can re-start to upload image by the reset button.
  • It works on your browser so it doesn’t send your image to our server.
  • The result from this generator should be GPLv2.

Related information

Fabric.js http://fabricjs.com/

the JavaScript library that makes it easy to use Canvas tag in HTML5.
Wapuu http://ja.wordpress.org/about-wp-ja/wapuu/

Official mascot of ja.wordpress.org

License

This software is licensed under GNU General Public License v2 or later. Wappu’s copyright is reserved by Kazuko Kaneuchi.

Program by nendeb