懺悔
なんでこんなネタを作ってしまったのでしょうね…
Making of this page0 -- 反省会
無駄なネタに時間を費やすことがある
Q：作るのに何日かかりましたか？
A：2日です
さて、どうみてもコピペですコミュニティー「hixi」ですが、なんでこんなページを作ってしまったのでしょうか。
ちょっとした反省会をしたいと思います。
メールが届いた
眞田 涼さん、こんにちは。
mixiからのお知らせです。眞田 涼 さんのページ全体のアクセス数が
22222アクセスを超えました。記念すべき22222アクセス目の訪問者は
汽車 さんでした！
ネタを考えた
汽車氏といえばアリス。じゃあ、アリスで何かしよう。
年賀状みたいなネタにしたい。全年齢向けの。何しよう。
そうだニュースにしよう
mixiの記念なんだからmixiニュースにしよう
じゃあ、記事はどうしよう。アリスネタでmixiに出てきそうなネタ…
そういえば、コミケで痛車が話題になってたな。
じゃあ、痛い電車。略して痛電で行こう。
さて、前書きはこの辺にしてMaking of hixiを軽く紹介。
Making of this page1 -- 画像選別
まずは電車の作成です。
電車の画像を適当に検索。このとき、気をつけるべきことがあります
・程よく画質が悪い
・出来るだけアングルが直角
前者は言わずもがな。49君の作成環境はWindowsのペイントなので合成能力はたかが知れています。
画質が良すぎると困るのです。有る程度小さくないと困るのです。
後者も似たような理由です。アリスを描くのではなく貼る予定なのでアングルは直角でないと斜めのするのは大変なのです。
結局こちらから拝借することにしました。
Making of this page2 -- アリスの切り貼り1
次はアリスの画像の選別です。適当に選んで切り貼りするわけですが、電車の画像に比べて大きくないとペイントで切り貼りするだけなので
輪郭線のカットミスが目立ってしまいます。
アリスを選んだらとりあえず切って貼ります。
とりあえず切った画像を纏めたのはこちらです。如何に適当かが解るはずです。
材料が揃った。光学マウス＋一筆書きの力では輪郭線の正確さはこの程度。縮小すること大事。
Making of this page3 -- アリスの切り貼り2
アリスを選んだらアリスを切って貼ります。画像選別の時点でドアの枠がちゃんと直線の画像を選んだので
ドア枠をコピーして伸縮させて貼り付ければよいです。輪切り、手順としては
1．アリスを適当なサイズに縮小して重ねる
2．ドア枠を立てに伸ばす
3．元の画像から電車のパーツをくっつける
制作前の様子
制作中の様子
Making of this page4 -- 魚などの駆除
最後は海の画像を用いて魚を駆除します。
海の青い部分をコピーして、適当なサイズに拡大して魚に張り付けるを繰り返します。
此処はただの根性プレイです。波打ち際などは特に困難です。
完成した様子。1倍サイズだと汚い。最初に選ぶ画像はmixiニュースの画像サイズよりは大きくしたい。
Making of this page5 -- ニュース記事の捏造
嘗て編集局長だったのでこのあたりは慣れています。
スタイルシートはmixiから拝借。ニュースは手書き。各種リンクは適当に考えました。
ツイッターへの呟きボタンは結構有用なので使ってみてください。
ソースコード例
<a onclick="location.href='http://twitter.com/home?status=' + encodeURIComponent('「痛電」の試験運転に乗客が殺到 http://blahscience.yomibitoshirazu.com/gallay/gallay/itaden.html');">日記を書く</a>
お疲れさまでした。ご愛読ありがとうございます。