FEATURE: Visualize random lane pattern in result screen

[sr8e]

English version is below

要約

新機能の追加: リザルトでランダムの配置が見られるようにする

目的

• issue: #766

本家IIDXのライトニングモデルのプレミアムエリアでできるように、レーンを入れ替えるタイプのランダムオプションが選択されたとき、リザルト画面にランダムの配置を表示する。

変更

• LaneShuffleModifier classにランダムの配置を取得するint[] getRandomPattern()メソッドを追加
• ReplayData classにメンバ変数int[] laneShufflePatternを追加して、リザルト遷移時にランダム配置を保持させる
• ランダムで何のレーンが割り当てられたかを返すIndexTypeのSkinPropertyを追加 (op番号は適当に450~469を割り当てました)

注意

• 24keyのためのopは未割り当て(占有する領域の割に需要がないと思われるため)
  • ロジック自体は任意のModeで動作するため、もし需要があれば追加でop番号を割り当てるだけで対応可

• beatoraja0.8.2より前の、譜面がPatternModifyLogで保存されているリプレイは非対応

  (English version)

  summary

  Add feature: Visualize random lane pattern in result screen

purpose

• issue: #766

As in premium area of IIDX Lightning model, show the random pattern in result screen when random option (which swaps lanes) is used.

changes

• Add int[] getRandomPattern method to LaneShuffleModifier class
• Add variable int[] laneShufflePattern to ReplayData class to refer random pattern while result screen
• Add SkinProperty of IndexType which returns which lane is assigned to each key (I assigned op no. 450~469 to them for a moment)

notice

• op number for 24key mode is not assigned (as it occupies large area despite of its little demand)
  • logic itself will work for any mode, so if there is much demand we only have to assign additional op number for it
• replays before beatoraja 0.8.2 (using PatternModifyLog to reproduce chart) are incompatible with this feature

[sr8e]

スキンに関する参考 reference about skin

スキンの定義はこんな感じになると思います skin definition will be like this:

-- image source
table.insert(skin.source,  {id = "random-pattern", path = "../random_pattern.png"})

-- image definitions
table.insert(skin.image, {id = "random-pattern-bg", src = "random-pattern", x = 0, y = 0, w = 528, h = 100})
local img_ids_key = {}
local img_ids_scr = {}  
for i = 0, 8 do
  table.insert(img_ids_key, "random-pattern-key"..i)
  table.insert(img_ids_scr, "random-pattern-scr"..i)
  table.insert(skin.image, {id = "random-pattern-key"..i, src = "random-pattern", x = 40 + i * 61, y = 101, w = 60, h = 100})
  table.insert(skin.image, {id = "random-pattern-scr"..i, src = "random-pattern", x = i * 101, y = 202, w = 100, h = 100})
end

-- imageset definitions
for i = 0, 6 do
  table.insert(skin.imageset, {id = "random-pattern-set"..i, images = img_ids_key, ref = 450 + i})
end
table.insert(skin.imageset, {id = "random-pattern-set-scr", images = img_ids_scr, ref = 459})

-- destinations
table.insert(skin.destination, {id = "random-pattern-bg", dst = {{x = 700, y = 300, w = 528, h = 100}}})
for i = 0, 6 do
  table.insert(skin.destination, {id = "random-pattern-set"..i, dst = {{x = 801 + i * 61, y = 300, w = 60, h = 100}}})
end
table.insert(skin.destination, {id = "random-pattern-set-scr", dst = {{x = 700, y = 300, w = 100, h = 100}} })

画像のリソースはこういう形です(インデックス0の部分は透過画像) image resource will be like: (the area corresponds to index of 0 is transparent)

するとこうなります then this come out: