mml-template-generator/index.html at master · cat2151/mml-template-generator · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!doctype html>
<html ng-app="generatorApp">
  <head>
    <meta charset="UTF-8">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
    <script src="app.js"></script>
    <script src="services.js"></script>
    <script src="controller.js"></script>
    <script src="https://minipop.github.io/sionicjs/demo/pico.min.js"></script>
    <script src="https://cat2151.github.io/sionicjs/dist/sionic.js"></script>
  </head>
  <body>
    <div ng-controller="generatorController">
      <h1>MML-template-generator</h1>
      入力MMLフォーマット:
      <select ng-model="inputFormat" ng-init="inputFormat='AUTO'" ng-change="generate()">
        <option value="AUTO">自動判別（低精度）</option>
        <option value="SiON">SiON(すたどんたんでお馴染み)</option>
        <option value="ストトン">ストトン(サクラでお馴染み)</option>
      </select>
      <br/>
      <textarea cols="40" rows="2"
        ng-model="inputText"
        placeholder="MMLを入力してください [例] cde [例] ド [例] ど [例] c;e;g"
        ng-change="generate()"
      ></textarea>
      <br/>
      中間MMLフォーマット:SiON
      <br/>
      <textarea cols="40" rows="1"
        ng-model="middleText"
        placeholder="中間MML"
      ></textarea>
      <button ng-click='generate()'>play</button>
      <br/>
      出力MMLフォーマット:
      <select ng-model="compiler" ng-init="compiler='mckc'" ng-change="generate()">
        <option value="mckc">mckc(ファミコン、MCK、nsf)</option>
        <option value="mmlc">mmlc(ファミコン、OFGS2、nsf)</option>
        <option value="nsc">nsc(ファミコン、NSD.Lib、nsf)</option>
        <option value="MGSC">MGSC(MSX2、MGSDRV、MGS)</option>
        <option value="note.x">note.x(X680x0、MXDRV、mdx)</option>
        <option value="NRTDRV">NRTDRV(X1、NRTDRV、nrd)</option>
        <option value="GBMC">GBMC(GameBoy)</option>
        <option value="HuSIC">HuSIC(PC Engine)</option>
        <option value="PicoMML">PicoMML(iOS)</option>
        <option value="sakura">テキスト音楽「サクラ」</option>
      </select>
      <br/>
      <textarea cols="40" rows="10"
        ng-model="generatedText"
        placeholder="MML変換結果"
      ></textarea>
    </div>
    <div>
      <br/>
      <a href="https://github.com/cat2151/MML-template-generator/wiki/MML%E4%B8%80%E8%A6%A7">対応MML一覧</a>
      <br/>
    </div>
    <div>
      <br/>
      <a href="https://github.com/cat2151/MML-template-generator/">ソースファイル githubリポジトリ</a>
      <br/>
    </div>
  </body>
</html>