わさび❦の活動記録

ピグパでの活動やピグパ関連で作成したツールの紹介をします

【お知らせ】2022年1月末から無期限活動休止します

2022年1月をもって無期限活動休止します!

理由は、主に以下2つです。

①実生活の多忙化
②パーティライバーの任期終了

12月頃から忙しく、パーティを開く時間や
パーティのアイデアを練る時間等を
十分に取ることが難しくなりました。

ピグパの時間を確保できる見通しが立たず、
またライバーの任期が一区切りつくため
1月末から活動休止することにしました。

急な発表でごめんなさい。
今までたくさんの楽しい思い出を
ありがとうございました!

忙しさが落ち着いたらまた戻ってきますので
その時はまた仲良くしてください✨

【イラコン受賞】6周年イラストで大賞を受賞しました🎉

f:id:wasabiPigg:20210824124834j:image

ピグパーティ6周年のイラストコンテストで、大賞を受賞しました✨

公式キャラクターを描いてお祝いしてね!というイラコンだったので、対象キャラクター全員を描きました😂

f:id:wasabiPigg:20210824125050j:image

全部で35人!こんなにたくさんのキャラクターを1枚に収めて描いたのは初めてです😌

描き始めた時は下書きだけで2時間かかって「これ完成するのかな…?」なんて不安に思ったりしました🥲

 

でもなんとか40時間ほどかけて完成しました✨✨

 

メイキングを簡単に作ってみたりYouTubeに動画載せたりしたので、こちらもぜひぜひご覧ください!

f:id:wasabiPigg:20210824130454j:image

ピグパ6周年イラスト - YouTube

 

イラストは6周年エリアの真ん中上辺りに掲載されています🌸

めっちゃたくさんの方々にみていただけてとても光栄です😭

f:id:wasabiPigg:20210824130839j:image

 

今月いっぱいはエリアに残ってるのかな?と思うのでピグパ内でもぜひぜひご覧ください〜✨✨

今回このイラストを描くにあたって意識したことが色々あるので、そちらは別記事で公開したいと思います🌸

【お知らせ】公認パーティライバーになりました!

f:id:wasabiPigg:20210801105440p:image

タイトルの通り、この度私わさび❦は公認パーティライバーになりました✨

 

公認パーティライバーとは、運営さん公認のパーティ開催者です🌸

様々な特典があったり、ボイス機能や観覧機能を使うことができます🌟

7月初め頃までの募集にGoogleフォームから応募し、ボイス面接を経て、7月30日からパーティライバーになりました!

色々なパーティを開いて盛り上げていきますので、どうぞよろしくお願いします🙌

 

開く予定のパーティは以下の通りです🌟

実際に開いたパーティはツイートを載せる形でご紹介します🎶

 

★チーム戦クイズパーティ★

3人チームに分かれてクイズに挑戦していただきます!

チーム戦なので自信がなくても大丈夫!同じチームの味方にガンガン頼って勝ちを目指しましょう💪✨

観覧機能の方もクイズになんらかの形で関わっていけるようなアイデアを考え中なので、これからもっと面白くなるクイズパーティにご期待ください🌟

 

★伝言ゲームパーティ

f:id:wasabiPigg:20210801111430j:image

ボイス機能を活用した伝言ゲームです✨

リアルで行う伝言ゲームと違うところは、伝言し終わった人自分よりあとの伝言を聞くことができるところです💪

どこでメッセージがおかしく伝わってしまったのか、リアルタイムでお楽しみいただけます😂

 

★動画撮影パーティ★

(まだ開いていません)

パーティの様子を少しずつ撮影して、最後に曲に合わせてひとつの動画にしたいなあというパーティです✨

過去に【ピグパ5周年記念動画】Birthday Song for PIGG PARTY - YouTubeを撮影したときに「動画にうつりたい!」という方がたくさんいらっしゃるのを肌で感じたので、それならばパーティでたくさんの人を集めて撮影しちゃおう!と考えました💪

ふわっとしかアイデアが固まっていないため、詳細が詰まったらまたここでお知らせしようと思います🌸

 

★大変身‼︎劇的ビフォーアフター!パーティ★

顔パーツ・顔のりんかく・肌の色などは変えずに、髪・服でどれだけイメチェンできるかな?

ビフォーとアフターの写真は私が撮影し、その場で合成してコミュの投票で1位を決定します✨

パーティ開きながらの加工はiPadでこのようにしております🌸

このパーティは「コーデ大変身」のパーティアイデアとして、運営さんに取り上げていただけました✨

 

 

この他にもたくさんパーティを開いていきたいと思っておりますので、お見かけの際はぜひぜひお越しください✨

パーティ開催時にはTwitter・ピグパ内コミュでお知らせいたします🌸

Twitterの通知をONにしていただくと、すぐに気づけるので観覧ではなくお部屋に入りたい!という方はぜひぜひご活用ください🌟

わさび❦ (@wasabiPigg) | Twitter

 

これからよろしくお願いします🙌

神社フォトキャンペーン入賞しました🌟

受賞しました!

2021年1月1日〜1月15日まで開催されていた神社フォトキャンペーンにて、
最優秀賞これが本当の犇(ひしめ)くで賞を受賞しました🌸

f:id:wasabiPigg:20210122194407p:image

 

投稿内容

こちらの2投稿が選ばれました✨

一緒に撮ってくださったフレの皆様ありがとうございました🌟

 

▼リモート帰省を切り取った1枚。テレビに別の写真を合成し、ZOOMで会っているような雰囲気にしました!

f:id:wasabiPigg:20210122194746j:image

 

▼牛のかぶりもので集まったときに、「犇(ひしめ)く」っていう漢字を思い出したのでそのまま投稿しました!

f:id:wasabiPigg:20210122194742j:image

【コーデ加工自動化ツール】について

コーデ加工自動化ツール

ツールはこちらからご利用いただけます。

初めてのご利用の方は次章の「初めてご利用の方へ」を最後までよくお読みください

wasabipigg.github.io


活動休止に伴うツールの扱いについて

(2022/01/20時点)

 以下の対応をストップします。

- 対応端末の追加依頼

- バグ報告


ツールは引き続きご利用いただけます。

初めてご利用の方へ

以下のルールや認識を守ってご利用ください。(2021/01/20現在)

※ルールを守っていただけない場合、ツールの公開を停止する場合があります

ルールは事前報告なしに変更する場合があります。

 

  • ツールに関する質問は私のTwitter(@wasabiPigg)この記事のコメント欄にお願いします。
  • 端末の操作についてはご自身で検索してください。
    (スクショの仕方がわからない、透過画像の保存方法がわからない等)
  • ツールがうまく動かない場合はツール下部のログを表示し、
    端末名やスクショ等と共に私のTwitter(@wasabiPigg)にご共有ください。
  • 未対応の端末は「お使いの端末は対象外です」と表示されるので
    こちらのGoogleフォーム(【コーデ加工自動化ツール】対応機種の追加依頼)
    または私のTwitter(@wasabiPigg)にて素材のご提供をお願いします。
  • 私のTwitterにログや素材を提供いただく場合、私の問いかけには必ず返答してください
    (会話の終わりのような内容であれば返信は不要です)
  • ツールの利用にあたって、私からの許可は必要ありません。ご自由にお使いください。
  • ツールで作成した画像をSNS等に使用する際、私からの許可は必要ありません。
    「わさびの作成したツールを使った」と明記いただく必要もありません。
  • このツールは非公式です。公式さんとは関係ありません。

 

ツールの使い方

  1. まずはこちらの画像をご参考に「アバターの透過画像」と「着用中のスクショ」の2枚をご用意ください
    画像提供: 誤飲さん(@xxxGOIN)
    f:id:wasabiPigg:20210120130709j:imagef:id:wasabiPigg:20210120130712j:imagef:id:wasabiPigg:20210120130715j:image
  2. ツールのサイトにアクセスして上の項目から順に画像を追加してください。
    wasabipigg.github.io
  3. 画像に変換!ボタンを押して、表示された画像を長押しで保存してください。

 

ツールがうまく動かないときは

「お使いの端末は対象外です」と表示される場合

Androidご利用の方はこちらの場合が多いです。

素材をいただき次第対応いたします。

こちらのGoogleフォーム(【コーデ加工自動化ツール】対応機種の追加依頼)
または私のTwitter(@wasabiPigg)にて素材のご提供をお願いします。

 

表示される端末名が間違っている場合

iPhoneご利用の方はこちらが多いです。

iPhoneの方は設定➡︎画面表示と明るさ➡︎拡大表示を「標準」にしてから画像を撮り直し、再度ご利用ください。

もしそれでもうまくいかないという場合はツール下部のログを表示し、
端末名やスクショ等と共に私のTwitter(@wasabiPigg)にご共有ください。

 

背景画像の比率がおかしくなる場合

2021/01/20現在、背景画像に設定できるのは正方形の画像のみです。

長方形の画像は正方形になるように比率変更をしております。

長方形の画像を背景にしたい場合は、正方形にトリミングした上でご利用ください。

 

上記のどちらでもない場合

ツール下部のログを表示し、端末名や
スクショ等と共に私のTwitter(@wasabiPigg)にご共有ください。

 

ツールをうまく使うためには

加工画像の比率やサイズを知ると、背景画像を用意しやすくなるかもしれません。

f:id:wasabiPigg:20210120141926p:image

 

アバター頭のてっぺんから画像の底辺までが530pxになるように表示しています。

f:id:wasabiPigg:20210120142151p:image

そのためアバター画像の表示する大きさは「アバター下の余白の大きさ」に比例します。

小さく表示したい場合は下の余白を広めに、大きく表示したい場合は狭めにするとうまくいきます。

f:id:wasabiPigg:20210120143311p:image

イラストご利用時のお約束

イラストご利用時のお約束について

わたしのイラストを使いたい方はかならず読んで守ってください

利用シーン別に分けてありますが、読んでも使って良いかわからない場合は当記事のコメントまたはTwitter(https://twitter.com/wasabipigg)等にてお問い合わせください

個別に対応いたします。

 

※こちらは2021/01/20現在の情報です。

事前の報告なしに変更する場合があります。

 

保存したい

保存はご自由にどうぞ

わたしの許可を得る必要はありません。

 

SNSアイコン等に使いたい

Twitterのアイコン・ヘッダー、ピグパのヘッダーなどに使いたい場合はこちらです。

f:id:wasabiPigg:20210116132842p:image

 

グッズに使いたい

非営利目的(お金もうけをしない)場合はご自由にどうぞ

非営利目的のグッズ作成の例

  • プリントアウトして飾る
  • キーホルダーにする(売らない)

など

営利目的の場合は個別にご相談ください。

 

その他使いたい

個別にご相談ください。

ピグパのコーデを自動で加工するツールを作りました【おおまかな仕組み解説】

アバターの透過画像着用中のスクリーンショットから正方形のコーデ画像を作るツールを作成しました✨

f:id:wasabiPigg:20210110001239p:plain
コーデ加工自動化ツール
ツールはこちらからお試しいただけます↓

wasabipigg.github.io

作り方や仕組みが気になるよ!
けどプログラミングは分からないよ!
という方向けにゆるっとおおまかな仕組みを解説してゆきます~

大まかな仕組み解説

アバター画像の処理

アバターの透過画像を選んだあとはこんなことをしています✨

  1. 画像の縦と横のサイズを取得して
    使っている端末を推定する

  2. 透明じゃないところを探す
    アバターをド真ん中に表示するために、アバターが表示されている場所がどこかを探します❀

    f:id:wasabiPigg:20210110004543p:plain
    アバターからいろんな情報を取得します(例:iPadPro 11インチ)

  3. プレビュー用に画像を切り取り・圧縮する
    f:id:wasabiPigg:20210110010309p:plain
    切り取り・縮小をします
  4. おすすめな背景色を決めるために
    画像をものすごく小さくして色を取得
    する
    f:id:wasabiPigg:20210110012224p:plain
    背景色を決めます
  5. プレビューを表示する
    おすすめの背景色1で塗りつぶした後、
    アバターの画像をど真ん中に表示!
    f:id:wasabiPigg:20210110012718p:plain
    アバターのプレビューを表示します

②スクショ画像の処理

  1. アイテムの枠に沿って切り抜いて整列する
    f:id:wasabiPigg:20210110014331p:plain
    アイテムを切り出して並べます
  2. アバターの下に表示する
  3. アイテム欄が空っぽの時は上から背景色で塗りつぶしする
    f:id:wasabiPigg:20210110015524p:plain
    空っぽのアイテム欄は目隠しします
  4. アイテム欄の右下に白い長方形を書く
    所持数を隠すためにべったり塗りつぶします!
    f:id:wasabiPigg:20210110020315p:plain
    所持数を隠します
    (余談)べったり隠すからアイテムの下のほうが見切れちゃったりします…。
    ここはいつか直したいところ!

以上おおまかな仕組みの解説でした!

ツールはこちらからお試しいただけます(再掲)↓

wasabipigg.github.io

おわりに

プログラミングが分からない!
という方にも仕組みをふわっと理解できるよう心がけて書きました✨
でももしかしたら難しいお話だったかもしれません…!

ここはどうやって作るの?
解説のここがわからないよ!
などありましたらお気軽にコメントにどうぞ❀

もっと詳しく仕組みを知りたい
どんなプログラミング言語を使っているの?
ということは、また別の記事に書く予定ですのでお楽しみに✨