micro : bit의 확장 블록을 가장 쉽게 (?)로 만들어 보았습니다.

이 문서는 micro:bit 어드벤트 캘린더 2019의 10 일째입니다.
늦었어요...

micro:bit 확장 블록을 만드는 3가지 방법



pxt 사용



micro:bit의 MakeCode 확장 블록 만들기

가장 몰랐다.
실패했습니다.

github 사용



브라우저만으로 micro:bit javascript 블록 에디터용 패키지(확장)를 만들 수 있는 GitHub package authoring

성공했습니다
자녀에게 가르칠 때 git에서 가르치는 것이 어렵습니다.
사이트도 횡단하고…
microbit 사이트의 MakeCode 편집기 화면에서만 만들 수 있으므로 공유합니다.

맞춤 블록 만들기



새로운 프로젝트를 시작하고 "JavaScript"태그로



왼쪽 하단의 탐색기에서 "+"버튼



사용자 정의 블록을 만들고 "계속"버튼



그러면 "custom.ts"가 추가되었습니다.



처음부터 작성된 코드로 'Custom' 블록이 이미 만들어졌습니다.



코드를 직접 만들고


//% weight=70 icon="\uf075" color=#555555 block="点がコロコロ"
namespace comment {
    let x = 2;
    let y = 2;
    //% blockId=show_strings block="点がコロコロ %v"
    export function noaction(): void {
        led.unplot(x, y);
        x += input.acceleration(Dimension.X) / 1000;
        y += input.acceleration(Dimension.Y) / 1000;
        x = Math.constrain(x, 0, 4);
        y = Math.constrain(y, 0, 4);
        led.plot(x, y);
    }
}

세이브를 확실히
그러면 '블록' 탭에서는 여전히 'Custom'이지만 'Javascript'태그 내에서 쓰면 후보가 나오므로 동작할 수 있다



일단 "블록"태그에 가면 오류 나 경고가 나지 않고 코드가 사라집니다.



블록을 내기 위해서는 지금의 곳 프로젝트를 세이브해 다시 한번 시작하는 것 밖에 알고 있지 않습니다…



「계속」의 곳에 「update」를 하면 항상 가속도에 의해 LED가 이동하는 확장 블록이 생겼습니다!
에뮬레이터입니다.



맞춤 블록 소감



다른 만드는 방법에 비해 초동이 편한 것은 있지만, 다른 사람에게 점유율은 물론, 프로젝트를 건너의 이용도 할 수 없을 것 같습니다.
MakeCode 내에서 쓰는 것은 반대로 동작이 보이므로 좋습니다.
반단에 vscode등으로 git에 커밋해 려고 해도 vscode내에서 에러가 나 버리는 느낌이 되고요.
그래서 실은 git에서 가져온 확장 코드도 MakeCode 편집기 내에서 편집할 수 있고 push도 할 수 있기 때문에 단점은 그렇게 느끼지 않습니다.

마지막으로



micro:bit 어드벤트 캘린더 2019 아직 앞으로이므로, 주목 & 뛰어 들어 참가해 버려 주세요!

좋은 웹페이지 즐겨찾기