読者です 読者をやめる 読者になる 読者になる

萌尽狼グ

音系同人サークルASIA LUNAR代表、萌尽狼(もえつきろ)の個人ブログ

『one more footprints 萌尽狼オリジナル曲ベスト2』作品情報公開

moetsukiro.hatenablog.jp

先日『footprints 萌尽狼オリジナル曲ベスト』の価格改定をお知らせしましたが、CDの有料化に合わせて第2弾を出すことにしました。

続きを読む

『footprints 萌尽狼オリジナル曲ベスト』価格改定のお知らせ

f:id:moetsukiro:20170306124937j:plain

『footprints 萌尽狼オリジナル曲ベスト』のCD無料配布を2017年3月31日で終了し、4月1日からサークル頒布価格を500円に改定します。通販も値上げします。

このCDは私の曲を広く知っていただくために、既に旧作で利益は出ているものとして、同人イベントでは無料配布、同人ショップでは実費相当分(ショップにより100~200円)をいただく形で低価格の委託販売を行ってきました。私自身も名刺代わりとして今後も長く頒布していきたいと思っている作品です。

しかし2015年3月1日の頒布開始から2年が経過し、残念ながら作品を受け取られた方の手から離れるケースも見受けられるようになってきました。買取店様の都合で市場流通価格を参考に買取価格を算定している以上仕方のない事とはいえ、現状作品の価値が極端に低く評価されていると言わざるを得ず、耐え難い状況であるため値上げに踏み切ることにしました。

なお、SoundCloudからの全曲無料ダウンロードは今後も継続します。ご理解とご協力をよろしくお願いします。

Bootstrap3で簡単に棒グラフを作る方法

①横並び定義リストを作成します

f:id:moetsukiro:20170304222247j:plain

<dl class="dl-horizontal">
  <dt>ビックバイパー</dt>
  <dd>100</dd>
  <dt>ロードブリティッシュ</dt>
  <dd>50</dd>
  <dt>ジェイドナイト</dt>
  <dd>70</dd>
  <dt>ファルシオンβ</dt>
  <dd>30</dd>
</dl>

②<dd>タグの中にプログレスバーを入れます

f:id:moetsukiro:20170304222258j:plain

<dl class="dl-horizontal">
  <dt>ビックバイパー</dt>
  <dd>
    <div class="progress">
      <div class="progress-bar" style="width: 100%;">
        100
      </div>
    </div>
  </dd>
  <dt>ロードブリティッシュ</dt>
  <dd>
    <div class="progress">
      <div class="progress-bar" style="width: 50%;">
        50
      </div>
    </div>
  </dd>
  <dt>ジェイドナイト</dt>
  <dd>
    <div class="progress">
      <div class="progress-bar" style="width: 70%;">
        70
      </div>
    </div>
  </dd>
  <dt>ファルシオンβ</dt>
  <dd>
    <div class="progress">
      <div class="progress-bar" style="width: 30%;">
        30
      </div>
    </div>
  </dd>
</dl>

完成!!

どう? 簡単でしょ? 以下応用編。


③色を変えることもできます

f:id:moetsukiro:20170304222315j:plain

<dl class="dl-horizontal">
  <dt>ビックバイパー</dt>
  <dd>
    <div class="progress">
      <div class="progress-bar" style="width: 100%;">
        100
      </div>
    </div>
  </dd>
  <dt>ロードブリティッシュ</dt>
  <dd>
    <div class="progress">
      <div class="progress-bar progress-bar-danger" style="width: 50%;">
        50
      </div>
    </div>
  </dd>
  <dt>ジェイドナイト</dt>
  <dd>
    <div class="progress">
      <div class="progress-bar progress-bar-success" style="width: 70%;">
        70
      </div>
    </div>
  </dd>
  <dt>ファルシオンβ</dt>
  <dd>
    <div class="progress">
      <div class="progress-bar progress-bar-info" style="width: 30%;">
        30
      </div>
    </div>
  </dd>
</dl>

④帯グラフにすることもできます

f:id:moetsukiro:20170304222328j:plain

<dl class="dl-horizontal">
  <dt>ビックバイパー</dt>
  <dd>
    <div class="progress">
      <div class="progress-bar" style="width: 20%">
        SPEED
      </div>
      <div class="progress-bar progress-bar-info" style="width: 20%">
        MISSILE
      </div>
      <div class="progress-bar progress-bar-success" style="width: 20%">
        DOUBLE
      </div>
      <div class="progress-bar progress-bar-warning" style="width: 20%">
        LASER
      </div>
      <div class="progress-bar progress-bar-danger" style="width: 20%">
        OPTION
      </div>
    </div>
  </dd>
  <dt>ロードブリティッシュ</dt>
  <dd>
    <div class="progress">
      <div class="progress-bar" style="width: 16%">
        SPEED
      </div>
      <div class="progress-bar progress-bar-info" style="width: 18%">
        MISSILE
      </div>
      <div class="progress-bar progress-bar-success" style="width: 23%">
        DOUBLE
      </div>
      <div class="progress-bar progress-bar-warning" style="width: 25%">
        LASER
      </div>
      <div class="progress-bar progress-bar-danger" style="width: 18%">
        OPTION
      </div>
    </div>
  </dd>
  <dt>ジェイドナイト</dt>
  <dd>
    <div class="progress">
      <div class="progress-bar" style="width: 12%">
        SPEED
      </div>
      <div class="progress-bar progress-bar-info" style="width: 20%">
        MISSILE
      </div>
      <div class="progress-bar progress-bar-success" style="width: 20%">
        DOUBLE
      </div>
      <div class="progress-bar progress-bar-warning" style="width: 24%">
        LASER
      </div>
      <div class="progress-bar progress-bar-danger" style="width: 24%">
        OPTION
      </div>
    </div>
  </dd>
  <dt>ファルシオンβ</dt>
  <dd>
    <div class="progress">
      <div class="progress-bar" style="width: 8%">
        SPEED
      </div>
      <div class="progress-bar progress-bar-info" style="width: 16%">
        MISSILE
      </div>
      <div class="progress-bar progress-bar-success" style="width: 20%">
        DOUBLE
      </div>
      <div class="progress-bar progress-bar-warning" style="width: 26%">
        LASER
      </div>
      <div class="progress-bar progress-bar-danger" style="width: 30%">
        OPTION
      </div>
    </div>
  </dd>
</dl>

もちろんレスポンシブ対応の棒グラフになりますのでとても便利です!

プログレスバーの詳しい使い方についてはBootstrap3公式サイトをご参照ください。
getbootstrap.com

【ゲームボーイサウンドフォント・ユーザー作品紹介】バトル曲特集

asialunar.info

ASIA LUNARのウェブサイトでは、フリーのチップチューン用素材「ゲームボーイサウンドフォント」を配布しています。
特設サイトでは、ゲームボーイサウンドフォントが使われている作品を投稿サイトで見つけ次第、順次リストに追加してご紹介させていただいております。
今回はその中から、オリジナルのバトル曲をピックアップ。どれもすごくいい曲ですのでぜひ聴いてみてください!

続きを読む

ASIA LUNAR処女作『アキバで迷子』とは?

↑実際に遊べます。小さくて見づらい場合は拡大してご覧ください。

先ほどの記事でお気づきになった方もいらっしゃると思いますが、実はASIA LUNARゲーム作ったことがあったんです。

続きを読む