ABC楽譜をちょっとだけ公開

Midiから変換したABC楽譜を公開しますねぇ。MoE内での演奏に使ってね。

1. Anonymous, Greensleeves.abc
2. Anonymous, Spanish Romance.abc
3. Frederic Francois Chopin, Fantaisie-Impromptu, Opus 66.abc
4. J.S.Bach, Air on G String.abc
5. Jules Massenet, Meditation from Thais (Piano).abc
6. Jules Massenet, Meditation from Thais (Vaiolin).abc
7. Francisco Tarrega, Memories of the Alhambra (Nylon Gt).abc
8. Erik Satie, Gymnopedie1.abc
9. Erik Satie, Je te veux.abc

ラグタイムのMoE-ABC楽譜が増えてきたので、すこし分類。

Scott Joplin (1868-1917)

1. Elite Syncopations.abc
2. Gladiolus Rag.abc
3. Maple Leaf Rag.abc
4. Peacherine Rag.abc
5. Pine Apple Rag.abc
6. The Easy Winners.abc
7. The Entertainer.abc
8. The Ragtime Dance.abc
9. Weeping Willow.abc

ファイルにリンクしたい場合は、Dropboxの方が便利っぽい。

ジャズやるべ！

11月10日のFS音楽祭用に作成したABC楽譜を公開します。
元のMidi音源は数十人での演奏で素晴らしいものでしたが、MoEゲーム内で演奏することもあり、数人で演奏できるように楽譜を修正してあります。
(MoE世界では、一人でサックス４本同時演奏が可能！)

In the Mood (midi試聴)

1. In the Mood_ピアノ_1.abc
2. In the Mood_コントラバス(ベース)_2.abc
3. In the Mood_サックス_3.abc
4. In the Mood_トランペット_4.abc
5. In the Mood_トロンボーン_5.abc
6. In the Mood_ドラムセット_6.abc

Ceddjin Deden (midi試聴)

これはジャズじゃないねぇ？

シャハナーイの楽譜はオーボエで、管楽器はオーボエやトランペットなどで、演奏してください。

1. Ceddjin Deden_オーボエ(シャハナーイ)_1.abc
2. Ceddjin Deden_管楽器_2.abc
3. Ceddjin Deden_ドラムセット_3.abc

他にも作成した楽譜がありますが、そちらは欲しければゲーム内にて。

謝辞：もえといろさんには、大変おせわになりました。

Bloggerをスマホ対応にする

スマホ用のデザインを設定して、綺麗なBloggerが見えるようにしましょう。
まずは、モバイルテンプレートを無効にして、画面縮小率を調整します。

[テンプレート > HTMLの編集]
  <b:if cond='data:blog.isMobile'>
    <meta content='width=device-width, initial-scale=1.0' name='viewport'/>
　<b:else/>
-   <meta content='width=640' name='viewport'/>
+   <meta content='width=device-width, initial-scale=1.0' name='viewport'/>
  </b:if>

width=device-width を設定すると100%表示ってことだけど、ちょっと拡大しすぎね。

スタイルシートを小画面用にカスタマイズしたのがこちら。
スマホ専用じゃないから、普通のブラウザでも画面を狭くすると適用されます。
(デザインを確認するのに、スマホをいちいち持ち出さなくてもいいので、楽だったりします。)

[カスタムCSSの追加]
@media only screen and (max-width: 480px) {
  body { min-width: 0;  max-width: 480px; }
  .content-outer, .content-fauxcolumn-outer, .region-inner {
    min-width: 0; }
  .content-inner { padding: 5px }
  .main-inner .columns { padding-right: 0px }
  .main-inner .column-center-inner .section {
    margin-right: 5px; }
  .Header .descriptionwrapper { display: none; }
  h3.post-title { margin-right: -15px; }
  .post-footer { display:none }
  .fauxcolumn-outer{ display:none }
  .main-inner .column-right-outer {
    position: relative; margin-right: 0px;
    width: 100%; border: 1px solid;
 }
}

トマトジュース色に染めたい...

Google Bloggerって、テンプレートの種類が少なくて寂しいので、わたし好みの色に染めてみました～
スタイルを変更するとカスタムCSSが消えちゃうので、ここに書いておきます。

スタイル編集にはFirefoxやChromeがお勧め。
FirefoxのFirebug拡張はとっても便利ですが、プロでもない私にはちょっと重すぎるので、最近はChrome + Stylish愛用しています。
css3やhtml5標準に対応してないIE(Internet Explorer)は論外。きゃー、IE9が、影や角丸、グラデーション対応してない～

[CSSを追加]
body { padding:0 4px 4px 4px }
.content-outer, .content-fauxcolumn-outer, .region-inner {
  max-width:none !important; }

.main-inner {
  padding-top: 10px }
.main-inner .column-center-inner {
  padding: 0; }
.main-inner .column-center-inner .section {
  margin: 0 0 0 15px;
}

.section { margin: 0 0 0 10px; }
.widget { line-height:1.2; margin: 0 0 10px 0; }
blockquote {
  border: 1px dotted #f66;
  margin: 10px 0 10px 20px; padding:2px 4px;
  white-space: nowrap; font-family: monospace;
  overflow: hidden; text-overflow: ellipsis;
}
.titlewrapper {
  padding:8px 15px 0 !important; }
.header-inner .Header .descriptionwrapper {
  padding: 0 15px 4px; margin: 0;
}
.Header .description {
  margin: 0; font-size: 50%;
}

.header-outer {
  margin: -4px -4px 0 -4px;
  border-radius:8px;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.8);
  background: #e60004 url() !important;
  background: -ms-linear-gradient(top, #FF6666 0%, #E60004 10%, #E60004 90%, #AA0000 100%), #e60004 url();
  background: -moz-linear-gradient(top, #FF6666 0%, #E60004 10%, #E60004 90%, #AA0000 100%), #e60004 url();
  background: -webkit-linear-gradient(top, #FF6666 0%, #E60004 10%,
#E60004 90%, #AA0000 100%), #e60004 url();
  background: linear-gradient(to bottom, #FF6666 0%, #E60004 10%, #E60004 90%, #AA0000 100%), #e60004 url();
  background-clip: padding-box;
}
.Header h1 { margin-bottom: 0; font-size: 24px;}

h2.date-header { margin-bottom: 4px; }
h3.post-title { margin-top: 4px; font-weight:bold;
  text-shadow: 0 0 1px #fff,
    2px 2px 4px rgba(0, 20, 0, 0.6);
  margin: 0 5px 0 -15px;
  padding: 2px 8px;
  background: -ms-linear-gradient(top, rgba(230,0,4,0.1) 0%, rgba(230,0,4,0.3) 100%);
  background: -moz-linear-gradient(top, rgba(230,0,4,0.1) 0%, rgba(230,0,4,0.3) 100%);
  background: -webkit-linear-gradient(top, rgba(230,0,4,0.1) 0%, rgba(230,0,4,0.3) 100%);
  background: linear-gradient(to bottom, rgba(230,0,4,0.1) 0%, rgba(230,0,4,0.3) 100%);
  border-radius:8px;
}

.post-body { line-height:1.2 !important }
.main-inner .column-right-inner {
  padding: 0 2px; }

.footer-inner { padding:0 }
.post-footer {
  margin:0 !important;
}

IE9で角丸や影が使えないのは、BloggerのテンプレートがIE7用であるためでした。
グラデーションは表示できないのね。

[テンプレート > HTMLの編集]
- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
+ <meta content='IE=9' http-equiv='X-UA-Compatible'/>

テンプレートを修正して対応。スマホ対応も必要ですねぇ。

ペペロンチーノを作ってみよう

MoEでペペロンチーノを1000個作るのに、必要な材料を確認してみた。

シェル・レラン風ガレットを作ってみよう

MoEでシェル・レラン風ガレットを1000個作るのに、必要な材料を確認してみた。



ライオン肉、案外少なくて済むのですね。

グラタンをつくってみよう

料理buff(A)なので、他の料理buffとほとんど共存可能。詠唱速度(ディレイ)-15、移動速度 -20というステキな効果。
動けなくなるですって？ 桜餅でbuffを上書きできるもにぃ。

作成が非常に面倒なので競合露店の心配も無いわね～。
ということで、MoEでグラタン1000個作成に必要な材料を調査。


これで数合ってるかなぁ？
収穫いってきますぅ