04/02
_ [艦これ] 4-4突破、5-1へ
4-4ボス戦、3度目の正直でした。画像だけ見ると小破もせずに楽勝モードっぽいですが、空母3体は道中艦載機が落とされると一気に火力が下がってわりと最終戦で力を発揮できなかったり。
5-1は羅針盤さんに苦しめられてまたボスに会うのが大変。ボスに会えさえすれば突破できるでしょう ……たぶんこの空母ばかり育てているパーティー、5-3で3-2以上の詰みがやってきます。伊58の次はLv50台までがくっと下がります。
_ [パズドラ] 技術系パズドラ日記というのは気のせいでした
艦これや他のゲームを切ることはできませんでした。技術系パズドラ日記というのはエイプリルフールに見た夢だったと言うことで、今後も適当に続けていきます。
エイプリルフール前々日のこと
以下の話は技術寄りです。
こんなことをしたいと思ったのは、CTWコンボの日記を書いていた時。本当にこれでコンボが繋がるの？ というのが全然分からなくて、それで [パズドラ 定石メーカー] さんのところで確認しようと思ったのですけれど、本文と動いている様子が離れていると、わかりやすさ的にうーんと。YouTubeのように日記に埋め込めると良いなと。と思いながらほったらかしにしていました。
いつかやろうとしていたことを、もしかするとエイプリルフールにあわせられるかもと、色気を出して技術調査を始めたのが、3/29→30に変わったころ。3/31は平日だから、実質寝る時間をあわせて24時間。これだと最初考えていたところの2割くらいで止まってしまいました。いくらなんでも遅すぎて、これ本当にあわせて良かったのかどうか orz
最初考えていたネタの中でも最低限のつもりだったのはこのあたりでした。最低限もできていません。
| 項目 | 達成方法 | その他の実現方法案 |
|---|---|---|
| ドロップが消える様子を動画で見せたい | SVG animation | SVG+JavaScript, canvas+... |
| Retinaで荒くない表示にしたい | SVG | canvas 2倍解像度で作成 |
| キャプチャー画像を切り貼りしない | テキストエディタで手書き | Illustratorで手描き |
| ドロップを操作する様子を見せたい | (時間切れ) | - |
ビットマップ系の jQuery + canvas あたりなら安牌で間に合うかなと思っていました。でもそれだとただのタイムアタックで面白くないからと、今までWEB系では使ったことのない [Snap.svg] とか [svg要素の基本的な使い方まとめ] とかを眺めて、こちらのベクター系でやってみようかなと。手元の Chrome だと簡単なアニメーション表示ができることを確認して、Snap.svg でなくこちらにしようかと思いました。 ……IE11でアニメーションできないのはともかく、近い webkit2 系の Mobile Safari でもダメだったことに後から気付きました。jQueryもそうですけれど、ブラウザの動きの差を気にしなくて良い物としてライブラリが大事だなと。今回のネタをいつか移してみようと思います。
自分でドロップを描きたいとなると、グラデーションのかけ方から調べ始め ……こんなことから調べていたら1日なんてあっという間に過ぎます(駄。結局べた塗りで、半透明の楕円を上側に重ねて光沢を表す程度に。
お邪魔ドロップ外側のイガイガしている "M20,8l3,0l5,-5l3,3l-4,4l3,3l4,-4l3,3l-5,5l0,6l5,5l-3,3l-4,-4l-3,3l4,4l-3,3l-5,-5l-6,0l-5,5l-3,-3l4,-4l-3,-3l-4,4l-3,-3l5,-5l0,-6l-5,-5l3,-3l4,4l3,-3l-4,-4l3,-3l5,5z" は、40*40 の方眼紙を頭の中に用意して、(20,8) から始めてまず (3,0) 右に動かして (5,-5) 右上に動かして (3,3) 小さく右下に…… と一筆書き。何やっているんだろう自分と思いながら。Illustrator で描いて出力するものです、ほんと(汗。でも目のお陰でまだ可愛くなったからOK。ハートドロップは見た目が残念すぎて、動画には使えませんでした。
色の選び方が適当だったからかもしれませんけれど、けっこう作ってみたsvgは見分けが難しく、目立つ木光闇を中心に使いました。ドロップの見た目は色だけでなくて中の模様もけっこう意識していたのかと思いました。パズドラは色覚サポート前でも、グレースケール表示で十分見分けが付くわけで。ぷよぷよも色がなくても形だけで分かります。
アニメーションの時間計算は慣れているruby任せ。CGI化もできると思いますけれど、JavaScriptな方が良いでしょう。ドロップがない状態を-1にしたのは書きにくく失敗でした。
エイプリルフール前日～当日のこと
できたrubyスクリプトにCTW盤面を入れてコンボを動かして不具合がないことを確認するの繰り返し。こんな勢いにまかせたコード、普段は書いてはいけません orz
なぜか縦6行のつもりで40*6=240でドロップを描いていて、実際に日記に埋め込んでみたらあれ200だったと気付いたのが4/1に入ってから(-・;; お邪魔ドロップを描き直すのは嫌で、iframeの標準表示サイズを240*200に変えました。
upload 10分後くらいに一つ動画のミスに気付いて作り直してこっそり差し替えたり。慌てて書くとこうなります。 ……慌てなくてもミスの多い日記なのに(駄。
