1분 시작too 프로그램 설계
4319 단어 JavaScripttoio
개시하다
toio 1분 안에 프로그래밍을 시작하는 방법을 소개합니다.
프로그램은 Javascript로 작성되어 브라우저에서 실행됩니다.
준비물
toio의 핵입방체
Google Chrome 설치 완료
절차.
적절한 텍스트 편집기에서 다음 내용을 복사해 PC에 파일 이름hoge.html
으로 저장한 후 크롬으로 열면 된다.<!DOCTYPE html>
<html>
<head>
<script src="https://snoguchi.github.io/toio-browser/toio-browser-1.0.0.js"></script>
</head>
<body>
<button id="connect">connect to cube</button>
<script>
document.getElementById("connect").addEventListener("click", async ev => {
const cube = await new toio.scanner.NearestScanner().start();
await cube.connect();
// ここからがプログラムの本体(キューブが前進します)
cube.move(100, 100, 1000);
});
</script>
</body>
</html>
가동 방법
Chrome에 표시된 connect to cube
단추를 누르면 짝짓기 설정 대화상자가 표시됩니다.
1
여기서 toio Core Cube
를 선택하면 입방체는 프로그램에 따라 이동한다.
그리고 HTML 파일cube.move(100, 100, 1000)
의 부분을 보면서 다양한 것을 만들어 보세요.
끝.
다음은 여담이다
이번 프로그램 시작 전 단계는 가능한 한 간단합니다API 문서. 따라서 2에서 설명한 설정과 패치를 UMD<script>
로 만들어 라벨로 읽습니다.
출처: 저번 보도
그리고 재밌는 게 생겼을 때 간단하게 대접할 수 있는 방법이 있었으면 좋겠는데 아직 못 찾았어요...https://github.com/snoguchi/toio-browser
확장자가 .html
라면 이름은 무엇이든 좋습니다. 3
git 및 Nodejs와 웹팩을 몰라도 누구나 즐길 수 있는 프로그램↩
GiitHub Pages는 문턱이 높고, CodePen과 jsFiddle은cross-origin iframe로 인해 웹 블루투스 이동이 불가능↩
Reference
이 문제에 관하여(1분 시작too 프로그램 설계), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/shinsuke-noguchi/items/219d3b36ed3dd99c2ff7
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<!DOCTYPE html>
<html>
<head>
<script src="https://snoguchi.github.io/toio-browser/toio-browser-1.0.0.js"></script>
</head>
<body>
<button id="connect">connect to cube</button>
<script>
document.getElementById("connect").addEventListener("click", async ev => {
const cube = await new toio.scanner.NearestScanner().start();
await cube.connect();
// ここからがプログラムの本体(キューブが前進します)
cube.move(100, 100, 1000);
});
</script>
</body>
</html>
Chrome에 표시된
connect to cube
단추를 누르면 짝짓기 설정 대화상자가 표시됩니다.1
여기서
toio Core Cube
를 선택하면 입방체는 프로그램에 따라 이동한다.그리고 HTML 파일
cube.move(100, 100, 1000)
의 부분을 보면서 다양한 것을 만들어 보세요.끝.
다음은 여담이다
이번 프로그램 시작 전 단계는 가능한 한 간단합니다API 문서. 따라서 2에서 설명한 설정과 패치를 UMD<script>
로 만들어 라벨로 읽습니다.
출처: 저번 보도
그리고 재밌는 게 생겼을 때 간단하게 대접할 수 있는 방법이 있었으면 좋겠는데 아직 못 찾았어요...https://github.com/snoguchi/toio-browser
확장자가 .html
라면 이름은 무엇이든 좋습니다. 3
git 및 Nodejs와 웹팩을 몰라도 누구나 즐길 수 있는 프로그램↩
GiitHub Pages는 문턱이 높고, CodePen과 jsFiddle은cross-origin iframe로 인해 웹 블루투스 이동이 불가능↩
Reference
이 문제에 관하여(1분 시작too 프로그램 설계), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/shinsuke-noguchi/items/219d3b36ed3dd99c2ff7
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(1분 시작too 프로그램 설계), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/shinsuke-noguchi/items/219d3b36ed3dd99c2ff7텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)