プロ生ちゃんカレンダー作成に新しいイラストを追加する

この記事は、「プロ生ちゃん Advent Calendar 2017」の12月3日の記事になります。あと、少しでクリスマスですね!! それでは、よろしくお願いします。

今回は、プロ生ちゃんのイラストが追加されたという事で、「プロ生ちゃんカレンダー作成(WEB版)」に、イラストを追加してみます。

追加されたイラスト

今回追加するイラスト

今回追加されたイラスト以外にも、以前に追加していなかったものがあるのでそれも対応します。

WEBサーバーにアップロード

psd形式から、GIMPを使ってpng形式に変換して、pngファイルをWEBサイトにアップロードします。

JavaScriptの変更

そしてjavascriptの変更です。簡単に追加できるように、既にテーブルで定義するようになっているので、今回アップロードしたイメージのファイル名を羅列していくだけです。

/*
    キャラクターイメージ
*/
var characterImages = [
      "201307_club_kei.png"
    , "201207_summer_clothes.png"
    , "201207_summer2012.png"

        ・
        ・(省略)
        ・

    , "maji_tendon.png"
    , "maji_tensoba.png"
    , "20111012logo-02.png"
    , "logo1.png"
];