dos c0001 gradation - cwtickle/danoniplus-docs GitHub Wiki

English | Japanese

| < Screen effects specification | Gradation specification | Common setting file specification > |

^ Return to Chart settings specification
^ Return to Screen effects specification

Gradation specification

Usage

|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
|

Description Specification

Gradient description (separated by a colon)@Gradient type;;other setting1;;other setting2;;...
  • If the gradient type is omitted: linear-gradient is specified.
  • If linear-gradient and gradient direction is omitted: to right is specified.
  • If one arrow color type is specified: a single color without gradient is specified. (In fact, the start and end colors are the same for linear-gradient)
  • Gradient notation is not applied to settings after the double-semicolon (;;). The value as is will be entered.

Available gradient types

Type Gradation method and description specifications
linear-
gradient
Linear gradient. Default if not specified. Specify as follows: (gradient direction):(color code 1):(color code 2)... . The gradient direction can be omitted, in which case it is `to right'.
radial-
gradient
Radial gradient (radiating from the center). (color code 1):(color code 2)... .
conic-
gradient
Radial gradient (color changes as it goes around the center point). (color code 1):(color code 2)... .

Additional information

  • If you want to change the direction of the linear-gradient and repeating-linear-gradient gradients, you can add "45deg" or "to top right" at the beginning.
  • In principle, color codes should be specified. Color names can also be specified, but please note that this may result in unintended movement.
    • Color name specification has been supported since ver. 14.1.0. However, please note that the color may change depending on the environment.
    • From ver19.2.0, transparency can be specified for a color name. Please specify it like color name;transparency(0-255).

Reference: Color name and color code correspondence table

https://www.colordic.org/
https://www.webcreatorbox.com/webinfo/color-name

Reference: Gradient Details

  • Replace commas with colons. The basic gradient can be used as is. Currently, only gradient overlapping is not supported.

https://developer.mozilla.org/ja/docs/Web/CSS/linear-gradient()
https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Images/Using_CSS_gradients

Related pages

Changelog

Version Change details
v33.5.1 - Changed the separator character from ; to ;; in descriptions other than gradients.
v33.0.0 - Extended to allow descriptions other than gradients.
v19.2.0 - Changed so that transparency can be specified when specifying a color name.
v14.1.0 - Supports color name specification
v12.0.0 - Initial implementation

| < Screen effects specification | Gradation specification | Common setting file specification > |

⚠️ **GitHub.com Fallback** ⚠️