Scratch Scratch3.0 + obniz 확장 블록 Scratch 프로그래밍 교육의 툴로서 많은 초등학교나 프로그래밍 교실에서 도입되고 있는 아레군요. 로컬로 빌드하고 확장 블록으로 놀 수 있다는 것을 알았으므로, 오! 라고 생각해 보았습니다. obniz 「웹의 기술로 하드와 소프트를 잇는」아레입니다. Web 베이스(Javascript 등)로 IoT 디바이스의 제어를 할 수 있는 아레군요. 구현 환경 Mac Mojave 10.14.4 scra... Scratchobniz 초등학생도 간단 ⁉ RaspberryPi와 Scratch를 사용한 라디콘 RaspberryPi로 라디콘을 만들었습니다. 초등학생도 쉽게 할 수 있도록 이번에는 Scratch로 프로그램을 만들었습니다. 부품명 개수 RaspberryPi Micro Usb 케이블 Usb 전원 어댑터 HDMI 케이블 모니터(TV) 마우스 키보드 모바일 배터리 타미야 더블 기어 박스 좌우 독립 4단 타입 타미야 유니버설 플레이트 2장 세트 타미야 트럭 & 휠 세트 TA7291P 저항기 1... RaspberryPiScratchScratch2.0라디콘 프로그래밍이 가능한 큐티한 로봇 「Picoh」 Kickstarter에서 진행되는 클라우드 펀딩 약 ¥14,683(배송료 포함한다?) £88이상의 프레지 £1=147.52엔(2019/3/18) 2019년 3월 24일(일) 2시 7분까지(일본 시간) Picoh (피코)는 학교 교육용 로봇입니다 다양한 센서가 탑재되어 있어 프로그래밍하여 커스터마이즈 할 수 있습니다. Picoh 개발 도구 Platform OS 설명 Ohbot App Windo... RaspberryPiMacOSX파이썬WindowsScratch scratch3.0과 micro:bit을 연결하는 방법 다음과 같은 환경에서 가장 간단한 연결 방법을 소개합니다! Scratch: microbit: 다음 환경이 아니면 작동하지 않을 수 있으므로주의하시기 바랍니다. - Windows: Windows 10+ - Mac: macOS 10.13+ 다른 기사도 올라가고 있습니다만, 정보가 착밀하고 있기 때문에, 현재로 자신이 잘 말한 방법을 소개합니다. 특히, 현상으로서, File not found 가 ... ScratchScratch3.0microbit 【Tello】 토이 드론으로 놀아 보았다 ♪ 어쨌든 최근 여러 장면에서 다루는 드론. . Tello라면 프로그래밍 할 수 있을 것이라고 하는 것으로, 해 보았다. ①어쨌든 비행 ② GamePad로 날아간다 ④Python으로 비행 이번에 한 일 ①어쨌든 비행 ② GamePad로 날아간다 ①어쨌든 비행 이 설명서가 있지만 우완에는 보이지 않는 레벨. 스마트 폰 (안드로이드)도 Google Play에서 Tello로 검색하여 안전한 앱을 설치... Scratch텔로Node.js Scratch 스크립트를 다른 스프라이트에 복사 스프라이트를 복제하여 실현했지만 제대로 방법이 있었기 때문에 참고 사용법은 링크처를 봐 프로젝트 편집기에서 스프라이트와 스크립트를 드래그 앤 드롭으로 쉽게 저장할 수 있습니다. 배낭에는 배경을 제외한 모든 요소를 복사할 수 있다. 포인트 로그인한 상태가 아니면 사용할 수 없는 것 같습니다 초기 상태(?)라고 알기 어려울지도 모릅니다. 화면의 오른쪽 하단에있는 バックパック ▲ 영역을 클릭하십... Scratch 칠라 뒤 : 초등학교 수업 프로그래밍 교육은 무엇입니까? 한마디로 말하면, 아이에게는 공부시켜라. 로보콘 같은 것을 체험시키는 것도 좋을지도. A, B, C, D 라는 4종류로 분류된다. A : 각 과목의 수업 때에 가라. 내용은 예시하고 있으니까. B : 각 과목의 수업 때에 가라. 내용은 예시하지 않지만 맡길거야. C : 교과서에는 포함되지 않은 것으로 실시 예를 들면 어딘가의 회사가 실시하는 오락에 참가. 이전 있던, 마인크래프트에서의 수업도... Scratch교육 Scratch 게임을 만들자 (사경) 의 "Part1 게임을 만들자"를 사경했을 때 배운 것 책대로 진행하면 특히 막힐 곳은 없었다 좌표는 x축이 -240(왼쪽)~240(오른쪽). Y축이 180(상)~-180(하). 스테이지에 표시된 변수 xx를 숨기고 싶은 경우, 「데이터」의 블록 팔레트에 있는 xx 왼쪽에있는 체크를 해제합니다 변수 xx 숨기기를 클릭합니다. 스테이지에 표시된 변수를 더블 클릭하면 표시가 바뀝니다. 다음 3가... Scratch사경독서 ISTE2018용 Scratch3.0+micro:bit 연결 절차 【2018/08/31 추기】 이 문서는 2018년 6월에 행해진 ISTE2018용으로 준비된 환경에 대한 해설입니다. 2018/08/01에 공개된 Scratch3.0 beta 에 대해서는 도쿄도 공립 초등학교 Yasuharu Suzuki 선생님이 작성된 「 」를 참조 바랍니다. ISTE 2018에서 발표된 Scratch3.0+micor:bit의 접속 방법은 Mac의 경우 박자 빠질 정도로 간... Scratchmicrobit mBot에서 놀자. mBot은 Makeblock에서 판매하는 어린이의 프로그래밍 학습 로봇입니다. Scratch라는 비주얼 언어를 사용하여 드래그 앤 드롭으로 프로그래밍할 수 있습니다. 왼쪽 팬더는 스프라이트라는 캐릭터 이미지입니다. 오른쪽의 회색 영역이 작업 영역이며, 중앙의 블록을 오른쪽으로 드래그 앤 드롭하여 배치합니다. 각 블록에는 홈과 구멍이 열려 있고 같은 형태의 것을 가까이 붙이면 붙어 있습니다. ... ScratchmBlockmbot Scratch2.0 오프라인 편집기 v460으로 업데이트하는 방법 Scratch2.0 오프라인 에디터를 작년부터 Mac(나용) Windows10(아이용)에 인스톨 하고 있었습니다만, v460에의 업데이트를 잘 할 수 없었으므로 그 대처법의 기억입니다. HTML5 대응이 되는 Scratch3. 0은 8월부터 사용 가능한 것 같습니다만, ( ) 현재의 Scratch 2. 0 대응이라고 하는 것으로 정리합니다. 하드 : ASUS VivoBook E203NA (W... Scratch Scratch1.4를 사용해 보자. Scratch 3.0이 개발 중이고 Scratch 2.0이 Scrach SNS ( )에서 사용되고 있습니다. Scratch 1.4는 여전히 잘 작동합니다. Scratch 1.4는 오프라인에서 사용할 수 있습니다. 아래에서 다운로드할 수 있습니다. Mac, Windows, Linux에서 실행됩니다. Squeak/Smalltalk로 쓰여 있다고 합니다. 개인적으로는 Scratch2.0에서 "Mo... Scratch Scratch 3.0을 Hack하자. ServiceWorker에서 PWA를 사용해 봅시다. Scratch3.0에서 만든 앱을 PWA로 게시해 봅시다. iPhone이나 Android의 앱 스토어를 통과하지 않아도, 작성한 Scratch3.0 게임 및 앱을 다양한 컴퓨터에 설치할 수 있습니다. 실제로 이전에 작성한 Scratch3.0 앱을 PWA로 실행해 봅시다. 코드는 다음 ServiceWorker를 사용하여 인터넷에 연결되어 있지 않으면 사용할 수 없었습니다. 웹 앱이 오프라인에서... ScratchServiceWorker Scratch 3.0을 Hack하자. ScratchVM의 Opcode Scratch VM을 실행했을 때, 그 안에서 무슨 일이 일어나고 있습니까? 보자. VM은 Virtual Machine의 약자입니다. 어떤 기회를 모방하고 작동하는 소프트웨어입니다. 예를 들어 VirtualBox라는 x86 가상화 VM이 있습니다. 이 소프트웨어를 사용하면 자신의 PC에 다른 OS를 작동시킬 수 있습니다. Java 언어 등에도 Java 가상 머신이 있습니다. Java의 바이트... Scratch Scratch 3.0을 Hack하자. scratch-vm.js를 사용하여 100 줄로 HTML5화합시다. Scratch 3.0 자신 전용기를 만들자는 것으로, VM에 대해 설명하고 싶습니다. 우선, 시작 이번에는 Scratch 2.0 코드를 Scratch3.0에서 실행해 보겠습니다. 이번에는 webpack을 사용하는 방법으로 실험해 보겠습니다. 코드는 다음 이나 이나 에서, 환경 구축에 대해서, 겹치기 때문에 끝을 접습니다. 다음과 같은 느낌 emacs src/index.html emacs sr... Scratch Scratch 3.0을 Hack하자. Scratch Block을 터치하자. , Blockly를 만졌습니다. Scratch 3.0 의 Block 는, Blockly 유래이므로, 「같은 방법으로 추가할 수 있을까.」 「Scratch 독자적인 확장이 되어 있을 것입니다」. 실제로 시도해 봅시다. Scratch3.0의 Visual Programming 환경이 게시되었습니다. Scratch의 Interface를 다양한 앱에 재사용할 수 있을 것 같네요. 이번에는 webpac... Scratch Scratch 3.0을 Hack하자. Blockly를 만져 보자. Scratch3.0은 Blockly를 사용합니다. visual programming interfaces 를, 되는 빨리, 실현하기 위해 채용되었습니다. 매우 쉽게 자신의 Visual programming interfaces를 만들 수 있습니다. ref Scratch Block 코드에 들어가기 전에 Blockly를 만져보세요! Blockly는 JavaScript 라이브러리입니다. 웹, 안드로이... ScratchBlockly Scratch 3.0을 Hack하자. scratch-storage.js를 터치합시다. scratch-storage를 만져보세요. Scratch-Storage는 프로젝트와 Assets을로드하는 데 사용됩니다. 코드는 아래에 게시됩니다. Scratch로 만든 프로젝트에서 "수중 컴퓨터로 다운로드"를 선택하면 Scratch의 Project를 로컬로 다운로드 할 수 있습니다. "Untitled.sb2"를 "Untitled.sb2.zip"으로 봅시다. 압축 해제 앱에서 압축을 풀면, ... Scratch Scratch 3.0을 Hack하자. scratch-render.js에서 뭔가를 만들어 보자. Scratch3.0의 scratch-render package를 사용해 봅시다. 어떤 느낌으로 작동시킬 수 있습니까? scratch-render에서 RenderWebGL 사용 봐. Entry 는 src/index.js 와 같습니다. 다음은 scratch-reader의 Entry를 참조하십시오. module.exports = RenderWebGL; 라고 기재되어 있습니다. scratch-ren... Scratch Scratch 3.0을 Hack하자. Babel을 만져 보자. 이번에는 Babel을 만져 보겠습니다. Babel은 가장 현대적인 JavaScript를 현재 브라우저용 레거시 JavaScript로 변환하는 도구입니다. Scratch3.0에서 사용됩니다. 왜 여기서 Babel을 다루는가? 하나는 Scratch에서 사용되고 있기 때문입니다. Babel을 사용할 수있는 것이 코드를 읽을 수 있습니다. 당연한 일입니다. 그 이상으로 느끼고 싶은 것이 Scratc... Scratchwebpackbabel Scratch 3.0을 Hack하자. scratch-vm에 사용되는 scratch-xxx를 살펴 보겠습니다. Scratch3.0은 다양한 부품별로 개발이 진행되고 있습니다. scratch-vm과 scratch-gui도 그랬습니다. devDependencies를 참조하십시오. 이러한 부품을 사용하여 scratch-vm이 만들어졌습니다. 이번에는 이러한 부품에 대해 살펴 보겠습니다 !! 직감을 유효하게 이용하기 위해서입니다. 「어디에, 무슨, 일이 쓰여져 있는가?」 이것을 알고 있는 것이 중요합니다!!... Scratch Scratch3.0을 Android 앱으로 사용해 봅시다 (3) 어제의 연속입니다. 다음과 같은 느낌으로 진행하는 것이었습니다. 3까지 진행 중입니다. 이전에 Scratch3.0 을 Local 로 동작시켜 보았습니다. npm start 로 Local에 웹 서버를 시작했습니다. 그러나 Scratch3.0은 웹 서버를 준비하지 않고도 작동하는 형식을 출력할 수 있습니다. 즉시 시도해 봅시다. 라고, 입력해 봅시다!! 1-3까지는, 전과 같습니다. 그러면 di... 안드로이드코르도바Scratch Scratch3.0을 Android 앱으로 작동합시다 (2) 어제의 연속입니다. 다음과 같은 느낌으로 진행하는 것이었습니다. Cordova 설치 Cordova에서 브라우저 앱 작동 Cordova에서 Android 앱 만들기 Scratch3.0을 빌드하여 서버를 통과하지 않고도 작동하도록 설정 4에서 만든 Scratch 앱을 Cordova에 이식해보십시오 Scratch3.0을 Corodova 브라우저 앱으로 사용해보십시오 Scratch3.0을 Andro... 안드로이드코르도바Scratch Scratch 3.0을 Android 앱으로 사용해 봅시다 (1) Scratch3.0은 Scratch2.0과 달리 스마트폰에서도 작동합니다. 이번에는 조금 더 발전시켜 Android 앱으로 작동시켜 봅시다. 여러분이 가지고 있는 스마트폰으로 Scratch3.0은 움직입니다. Scratch2.0은 Flash를 사용했습니다. 따라서 스마트 폰 브라우저에서 작동하지 않았습니다. 다음 사이트를 스마트 폰으로 방문해보십시오. 왜 스마트 폰에서 작동하지 않았습니다 .... 안드로이드코르도바Scratch 진동에 대해 덧붙여서, 대학 1학년 정도의 레벨에 맞추어 쓰고 있습니다. 여기에서는 점 O를 지나면 점 O로 돌아가도록 힘이 작용하고 있습니다. 여기서 스프링 상수를 $k$로 설정하면, 봄에 일하는 힘을 쓸 수 있습니다. $F$는 힘이고 $x$는 진동의 변위입니다. 자, 여기서 운동 방정식을 사용하면 단지, 여기서 $m$로 양변을 나누고 어쨌든, 단 진동의 운동 방정식입니다. $A$와 $\lambda$는... mathaudioScratch 불꽃 형 공방 불의 형태 25 일째 : 다음 번 예고와 후퇴 기사 키지입니다. Happy Holiday 오늘이 마지막 날입니다. 불행히도 Scratch와 Dart에서 프로그램 입문을 25로 끝낼 수 없었습니다. 죄송합니다. 그래서 아직도 계속됩니다. 에 정리할 예정입니다. 초급 콘텐츠를 더 추가한다. 해설 기사를 늘린다 데모 작품의 질 향상 용지에 인쇄 가능 라든지, 예정하고 있습니다. 잘 부탁드립니다. CoderDojo 하치오지, CoderDojo ... ScratchAdventCalendar프로그래밍 교육Dart 화염의 형태 공방 불의 형태 24일째 : Dart의 Sleep 기능!! Scratch와 비교해 보자 기사 키지입니다. 전회 젠카이의 방법 쪽이라면, 메시지가 굉장한 기세로 흐르게 되어 가므로, 사이의 사이에 Sleep를 들어가 봅시다. Dart로 작성해 봅시다. 패키지를 선언하지 않는다 main 함수 kansuu에 async를 정의합니다. 1초쯤 sleep하는 코드 쓰기 await를 선언하지 않는 것으로, 1초만 그 자리에서 기다리게 됩니다. await을 이용하고 싶은 경우에는 함수 칸수에... ScratchAdventCalendar프로그래밍 교육Dart 화염의 형태 공방 불의 형태 23일째 : Dart의 루프 기능!! Scratch와 비교해 보자 기사 키지입니다. 무작위로 'hello'와 'bye'를 표시해 주는 코드입니다. 이 코드를 Dart로 작성해 봅시다. 됩니다. 리스트의 생성 잘못은 var messages = ["hello", "bye"]; Dart에서 문자열 꼬인 List는 var messages = ["hello", "bye"]; 에서 할 수 있습니다. Scratch와 다르다는 것은 0부터 시작하는 것입니다. "hello... ScratchAdventCalendar프로그래밍 교육Dart 화염의 형태 공방 불의 형태 22일째 : Dart의 If문!! Scratch와 비교해 보자 --2-- 기사 키지입니다. 또는, 라든가, 가츠카라고 하는 연산자 엔잔시도 있었습니다. 그리고 Scratch의 코드를 비교 해보자. 그리고 &&라고 쓴다 또는 는 || 라고 적는다 네, Scratch의 노하우가 사용할 수 있습니다. 지금까지 읽어 주셔서 감사합니다 !! 그렇다면 다음 번에 만나는 것을 즐거운 느낌으로하고 있습니다. 그럼... ScratchAdventCalendar프로그래밍 교육Dart 이전 기사 보기
Scratch3.0 + obniz 확장 블록 Scratch 프로그래밍 교육의 툴로서 많은 초등학교나 프로그래밍 교실에서 도입되고 있는 아레군요. 로컬로 빌드하고 확장 블록으로 놀 수 있다는 것을 알았으므로, 오! 라고 생각해 보았습니다. obniz 「웹의 기술로 하드와 소프트를 잇는」아레입니다. Web 베이스(Javascript 등)로 IoT 디바이스의 제어를 할 수 있는 아레군요. 구현 환경 Mac Mojave 10.14.4 scra... Scratchobniz 초등학생도 간단 ⁉ RaspberryPi와 Scratch를 사용한 라디콘 RaspberryPi로 라디콘을 만들었습니다. 초등학생도 쉽게 할 수 있도록 이번에는 Scratch로 프로그램을 만들었습니다. 부품명 개수 RaspberryPi Micro Usb 케이블 Usb 전원 어댑터 HDMI 케이블 모니터(TV) 마우스 키보드 모바일 배터리 타미야 더블 기어 박스 좌우 독립 4단 타입 타미야 유니버설 플레이트 2장 세트 타미야 트럭 & 휠 세트 TA7291P 저항기 1... RaspberryPiScratchScratch2.0라디콘 프로그래밍이 가능한 큐티한 로봇 「Picoh」 Kickstarter에서 진행되는 클라우드 펀딩 약 ¥14,683(배송료 포함한다?) £88이상의 프레지 £1=147.52엔(2019/3/18) 2019년 3월 24일(일) 2시 7분까지(일본 시간) Picoh (피코)는 학교 교육용 로봇입니다 다양한 센서가 탑재되어 있어 프로그래밍하여 커스터마이즈 할 수 있습니다. Picoh 개발 도구 Platform OS 설명 Ohbot App Windo... RaspberryPiMacOSX파이썬WindowsScratch scratch3.0과 micro:bit을 연결하는 방법 다음과 같은 환경에서 가장 간단한 연결 방법을 소개합니다! Scratch: microbit: 다음 환경이 아니면 작동하지 않을 수 있으므로주의하시기 바랍니다. - Windows: Windows 10+ - Mac: macOS 10.13+ 다른 기사도 올라가고 있습니다만, 정보가 착밀하고 있기 때문에, 현재로 자신이 잘 말한 방법을 소개합니다. 특히, 현상으로서, File not found 가 ... ScratchScratch3.0microbit 【Tello】 토이 드론으로 놀아 보았다 ♪ 어쨌든 최근 여러 장면에서 다루는 드론. . Tello라면 프로그래밍 할 수 있을 것이라고 하는 것으로, 해 보았다. ①어쨌든 비행 ② GamePad로 날아간다 ④Python으로 비행 이번에 한 일 ①어쨌든 비행 ② GamePad로 날아간다 ①어쨌든 비행 이 설명서가 있지만 우완에는 보이지 않는 레벨. 스마트 폰 (안드로이드)도 Google Play에서 Tello로 검색하여 안전한 앱을 설치... Scratch텔로Node.js Scratch 스크립트를 다른 스프라이트에 복사 스프라이트를 복제하여 실현했지만 제대로 방법이 있었기 때문에 참고 사용법은 링크처를 봐 프로젝트 편집기에서 스프라이트와 스크립트를 드래그 앤 드롭으로 쉽게 저장할 수 있습니다. 배낭에는 배경을 제외한 모든 요소를 복사할 수 있다. 포인트 로그인한 상태가 아니면 사용할 수 없는 것 같습니다 초기 상태(?)라고 알기 어려울지도 모릅니다. 화면의 오른쪽 하단에있는 バックパック ▲ 영역을 클릭하십... Scratch 칠라 뒤 : 초등학교 수업 프로그래밍 교육은 무엇입니까? 한마디로 말하면, 아이에게는 공부시켜라. 로보콘 같은 것을 체험시키는 것도 좋을지도. A, B, C, D 라는 4종류로 분류된다. A : 각 과목의 수업 때에 가라. 내용은 예시하고 있으니까. B : 각 과목의 수업 때에 가라. 내용은 예시하지 않지만 맡길거야. C : 교과서에는 포함되지 않은 것으로 실시 예를 들면 어딘가의 회사가 실시하는 오락에 참가. 이전 있던, 마인크래프트에서의 수업도... Scratch교육 Scratch 게임을 만들자 (사경) 의 "Part1 게임을 만들자"를 사경했을 때 배운 것 책대로 진행하면 특히 막힐 곳은 없었다 좌표는 x축이 -240(왼쪽)~240(오른쪽). Y축이 180(상)~-180(하). 스테이지에 표시된 변수 xx를 숨기고 싶은 경우, 「데이터」의 블록 팔레트에 있는 xx 왼쪽에있는 체크를 해제합니다 변수 xx 숨기기를 클릭합니다. 스테이지에 표시된 변수를 더블 클릭하면 표시가 바뀝니다. 다음 3가... Scratch사경독서 ISTE2018용 Scratch3.0+micro:bit 연결 절차 【2018/08/31 추기】 이 문서는 2018년 6월에 행해진 ISTE2018용으로 준비된 환경에 대한 해설입니다. 2018/08/01에 공개된 Scratch3.0 beta 에 대해서는 도쿄도 공립 초등학교 Yasuharu Suzuki 선생님이 작성된 「 」를 참조 바랍니다. ISTE 2018에서 발표된 Scratch3.0+micor:bit의 접속 방법은 Mac의 경우 박자 빠질 정도로 간... Scratchmicrobit mBot에서 놀자. mBot은 Makeblock에서 판매하는 어린이의 프로그래밍 학습 로봇입니다. Scratch라는 비주얼 언어를 사용하여 드래그 앤 드롭으로 프로그래밍할 수 있습니다. 왼쪽 팬더는 스프라이트라는 캐릭터 이미지입니다. 오른쪽의 회색 영역이 작업 영역이며, 중앙의 블록을 오른쪽으로 드래그 앤 드롭하여 배치합니다. 각 블록에는 홈과 구멍이 열려 있고 같은 형태의 것을 가까이 붙이면 붙어 있습니다. ... ScratchmBlockmbot Scratch2.0 오프라인 편집기 v460으로 업데이트하는 방법 Scratch2.0 오프라인 에디터를 작년부터 Mac(나용) Windows10(아이용)에 인스톨 하고 있었습니다만, v460에의 업데이트를 잘 할 수 없었으므로 그 대처법의 기억입니다. HTML5 대응이 되는 Scratch3. 0은 8월부터 사용 가능한 것 같습니다만, ( ) 현재의 Scratch 2. 0 대응이라고 하는 것으로 정리합니다. 하드 : ASUS VivoBook E203NA (W... Scratch Scratch1.4를 사용해 보자. Scratch 3.0이 개발 중이고 Scratch 2.0이 Scrach SNS ( )에서 사용되고 있습니다. Scratch 1.4는 여전히 잘 작동합니다. Scratch 1.4는 오프라인에서 사용할 수 있습니다. 아래에서 다운로드할 수 있습니다. Mac, Windows, Linux에서 실행됩니다. Squeak/Smalltalk로 쓰여 있다고 합니다. 개인적으로는 Scratch2.0에서 "Mo... Scratch Scratch 3.0을 Hack하자. ServiceWorker에서 PWA를 사용해 봅시다. Scratch3.0에서 만든 앱을 PWA로 게시해 봅시다. iPhone이나 Android의 앱 스토어를 통과하지 않아도, 작성한 Scratch3.0 게임 및 앱을 다양한 컴퓨터에 설치할 수 있습니다. 실제로 이전에 작성한 Scratch3.0 앱을 PWA로 실행해 봅시다. 코드는 다음 ServiceWorker를 사용하여 인터넷에 연결되어 있지 않으면 사용할 수 없었습니다. 웹 앱이 오프라인에서... ScratchServiceWorker Scratch 3.0을 Hack하자. ScratchVM의 Opcode Scratch VM을 실행했을 때, 그 안에서 무슨 일이 일어나고 있습니까? 보자. VM은 Virtual Machine의 약자입니다. 어떤 기회를 모방하고 작동하는 소프트웨어입니다. 예를 들어 VirtualBox라는 x86 가상화 VM이 있습니다. 이 소프트웨어를 사용하면 자신의 PC에 다른 OS를 작동시킬 수 있습니다. Java 언어 등에도 Java 가상 머신이 있습니다. Java의 바이트... Scratch Scratch 3.0을 Hack하자. scratch-vm.js를 사용하여 100 줄로 HTML5화합시다. Scratch 3.0 자신 전용기를 만들자는 것으로, VM에 대해 설명하고 싶습니다. 우선, 시작 이번에는 Scratch 2.0 코드를 Scratch3.0에서 실행해 보겠습니다. 이번에는 webpack을 사용하는 방법으로 실험해 보겠습니다. 코드는 다음 이나 이나 에서, 환경 구축에 대해서, 겹치기 때문에 끝을 접습니다. 다음과 같은 느낌 emacs src/index.html emacs sr... Scratch Scratch 3.0을 Hack하자. Scratch Block을 터치하자. , Blockly를 만졌습니다. Scratch 3.0 의 Block 는, Blockly 유래이므로, 「같은 방법으로 추가할 수 있을까.」 「Scratch 독자적인 확장이 되어 있을 것입니다」. 실제로 시도해 봅시다. Scratch3.0의 Visual Programming 환경이 게시되었습니다. Scratch의 Interface를 다양한 앱에 재사용할 수 있을 것 같네요. 이번에는 webpac... Scratch Scratch 3.0을 Hack하자. Blockly를 만져 보자. Scratch3.0은 Blockly를 사용합니다. visual programming interfaces 를, 되는 빨리, 실현하기 위해 채용되었습니다. 매우 쉽게 자신의 Visual programming interfaces를 만들 수 있습니다. ref Scratch Block 코드에 들어가기 전에 Blockly를 만져보세요! Blockly는 JavaScript 라이브러리입니다. 웹, 안드로이... ScratchBlockly Scratch 3.0을 Hack하자. scratch-storage.js를 터치합시다. scratch-storage를 만져보세요. Scratch-Storage는 프로젝트와 Assets을로드하는 데 사용됩니다. 코드는 아래에 게시됩니다. Scratch로 만든 프로젝트에서 "수중 컴퓨터로 다운로드"를 선택하면 Scratch의 Project를 로컬로 다운로드 할 수 있습니다. "Untitled.sb2"를 "Untitled.sb2.zip"으로 봅시다. 압축 해제 앱에서 압축을 풀면, ... Scratch Scratch 3.0을 Hack하자. scratch-render.js에서 뭔가를 만들어 보자. Scratch3.0의 scratch-render package를 사용해 봅시다. 어떤 느낌으로 작동시킬 수 있습니까? scratch-render에서 RenderWebGL 사용 봐. Entry 는 src/index.js 와 같습니다. 다음은 scratch-reader의 Entry를 참조하십시오. module.exports = RenderWebGL; 라고 기재되어 있습니다. scratch-ren... Scratch Scratch 3.0을 Hack하자. Babel을 만져 보자. 이번에는 Babel을 만져 보겠습니다. Babel은 가장 현대적인 JavaScript를 현재 브라우저용 레거시 JavaScript로 변환하는 도구입니다. Scratch3.0에서 사용됩니다. 왜 여기서 Babel을 다루는가? 하나는 Scratch에서 사용되고 있기 때문입니다. Babel을 사용할 수있는 것이 코드를 읽을 수 있습니다. 당연한 일입니다. 그 이상으로 느끼고 싶은 것이 Scratc... Scratchwebpackbabel Scratch 3.0을 Hack하자. scratch-vm에 사용되는 scratch-xxx를 살펴 보겠습니다. Scratch3.0은 다양한 부품별로 개발이 진행되고 있습니다. scratch-vm과 scratch-gui도 그랬습니다. devDependencies를 참조하십시오. 이러한 부품을 사용하여 scratch-vm이 만들어졌습니다. 이번에는 이러한 부품에 대해 살펴 보겠습니다 !! 직감을 유효하게 이용하기 위해서입니다. 「어디에, 무슨, 일이 쓰여져 있는가?」 이것을 알고 있는 것이 중요합니다!!... Scratch Scratch3.0을 Android 앱으로 사용해 봅시다 (3) 어제의 연속입니다. 다음과 같은 느낌으로 진행하는 것이었습니다. 3까지 진행 중입니다. 이전에 Scratch3.0 을 Local 로 동작시켜 보았습니다. npm start 로 Local에 웹 서버를 시작했습니다. 그러나 Scratch3.0은 웹 서버를 준비하지 않고도 작동하는 형식을 출력할 수 있습니다. 즉시 시도해 봅시다. 라고, 입력해 봅시다!! 1-3까지는, 전과 같습니다. 그러면 di... 안드로이드코르도바Scratch Scratch3.0을 Android 앱으로 작동합시다 (2) 어제의 연속입니다. 다음과 같은 느낌으로 진행하는 것이었습니다. Cordova 설치 Cordova에서 브라우저 앱 작동 Cordova에서 Android 앱 만들기 Scratch3.0을 빌드하여 서버를 통과하지 않고도 작동하도록 설정 4에서 만든 Scratch 앱을 Cordova에 이식해보십시오 Scratch3.0을 Corodova 브라우저 앱으로 사용해보십시오 Scratch3.0을 Andro... 안드로이드코르도바Scratch Scratch 3.0을 Android 앱으로 사용해 봅시다 (1) Scratch3.0은 Scratch2.0과 달리 스마트폰에서도 작동합니다. 이번에는 조금 더 발전시켜 Android 앱으로 작동시켜 봅시다. 여러분이 가지고 있는 스마트폰으로 Scratch3.0은 움직입니다. Scratch2.0은 Flash를 사용했습니다. 따라서 스마트 폰 브라우저에서 작동하지 않았습니다. 다음 사이트를 스마트 폰으로 방문해보십시오. 왜 스마트 폰에서 작동하지 않았습니다 .... 안드로이드코르도바Scratch 진동에 대해 덧붙여서, 대학 1학년 정도의 레벨에 맞추어 쓰고 있습니다. 여기에서는 점 O를 지나면 점 O로 돌아가도록 힘이 작용하고 있습니다. 여기서 스프링 상수를 $k$로 설정하면, 봄에 일하는 힘을 쓸 수 있습니다. $F$는 힘이고 $x$는 진동의 변위입니다. 자, 여기서 운동 방정식을 사용하면 단지, 여기서 $m$로 양변을 나누고 어쨌든, 단 진동의 운동 방정식입니다. $A$와 $\lambda$는... mathaudioScratch 불꽃 형 공방 불의 형태 25 일째 : 다음 번 예고와 후퇴 기사 키지입니다. Happy Holiday 오늘이 마지막 날입니다. 불행히도 Scratch와 Dart에서 프로그램 입문을 25로 끝낼 수 없었습니다. 죄송합니다. 그래서 아직도 계속됩니다. 에 정리할 예정입니다. 초급 콘텐츠를 더 추가한다. 해설 기사를 늘린다 데모 작품의 질 향상 용지에 인쇄 가능 라든지, 예정하고 있습니다. 잘 부탁드립니다. CoderDojo 하치오지, CoderDojo ... ScratchAdventCalendar프로그래밍 교육Dart 화염의 형태 공방 불의 형태 24일째 : Dart의 Sleep 기능!! Scratch와 비교해 보자 기사 키지입니다. 전회 젠카이의 방법 쪽이라면, 메시지가 굉장한 기세로 흐르게 되어 가므로, 사이의 사이에 Sleep를 들어가 봅시다. Dart로 작성해 봅시다. 패키지를 선언하지 않는다 main 함수 kansuu에 async를 정의합니다. 1초쯤 sleep하는 코드 쓰기 await를 선언하지 않는 것으로, 1초만 그 자리에서 기다리게 됩니다. await을 이용하고 싶은 경우에는 함수 칸수에... ScratchAdventCalendar프로그래밍 교육Dart 화염의 형태 공방 불의 형태 23일째 : Dart의 루프 기능!! Scratch와 비교해 보자 기사 키지입니다. 무작위로 'hello'와 'bye'를 표시해 주는 코드입니다. 이 코드를 Dart로 작성해 봅시다. 됩니다. 리스트의 생성 잘못은 var messages = ["hello", "bye"]; Dart에서 문자열 꼬인 List는 var messages = ["hello", "bye"]; 에서 할 수 있습니다. Scratch와 다르다는 것은 0부터 시작하는 것입니다. "hello... ScratchAdventCalendar프로그래밍 교육Dart 화염의 형태 공방 불의 형태 22일째 : Dart의 If문!! Scratch와 비교해 보자 --2-- 기사 키지입니다. 또는, 라든가, 가츠카라고 하는 연산자 엔잔시도 있었습니다. 그리고 Scratch의 코드를 비교 해보자. 그리고 &&라고 쓴다 또는 는 || 라고 적는다 네, Scratch의 노하우가 사용할 수 있습니다. 지금까지 읽어 주셔서 감사합니다 !! 그렇다면 다음 번에 만나는 것을 즐거운 느낌으로하고 있습니다. 그럼... ScratchAdventCalendar프로그래밍 교육Dart 이전 기사 보기