blockly 색상 변경 예제

2023-03-17

블록색상에 대해서 따로 적는 건 명도, 채도 같은걸 개별 블록으로 줄수가 없어서 적습니다.

명도, 채도 설정

아래와 같이 설정을 하는데, 그렇게 되면 모든 블록이 다 영향을 받습니다.

Blockly.HSV_SATURATION = 0.25;
Blockly.HSV_VALUE = 0.95;

아예 블록 파일을 여러개로 만들어서 각각 명도 채도를 다르게 주면 될 것도 같긴 합니다만, 그렇게 되면 관리할 포인트가 많아지기에 조금 고민이 됩니다.

색상 설정

색상은 setColour() 로 설정을 하는데, 0 ~ 359 까지가 범위로 보입니다.

Blockly.Blocks["테스트 블록"] = {
  init: function () {
    this.setColour(60);
  }
}

results matching ""

    No results matching ""

    99 other / uml

    04 react / JSX