クリックでサイトにジャンプします。
主に同人関係で「艦これ」「東方Project」界隈で幅広く活動されている、イラストレーターの虎順様(以下、クライアント様)のWebサイトの一部デザインおよびコーディング全般を神乃木が担当させていただきました。
また、今回は当初神乃木製作所宛にご相談を頂きましたが、クライアント様との相談の上、各種ご連絡やサイトのチェック等は、TEAM EX NOTESの一部メンバーを選出し、チームとして対応しています。
今回のサイトでは、クライアント様よりWebサイト全体のデザイン素材データ及びアニメーションのイメージ図を頂き、それを元にアニメーションを作成+HTML+JavaScriptへ実装を行っています。
前回の鉄道運転シミュレーションソフトの追加車両データ配布サイト「Code T」のWeb製作に引き続き、今回もHTML5+CSS3+JavaScriptをフルに活用したダイナミックなアニメーションを実現しています。
アニメーションはタイミングや間隔をなかなか頭の中でイメージしづらく、これを仕様としてしっかり定義しようとするとかなりの手間が生じてしまいます。
今回のサイトではアニメーションスクリプトの随所に変数を用い、タイミングをすぐに変更出来るよう実装しつつ、クライアント様の感覚・感想に合わせて適宜改善を行っています(といっても、それほどたくさんの変更依頼があったわけではなく、基本的にはこちらが出した通り+一部の修正のみでOKを頂いています。ご協力ありがとうございました!)
今回のサイトではローディング時のアニメーションなどは特に指定がありませんでしたが、サイトの性質上画像を多用するため、ローディングアニメーションをつける提案をいたしました。
今回の作品名は「ぼくたちも一日一日を抜錨している」とのことでしたので、素直に錨を上げる動作をアニメーションとして組み込んでいます。ちなみに船の錨ってのは錨本体だけでなく、鎖(錨鎖)も錨本体と同じくらいの係留効果があるそうですよ。大型船の錨鎖は500mくらいあって、それを海底に思い切り寝かせているわけです。話が脱線しましたね。
神乃木製作所では、このような動的表示を含めたWebサイトの制作のご相談もお受けしております。
得意とする案件や納期・料金等の目安は、各種ご依頼ページも合わせてご一読ください。
ご相談・お問い合わせ等がございましたら、電話 050-5884-8089 またはメールアドレス
までご相談くださいませ。