Hack Scratch 3 , Make your own machine !


#1

How to make the better of Scratch 3 ?
Follow all the links (20 !) and try !

https://medium.com/front-end-weekly/scratch3-0-make-your-own-machine-4a45ab8efc4b

Code

Link for English speaking people

Hack Scratch3.0 (0) Make your own machine

Hack Scratch3.0 (1) Let’s build Scratch VM

Hack Scratch3.0 (2) Run as Android App (1)

Hack Scratch3.0 (3) Run as Android App (2)

now writing…

Link for Japanese (from google translation)

Index

Scratch 3.0 Let’s make your own machine! (0)

Scratch 3.0 Let’s make your own machine! (1) Let’s build Scratch 3.0

Scratch 3.0 Let’s make your own machine! (2) Let’s operate as an Android application (1)

Scratch 3.0 Make your own machine! (3) Let’s operate as an Android application (2)

Scratch 3.0 Make your own machine! (4) Let’s operate as an Android application (3)

Scratch 3.0 Make your own machine! (5) What is Webpack

Scratch 3.0 Make your own machine! (6) Let’s read the package.json of Scratch 3.0

Scratch 3.0 Make your own machine! (7) Let’s install scratch-gui

Scratch 3.0 Make your own machine! (8) Let’s touch scratch-xxx used for scratch-vm

Scratch 3.0 Let’s make your own machine! (9) Let’s touch Babel

Scratch 3.0 Make your own machine! (11) Let’s touch scratch-storage.js

Scratch 3.0 Make your own machine! (12) Let’s touch Blockly

Scratch 3.0 Make your own machine! (13) Let’s touch the Scratch Block

Scratch 3.0 Let’s create your own machine! (14) Let’s make it HTML5 with 100 lines using scratch-vm.js

Scratch 3.0 Make your own machine! (15) ScratchVM’s Opcode

Scratch 3.0 Let’s make your own machine! (16) Let’s convert to PWA with ServiceWorker


#2

The Tech Feast !!


#3

尝试了下,配置起来还是各种坑
android cordova 连接

1 npm install -g cordova
2 mkdir cordova
3 cordova create MyApp
4 cd MyApp
5 cd…
6 cd scratch3
7 cd scratch-vm
8 npm install
9 npm start
10 cordova platform add browser
11 cordova run browser
12 cordova platform add android
13 ado
14 adb
15 android
16 java
17 javac
18 javac -version
19 ANDROID_SDK_ROOT=undefined (recommended setting)
需要配置这个环境变量
https://blog.csdn.net/qq_35807952/article/details/78895620
20 下载安装 gradle5.6.2
21 gradle -v
22 cd myapp
23 Cordova build android
24 cordova run android
25 cd D:\Program Files\Microvirt\MEmu
26 adb start-server
26 cd d:\android\adk\platform-tools
27 adb connect 127.0.0.1:21503
27 此时打开逍遥安卓 和 android stuido 可进行互联

1 配置好andriod sdk 环境变量
2 配置好jdk环境变量

https://blog.csdn.net/leoky1/article/details/54405764

下面运行成功 并且在逍遥上打开了

cordova run android

Checking Java JDK and Android SDK versions
ANDROID_SDK_ROOT=D:\android\sdk (recommended setting)
ANDROID_HOME=D:\android\sdk (DEPRECATED)
Subproject Path: CordovaLib
Subproject Path: app

Task :app:preBuild UP-TO-DATE
Task :CordovaLib:preBuild UP-TO-DATE
Task :CordovaLib:preDebugBuild UP-TO-DATE
Task :CordovaLib:checkDebugManifest UP-TO-DATE
Task :CordovaLib:processDebugManifest UP-TO-DATE
Task :app:preDebugBuild UP-TO-DATE
。。。。
Task :app:assembleDebug UP-TO-DATE
Task :app:cdvBuildDebug UP-TO-DATE

BUILD SUCCESSFUL in 6s
42 actionable tasks: 42 up-to-date
Built the following apk(s):
D:\cmder\cordova\MyApp\platforms\android\app\build\outputs\apk\debug\app-debug.apk
Checking Java JDK and Android SDK versions
ANDROID_SDK_ROOT=D:\android\sdk (recommended setting)
ANDROID_HOME=D:\android\sdk (DEPRECATED)
No target specified, deploying to device ‘127.0.0.1:21503’.
Using apk: D:\cmder\cordova\MyApp\platforms\android\app\build\outputs\apk\debug\app-debug.apk
Package name: io.cordova.hellocordova
LAUNCH SUCCESS


#4

english 那个网站被墙,过不去,日文的还好。


#5

image

建了个批处理 使用逍遥模拟器


#6

折腾得很深入 :grin:


#7

人生在于折腾…