micro : bit의 확장 블록을 가장 쉽게 (?)로 만들어 보았습니다.
늦었어요...
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 아직 앞으로이므로, 주목 & 뛰어 들어 참가해 버려 주세요!
Reference
이 문제에 관하여(micro : bit의 확장 블록을 가장 쉽게 (?)로 만들어 보았습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tkyko13/items/081b8759ed98f6ed577d
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
//% 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);
}
}
다른 만드는 방법에 비해 초동이 편한 것은 있지만, 다른 사람에게 점유율은 물론, 프로젝트를 건너의 이용도 할 수 없을 것 같습니다.
MakeCode 내에서 쓰는 것은 반대로 동작이 보이므로 좋습니다.
반단에 vscode등으로 git에 커밋해 려고 해도 vscode내에서 에러가 나 버리는 느낌이 되고요.
그래서 실은 git에서 가져온 확장 코드도 MakeCode 편집기 내에서 편집할 수 있고 push도 할 수 있기 때문에 단점은 그렇게 느끼지 않습니다.
마지막으로
micro:bit 어드벤트 캘린더 2019 아직 앞으로이므로, 주목 & 뛰어 들어 참가해 버려 주세요!
Reference
이 문제에 관하여(micro : bit의 확장 블록을 가장 쉽게 (?)로 만들어 보았습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tkyko13/items/081b8759ed98f6ed577d
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(micro : bit의 확장 블록을 가장 쉽게 (?)로 만들어 보았습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tkyko13/items/081b8759ed98f6ed577d텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)