dos c0001 gradation - cwtickle/danoniplus GitHub Wiki
English | Japanese
| < 譜面エフェクト仕様 (速度/ 色/ 背景) | グラデーション仕様 | 共通設定ファイル仕様 > |
|setColor=#99ff66:#66ff99,#9999ff,#ffffff,#ff9999,#ffff99| |titlegrd=#ffff99:#ff9999@radial-gradient| |--background=url("(..)backImage001.png")| |color_data= 300,20,45deg:#ffff99:#ffffff:#9999ff 400,20,#ffff99:#ffffff:#9999ff@radial-gradient 500,20,#ffff99:#ffffff:#9999ff@conic-gradient 600,20,blue:red 700,20,blue;100:orange;255:red;255 |
グラデーション記述(コロン区切りで記述)@グラデーションの種類;;他の設定1;;他の設定2;;...
- グラデーション種類を省略した場合:linear-gradient が指定されます。
- linear-gradient でグラデーション方向を省略した場合:to rightが指定されます。
- 矢印色1種類を指定した場合:グラデーションのない単色になります。 (実際はlinear-gradientで開始色と終了色が同じ)
- ダブルセミコロン(;;)以後の設定にはグラデーション記法は適用されません。そのままの値が入ります。
種類 | グラデーションの方法・記述仕様 |
---|---|
linear- gradient |
線形のグラデーション。指定が無い場合のデフォルトです。(グラデーション方向):(カラーコード1):(カラーコード2)... のように指定します。グラデーション方向は省略可能で、省略した場合は「to right」です。 |
radial- gradient |
放射グラデーション(中心から放射)。(カラーコード1):(カラーコード2)... のように指定します。 |
conic- gradient |
放射グラデーション(中心点の周りを回りながら色が変化)。(カラーコード1):(カラーコード2)... のように指定します。 |
-
linear-gradient
及びrepeating-linear-gradient
のグラデーションの方向を変えたい場合は、先頭に「45deg」「to top right」などをつけることで変更することができます。 - カラーコード指定が原則です。色名指定も可能ですが、
意図しない動きになることがありますのでご注意ください。- ver14.1.0より、色名指定に対応しました。
ただし、環境により色味が変わる可能性があるためご注意ください。 - ver19.2.0より、色名に対して透明度を指定できるようになりました。
色名;透明度(0~255)
のように指定してください。
- ver14.1.0より、色名指定に対応しました。
https://www.colordic.org/
https://www.webcreatorbox.com/webinfo/color-name
- カンマになっている部分はコロンに置き換えてください。基本そのまま使用できます。
現状、グラデーションの重ね合わせのみ未対応です。
https://developer.mozilla.org/ja/docs/Web/CSS/linear-gradient()
https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Images/Using_CSS_gradients
- setColor 📝 矢印色
- frzColor 📝 フリーズアロー色
- titlegrd / titleArrowgrd 📝 グラデーション
- 色変化 (ncolor_data) 📝
- スキン変更 (style_data) 📝
Version | 変更内容 |
---|---|
v33.5.1 | ・グラデーション以外の記述のセパレート文字を; から;; に変更 |
v33.0.0 | ・グラデーション以外の記述ができるように拡張 |
v19.2.0 | ・色名指定時、透明度を指定できるように変更 |
v14.1.0 | ・色名指定に対応 |
v12.0.0 | ・初期実装 |
| < 譜面エフェクト仕様 (速度/ 色/ 背景) | グラデーション仕様 | 共通設定ファイル仕様 > |