せらぴんブログ

サークル「せらぴん」のうのはな透です。やっぱり眼鏡っ娘が好き!!

【眼鏡っ娘AC】三ノ宮かなで

どうも、うのはな透です。

www.adventar.org

早速ですが、皆さんAdvent Calendarというものをご存知ですか?

Advent Calendarは本来、12月1日から24日までクリスマスを待つまでに1日に1つ、穴が空けられるようになっているカレンダーです。WebでのAdvent Calendarは、その風習に習い、12月1日から25日まで1日に1つ、みんなで記事を投稿していくというイベントです。

Adventarより

エンジニア関連では数年前から定期的に続けられていて各言語ごと、各フレームワークごとにカレンダーが作られているのですが――

今年は!
思い切って!
作っちゃいました!!

眼鏡っ娘のAdvent Calendar!!

このカレンダーは皆さん各自おすすめ眼鏡っ娘を持ち寄り記事にして共有するものです。
ぜひ皆さんの眼鏡っ娘愛をぶつけてください!

この眼鏡っ娘マンガがすごい!の二番煎じとか言わない

さて前置きはこのくらいにしておいて。
1日目の記事は週刊少年チャンピオンに連載中の漫画「スメラギドレッサーズ」から「三ノ宮かなで」ちゃんです。

f:id:yuphiel:20151202003207j:plain
(画面右)

かわいい!

f:id:yuphiel:20151202003215j:plain

かわいい!!

f:id:yuphiel:20151202003219j:plain

おっぱいでか
かわいい!!!!


もうこの記事終わってもいいんじゃないかな?

さてこの「スメラギドレッサーズ」なのですがジャンルとしては熱血バトルモノになります。
主人公である風紀委員長三ノ宮かなでちゃんは、ひょんなことから9つ存在する変身スーツの1つ「サクラドレス」をつかって
悪の秘密結社「ツクヨミ」と戦うわけですが。

それで終わらないのがこの漫画のいいところ。

f:id:yuphiel:20151202005034j:plain

変身シーンがなんと生着替え
スーパージョッキーとか懐かしすぎて声もでんわ……!

序盤幾度と無く半裸姿を公衆に晒される羽目になり、事あるごとにドレスを手放そうとするかなでちゃん。
それでも友達であるマスコットキャラを守るためにツクヨミに立ち向かっていく正義感と優しさ、応援してあげたくなるじゃないですか。
あとロケットおっぱい風紀委員長眼鏡っ娘の生着替えはちょっと見たいかも

f:id:yuphiel:20151202004215j:plain

唯一残念なのは、変身後は眼鏡じゃないことかな。
これはプリキュアでも解決できない超難題なので、この際目を瞑りましょう……。

というわけで漫画「スメラギドレッサーズ」、単行本1巻が発売中なのでぜひ読んでみてください!

www.amazon.co.jp

ちなみに今回の記事を書くために先ほど本屋を探しましたが見つかりませんでした。
不覚――っ!


以上、眼鏡っ娘Advent Calendar1日目でした。
もう12/1じゃなくなってるけど気にするな!!
こんな感じであと24日やっていこうと思っていますが、
私以外でも誰でも参加可能なイベントなので、ぜひ皆さん秘蔵の眼鏡っ娘を紹介してください!
そうでないと、8日目過ぎたあたりから私の本棚紹介コーナーになりそうだし
16日目をすぎたあたりから今週の週刊漫画誌にちょっとだけ載ってた眼鏡っ娘紹介コーナーになりそうなので……。

2日目はcpp_maid_BOTさんの記事です。お楽しみに!

続・透過PNGをマスクにしてクリッカブルマップを作ろうとしたが挫折した話

あらすじ

unohanat.hatenablog.com

ムキイイイイイイイイイイイイイイイ!!

どうにかならないか調べてみた

「イメージマップを楽に作れないか?」と検索をかけてみると、結構対応策あるみたい。

tsudoi.org

www.vector.co.jp

とりあえず両方試してみました。
使い勝手としてはどちらも同じ、多角形選択ツールで選択すると、エリアのソースが出力される。

ただし上のClickableMapPanelの方が、抽出したエリアを後から操作できるのでより便利。
操作はだいたい下記の通り。

  1. エリアを抽出する
  2. エリアが「poly_map」レイヤーとして新規出力される(塗りつぶしレイヤー。マスクがパスで構成されてる(ベクトルマスク))
  3. ベクトルマスクをパス選択ツールでうねうね修正
  4. パス選択ツールでパスを選択したうえで右クリック→選択範囲を作成
  5. ClickableMapPanelでpoly選択→「コードを取得する」ボタン押下!!

ただしベジェ曲線とか使うと多分だけどエリア情報がむっちゃ増える。イメージマップはSVGじゃないからね!!

SVGといえば

SVGで描いた地図をクリッカブルマップにする為のスクリプト・「twism」 - かちびと.net

SVGからクリッカブルマップを作るライブラリがあるらしい。
ただし元々したかったことに応用できるかは不明。多分試さない。

結論

PNGのアルファ値からエリア情報が作れるほど甘くはないけど、多角形選択する気力があるなら大丈夫!!

C88参加情報

いいか! 丁寧に書いてる時間がないから要点だけ伝えるぞ!!
3日目 東ヤ04b「せらぴん」にてボクと握手!!

当日のおしながきはこちら!

【C88】「C88お品書き」イラスト/うのはな透 [pixiv]

既刊には数が少ないのもあります


スペースはこんなかんじ!


本人は開幕ダッシュします

本人と売り子で二人しかいないから、スケブはあまり描けないかも。描ける場合には60分程度頂きます。

ゆるいいんちょで紹介した「この眼鏡っ娘マンガがすごい!」3選

題して「最近の」「軽めの」「邪道な眼鏡っ娘マンガ、です。
キャプチャは後々やる気が残ってれば挙げる。

眼鏡には精霊が宿る

今期アニメのダークホース「実は私は。」の眼鏡枠、朱美みかん
アニメ3話でみかんの眼鏡が喋るという衝撃の事実があっさりと判明しましたが、
原作ではもっとしっかり掘り下げられています。

特に興味深いのは以下の流れ。

  1. 眼鏡はみかんが朝陽(=主人公)への恋心を隠し続けることに不満を持っている
  2. 眼鏡が暴走して「今私を掛けたら朝陽くんの前で『あなたが好きです!』って言いますからね!」と宣言する
  3. 紆余曲折(ギャグパート)あって、みかんではなく相澤渚が眼鏡を掛ける
  4. 渚に掛けられた眼鏡が朝陽の前で『あなたのことが好きです!』と言う

みかんの恋路を応援するはずの眼鏡が渚で自爆してどうする。

このシーンは告白というものが先走りしてる点とか、
告白というファクターが可換である点とか、
ギャグシーンの割に考察の甲斐のあるシーンなので皆さん是非見ていただければと。

ちなみに喋る眼鏡はみかんの持つフクちゃん以外にもたくさん登場します。

眼鏡のうえに兜を被りながら入浴

眼鏡エロマンガの重鎮てりてりお先生の作品。
主人公ニモ=リットンの生まれ異世界“アマゾニア”では、「人前で兜を外してはいけない」という掟が存在します。
そのためニモはいつでもどこでも兜、風呂に入る時も眼鏡の上から兜をかぶって入浴
眼鏡を出し惜しみしていく「兜眼鏡」という斬新な試み、ありだと思います!!

メガネをブラにしよう!

もはや眼鏡っ娘ですらない。

みつどもえの159卵生「メビウストリッパー」では
みつばが“魔法のブラ”と勘違いして眼鏡を胸に掛けます。

何言ってるかわからない? 俺も何喋ってるんだかわかんねぇ。

ともかくこうして生まれた概念、メガネブラ
眼鏡界の隅の方でしぶとく生き残っております、7割方私しか描いてませんが。

みんな、メガネブラ描こうぜ!!

ちなみに、先週のメガネ区民の集いで山田メガネさんのメガネ柄パンツを見て
「そうか!メガネ柄のパンツがあるのならメガネ柄のブラがあってもおかしくないよな!!」という気付きを得ました。
原典のメガネブラに代わって、メガネ柄ブラが“メガネブラ”と呼ばれる日も来るかもしれないですね。

発行誌情報

旧サイト消滅により昔の同人の情報がすっぽり抜け落ちてしまったので、備忘録も兼ねて発行誌情報を記載します。

復旧したサイトに、ここの情報を移転しました。

せらぴん

創作物(本)の項をご参照ください。

引っ越しました&引っ越し備忘録

先週GWのまっただ中に引っ越しました。
前日に歌う委員長2で体を酷使した中での突貫作業だったので、ちょっと辛かったです。

でもその甲斐あって、快適な部屋でのびのび過ごしてます。アーシャのアトリエやったり

備忘録も兼ねて、引越しに関わる事務作業を書き出し。
アタリマエのことばかり?しらんな

続きを読む

透過PNGをマスクにしてクリッカブルマップを作ろうとしたが挫折した話

図にするとこんなことをやりたかったがダメだった。

f:id:yuphiel:20150515113827j:plain

  1. アルファチャンネル付のpng複数枚用意する
  2. それぞれのpngに別々のページをアンカーする
  3. csspngをすべて重ねる
  4. pngで透明な部分は重なった後ろの方のpngにフォーカスする(といいなぁ)

→透明な部分にカーソルを当てても、一番上のpngにしかフォーカスしませんでした!!

解決案は?

PNG、重ねて | ローディアムアーカイブ

PNG、重ねて 後編 | ローディアムアーカイブ

上記サイトで似たような葛藤を抱えている感じが見えます。解決(代替)案も書いてあるので詳細はそちらを参照。
SVGは詳しくないので、自分でやるとしたらイメージマップ(map/area)かなぁ。あるいはflashとか?

こういう需要に対応することができれば強みになるかも。

追記

unohanat.hatenablog.com

代替方法探してみた編。