Scratch3風の動きをJavascriptで書く、というコンセプトのライブラリです。 Scratch-renderを使い、Scratch3と同様の動きをまねることを目指しています。 Typescriptのコード補完を導入し初心者でも分かりやすくプログラミングできるようにしています。 また、EslintでTscratch3独自の構文チェックをかけていますので、適切なコードに強制します。
This is a library based on the concept of writing Scratch3-style programming in Javascript.
Using Scratch-render, we aim to mimic the same behavior as Scratch3.
We have introduced Typescript code completion to make programming easy even for beginners.
Eslint runs Tscratch3’s own syntax check, forcing the code to be appropriate.
npm install --save @amami-harhid/tscratch3likejs
testTs フォルダを参照してください。
ビルド結果を使った動作確認をしたいときは次より参照してください。
http://ts3.mirai-logic.com/testTs
git clone https://github.com/amami-harhid/templateTscrach3.git
StopOtherScriptの後でhideをするとhideしてくれない 【A】hide()の後ろにログを入れてもログがでない。
textSprite.Event.whenBroadcastReceived('IntroStart', async function*(){
for(;;){
if(this.Sensing.isMouseTouching() && this.Sensing.isMouseDown()){
this.Event.broadcast('CherryStart');
this.Control.stopOtherScripts();
// StopOtherScriptの後でhideをするとhideしない。
this.Looks.hide(); // <=== 【A】
break;
}
yield;
}
});
stopOtherScripts()のなかの this は proxyではないため、threadIdを持っていない。 そのため Threads「自分自身以外のスレッドを止める」の判定にて、自分自身を含めて止めていた。
stopOtherScript(this) と Proxyである thisを渡すように変更した【完了6/14】
本体スプライトの ImageEffectが クローンに引き継がれない
スプライトクローン側でPEN機能を使うと下記エラーが発生する createPenSkin()は 10回までしかできないのかな？
MaxListenersExceededWarning: Possible EventEmitter memory leak detected
放置していてたとえばスタンプを取り続けると動作が遅くなっていく。 Scratch3-render / PenSkin
this._renderer.on(RenderConstants.Events.NativeSizeChanged, this.onNativeSizeChanged);
PenSkin を disposeしていないので Sprite#remove() 時に Penをdisposeするようにした。 –> disposeすると Stampも消えてしまう弊害あり( 本家と結果が違う ) 遅くはならなくなったが、それでも、MaxListenersExceededWarningは表示される。
PenSkinは、スプライトごとに存在させるのではなく、通しで１個だけなのではないか？
PenSkinは instanceは１個だけにする。(シングルトンにした) stamp()が撮れない。 理屈はうまくいっているのであるが、よくわからない。 シングルトンのままにしてスタンプが取れない理由を突き詰めて調査する。
updateDrawableSkinIdのskinIdを間違えていた。–> 修正してうまくいった。【完了6/14】
renderer.updateDrawableSkinId(penDrawableId, skinId);
連続してクローンを作りながら、本体のコスチュームを変えていくとき、 クローンされた側のコスチュームが正しく受け継がれない（微妙にずれてしまう）事象。
クローン処理は非同期、クローンが終わらないうちに 本体のコスチュームを変える(Costume.next)が動いているためと推測される。
ライブラリ側での対処は難しいので、スクリプト側で対処することにしたい
await this.Control.clone();
this.Looks.Costume.next();
this.Control.clone().then(_=>{
this.Looks.Costume.next();
});
const promise = [];
// eslint-disable-next-line loopCheck/s3-loop-plugin
for(const x of xArr){
this.Motion.Position.x = x;
const clone = this.Control.clone();
promise.push(clone);
}
await Promise.all(promise);
this.Looks.Costume.next();
{} を与えるとき、{x: 0, y: 0} と同じにしたい。【完了 6/20】 [0,0] を与えたら、{x: 0, y: 0} と同じにしたい。【完了 6/19】
Looks.Size.scale も同様とする 【完了 6/20】
random, randomInteger としたい。
同期型に改良。