ちょっとちょっと、聞きました？奥さん！

愛宕の奥さん、41歳なんですってー(公式発表あり)




23歳の誕生日の四日後に洋榎を産んでることになるので、今のインハイ世代の保護者たちの中でもかなり若い方と思われます。
まじめな話、綺麗なアラフォーですよね。

あ、世の中には可愛いアラフォーもいますけどね！

---

優希ちゃん、今日の本題は何でしたっけ？



そうそうこういうやつ。

これとかも。


不要牌を切り出すとき、その牌を浮かせて表現するんですよね。
たったそれだけのことなのに、ブログの記事で画像タグを並べるやり方だと、なかなか調節が難しいわけです。
「浮いた牌」を別画像として登録すればいいんですけど、別途約40枚の画像ファイルを用意するのは大変。

そこで先日も紹介したスプライトさんに、再びお出で願おうと、こういうわけですよ。


スプライトさん(初代)です。
今回はわかりやすいように、透明な部分はグリーンで表示しています。
作るときに浮かせる場合があると考慮してればよかったんですが、今更言っても仕方ない。
なので、これをベースにver.2を作ることにしました。


まず、ハイテクノロジーによって表示されている上のダヴァンさんの手牌の画像をお手本に、AとBの長さを測ります。ここはもちろん目測でもいいんですけど。
次に同じ比率の隙間が何ピクセルになるか計算し、スプライト画像の上半分の40牌を、列ごとにずらします。
今回は書き出しサイトのお世話にはならず、画像編集ソフトでパパッと済ませました。



この画像をアップロードしたら、最後ににスタイルシートを書き変えます。
縦にすらしただけなのでx座標の値はそのまま。
y座標も、二列目以降にずらした分を足し算して(値はマイナスですが)オフラインのテキストエディタで置換すればすぐに終わります。
そして、今回の目玉、浮かせる牌用のクラスを新たに定義しなければなりません。
これは浮かせない牌の高さに隙間のピクセル数を足すだけなので、結局

1. 浮かせない牌のクラスをコピペ
2. 浮かせる牌のクラス名を適当に置換( { → _k{ など)
3. 浮かせる牌のheightの値を書き変え

の３ステップで終わりです。
あ、２,３では範囲指定を忘れないようにします。

以上で必要な作業は終わりです。
いじったのは画像とスタイルシートの関連づけだけですから、過去記事のHTMLのコードはそのまま使えます。

では最後に、この新しいスプライトで牌画を表示してみましょう。

メグの手牌
　三四八①②④⑧ⅢⅣⅥⅨ白白　五

竜の手牌
　ⅠⅢⅢⅢ一三三①②③　Ⅰ　中中中　　

　ⅠⅠⅢⅢⅢ一三①②③　Ⅰ　中中中

　ⅠⅠⅠⅢⅢ一三①②③　⑤　中中中

　ⅠⅠⅠⅢⅢ一三①②③　Ⅱ　中中中


ていうか竜さんのツモすごいっすね。
NS所蔵の哭きの竜１巻がどこかの地層に埋もれ中で発見できなかったので、上の画像は急遽ネットで拾ってきたやつです。

---

しかしその後いろいろ調べてみると、今はSVG画像というフォーマットが主流になりつつあり、ラスタ画像のCSSスプライトはもう古い技術らしいです。
うーん、もっと勉強しなくては…

タグ ：

#愛宕雅枝

#アラフォー

#屋敷俊

#深道

#竜

#片岡優希

序 ＮＳハユ―the dawn of aged―

やっと高浜再訪が叶いました。

行ける日に限って雨が降ったりすることが重なり、その度にまたこの次でいいやと先延ばしにしてたんです。
そこそこ近いからいつでも行けるという甘えもありました。

ククク…ッ貴様のすこやん愛はそんなものか？という内なる声をかき消すために、サイドバーのすこやんカード(第2弾スターカードver.)をちまちま改造したりして無聊を託つ日々…乏しいな。闕望したよ。

ともあれ！前の記事すこやんの通学路探索を書いてからもうすぐひと月になるわけで、そろそろ行っておかないとこのまま一生行けないかも…!?と不安になり、さっさと出掛けることにしました。朝の四時半のことです。

しかしこの日は放射冷却？とかでfog大発生、道路はスモークだばだば状態。
まるで…闇ん中におるような…
狭い道では対向車が来ないことを祈りつつ、安全運転に努めましたﾜﾊﾊｰ
幸い石岡市に入ったころには濃霧も晴れ、40分ほどで無事、高浜に到着しました。
続きを読む

タグ ：

#小鍛治健夜

#高浜神社

阿知賀編BDBox精進明けのNSです。

では、以下ネタバレ注意でお願いします。
続きを読む

タグ ：

#白築慕

#石飛閑無

#稲村杏果

#本藤悠彗

#本常玲奈

#森脇曖奈

#杏果ママ

#白築耕介

#長戸

今回もたっぷり16ページでした。直前のたかたゆうじ先生のタッチを取り入れられたのでしょうか、ぶっとい描画線がカッコいいですし！

おっとこれ以上のネタバレは
コチラ↓でどうぞ
続きを読む

タグ ：

#メガン・ダヴァン

#臨海女子

#姫松

#愛宕絹恵

#清澄

#原村和

#有珠山

#真屋由暉子

#臼沢塞

#ネリー・ヴィルサラーゼ