Scratch3.0을 Android 앱으로 사용해 봅시다 (3)
1. Cordovaをインストール
2. Cordovaで、ブラウザーアプリを動作させる
3. Cordovaで、Androidアプリを作成してみる
4. Scratch3.0 を、ビルドしてサーバを経由しなくても動作するようにする
5. 4で作成したScratchアプリをCordovaに移植してみる
6. Scratch3.0をCorodovaブラウザーアプリとして動作させてみる
7. Scratch3.0をAndroidアプリとして動作させてみる。
3까지 진행 중입니다.
Scratch3.0에 대한 정적 웹 페이지를 인쇄해 봅시다.
이전에 Scratch3.0 을 Local 로 동작시켜 보았습니다. ( htp://b ㎉ r. 흠뻑 흠. 네 t/2017/12/sc 등 tch30-1-sc 등 tch30. HTML )
npm start
로 Local에 웹 서버를 시작했습니다.
그러나 Scratch3.0은 웹 서버를 준비하지 않고도 작동하는 형식을 출력할 수 있습니다.
즉시 시도해 봅시다.
시도하다
1. git clone https://github.com/LLK/scratch-vm.git
2. cd scratch-vm
3. npm install
4. npm run build
라고, 입력해 봅시다!! 1-3까지는, 전과 같습니다.
그러면 dist/하하에 패키징된 라이브러리가 출력됩니다.
playground/는 웹 페이지를 출력합니다.
playground/index.html 파일을 브라우저에서 실행시켜 보세요.
무사히 Local 서버를 시작하지 않고도 작동하는 Scratch를 얻을 수 있었습니다.
Cordova에서 작동합시다.
Cordova를 이용하면 웹페이지를 스마트폰 앱으로 변환할 수 있었습니다.
시도해 보자.
먼저 이전에 시도한 Hello World를 실행해 보겠습니다.
1. npm install -g cordova
2. cordova create MyApp
3. cd MyApp
4. cordova platform add browser
5. cordova run browser
>
> startPage = index.html
> Static file server running @ http://localhost:8000/index.html
> CTRL + C to shut down
>
웹 페이지를 Scratch3.0으로 바꾸기
6. npm run build で生成した、playground/配下を、MyApp/www 配下にコピーして見ましょう。
>
>.MyApp/www/extension-worker.js
>.MyApp/www/extension-worker.js.map
>.MyApp/www/index.html
>.MyApp/www/media
>.MyApp/www/media/1x1.gif
>...
>..
※ src/playgroundでなくて、 ./playgroundをコピー
그리고 다시 실행해 봅시다.
7. cordova run browser
>
> startPage = index.html
> Static file server running @ http://localhost:8000/index.html
> CTRL + C to shut down>
>
호사, 안전, Scratch3.0이 Cordova에서 작동했습니다!
안드로이드에서 작동하자!
emulator에서 작동하지 않았습니다. 실제 단말기에서 실행해보세요.
실제 단말기와 PC에 연결한 후
※ 여러가지 구구면서 ..( htps : //로 ゔぇぺぺr. 안 d로이 d. 코 m/s 쓰아오/안녕 d-ぃ네/아 db. HTML )
8. cordova platform add android
9. cordova build android
10. cordova run android
그리고,
안전하게 안드로이드 기기에서 앱으로 작동했습니다!
그럼
좋은 느낌을 조정해보십시오.
1. git clone https://github.com/LLK/scratch-vm.git
2. cd scratch-vm
3. npm install
4. npm run build
Cordova를 이용하면 웹페이지를 스마트폰 앱으로 변환할 수 있었습니다.
시도해 보자.
먼저 이전에 시도한 Hello World를 실행해 보겠습니다.
1. npm install -g cordova
2. cordova create MyApp
3. cd MyApp
4. cordova platform add browser
5. cordova run browser
>
> startPage = index.html
> Static file server running @ http://localhost:8000/index.html
> CTRL + C to shut down
>
웹 페이지를 Scratch3.0으로 바꾸기
6. npm run build で生成した、playground/配下を、MyApp/www 配下にコピーして見ましょう。
>
>.MyApp/www/extension-worker.js
>.MyApp/www/extension-worker.js.map
>.MyApp/www/index.html
>.MyApp/www/media
>.MyApp/www/media/1x1.gif
>...
>..
※ src/playgroundでなくて、 ./playgroundをコピー
그리고 다시 실행해 봅시다.
7. cordova run browser
>
> startPage = index.html
> Static file server running @ http://localhost:8000/index.html
> CTRL + C to shut down>
>
호사, 안전, Scratch3.0이 Cordova에서 작동했습니다!
안드로이드에서 작동하자!
emulator에서 작동하지 않았습니다. 실제 단말기에서 실행해보세요.
실제 단말기와 PC에 연결한 후
※ 여러가지 구구면서 ..( htps : //로 ゔぇぺぺr. 안 d로이 d. 코 m/s 쓰아오/안녕 d-ぃ네/아 db. HTML )
8. cordova platform add android
9. cordova build android
10. cordova run android
그리고,
안전하게 안드로이드 기기에서 앱으로 작동했습니다!
그럼
좋은 느낌을 조정해보십시오.
8. cordova platform add android
9. cordova build android
10. cordova run android
좋은 느낌을 조정해보십시오.
※ 실은, Scratch( htps : // sc 등 tch. 미 t. 에즈/ )로부터 작품 데이터를 읽고 있습니다.
곤란했을 때는 구구
대부분의 경우에는 잘 빌드할 수 없습니다.
동동, 구글 검색하여보세요. 해결 방법을 찾을 수 있습니다.
계속
PS
이하의 장소에서도, 알레코레 써 갑니다.
h tps : // 푹신 흠. bgs포 t. 코m/
Scratch3.0 자신 전용기를 만들자!! (0)
Scratch3.0 자신 전용기를 만들자!! (1) Scratch3.0을 빌드해 보자
Scratch3.0 자신 전용기를 만들자 !! (2) Scratch3.0을 Android 앱으로 작동하자 (1)
Scratch 3.0 자신 전용기를 만들자 !! (3) Scratch3.0을 Android 앱으로 작동하자 (2)
Scratch 3.0 자신 전용기를 만들자 !! (4) Scratch3.0을 Android 앱으로 작동하자 (3)
불의 형태 With Scratch 2.0 (프로그램 입문) 00권
화염 유형 With Scratch 2.0 (게임 프로그램 시작)
Reference
이 문제에 관하여(Scratch3.0을 Android 앱으로 사용해 봅시다 (3)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/kyorohiro/items/a443695e0d20dc774f75
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
이하의 장소에서도, 알레코레 써 갑니다.
h tps : // 푹신 흠. bgs포 t. 코m/
Scratch3.0 자신 전용기를 만들자!! (0)
Scratch3.0 자신 전용기를 만들자!! (1) Scratch3.0을 빌드해 보자
Scratch3.0 자신 전용기를 만들자 !! (2) Scratch3.0을 Android 앱으로 작동하자 (1)
Scratch 3.0 자신 전용기를 만들자 !! (3) Scratch3.0을 Android 앱으로 작동하자 (2)
Scratch 3.0 자신 전용기를 만들자 !! (4) Scratch3.0을 Android 앱으로 작동하자 (3)
불의 형태 With Scratch 2.0 (프로그램 입문) 00권
화염 유형 With Scratch 2.0 (게임 프로그램 시작)
Reference
이 문제에 관하여(Scratch3.0을 Android 앱으로 사용해 봅시다 (3)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/kyorohiro/items/a443695e0d20dc774f75텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)