AQUA CUBEの紹介ページHTML5化完了 (Fantia)

今回のHTML5化は一気に2作品くらい進めてしまおうかと勢いに乗って取り掛かったのですが、いくつか問題にぶつかり2作品目に進めませんでした。 AQUA CUBEのデザインをそのまま使おうとした時、どうしてもアルファチャンネルを用いたデザインが必要でした。 かつてのブラウザは32bitPNG画像に対応していなかったものが多く、互換性を考えてアルファチャンネルは使用を控えており、今回も控えるつもりでいたのですが、さすがに透明色を主体に扱ってデザインされていたAQUA CUBEのページをgif画像だけで再現することは難しく、そもそももうCSS3の時代なので、アルファチャンネル非対応環境に対応する意味もないだろうと今回初めて32bitのPNG画像を多用するデザインになっています。 たかがPNGファイルひとつ使うことになんでここまで格闘したのかアホくさいんですが、何か異常表示が確認された方はご報告いただければ幸いです。 今回も例によってスクリーンショットは全て撮り直しとなっており、拡大表示にも対応しています。 文章はなるべく当時のものをそのまま採用しており、一部消費税率の表示など変更のある部分には修正対応しております。 “マウスで簡単操作”というのもちょっと無理のあるPRに思える気がしないでもないですが…こちらも当時のコンセプトを考慮してそのままです。 この作品は英語版もあるんですが、翻訳が当時のexcite翻訳なのでかなりカオスな文章になっているかもしれないです。 しかしながら、作品本編の翻訳レベルも垣間見れるという意味で有用なので再翻訳はしていません。 次回はHOLDOVERのHTML5化を行います。こちらの作品も一つ独特な表現が使われており、すぐ完成するかはやってみないことには何とも言えない感じなのですが…なるべく当時のイメージのままの改修を目指します。 一先ず、記念にHOLDOVERの新規イラスト仕上げてみました！無料プランの皆様へも紺スーツバージョン、もっと潜水プランの皆様へは高解像度の紺スーツ、スーツ破損パターン全部と白スーツに加え、浮上バージョンのイラストも同バリエーション分公開させていただきます。 1枚目のイラストは結構気に入っているので、久しぶりにPixivにも白スーツバージョンを上げてみました。