1분 시작too 프로그램 설계

4319 단어 JavaScripttoio

개시하다


toio 1분 안에 프로그래밍을 시작하는 방법을 소개합니다.
프로그램은 Javascript로 작성되어 브라우저에서 실행됩니다.

준비물


  • toio의 핵입방체
  • PC
  • Bluetooth 4.0 어댑터
  • 탑재

  • 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로 인해 웹 블루투스 이동이 불가능

    좋은 웹페이지 즐겨찾기