jsdo.it で Hello, world!

1. http://jsdo.it を開く

2. jsdo.it にログイン

画面右上のログインボタンをクリック

3. Start Coding をポチる

4. コーディング開始

 

5. もうすでに Hello, world! がw

6. 編集して Save ボタンをポチる

Readme やタイトルを編集しよう♪

1. Readme を編集

2.タイトルやタグを編集

3.Finish ボタンを押して確認

jsdo.it で tmlib.js を使おう

1. Start Coding をポチる

2. Add Library を選択する

3. tmlib.js を選択し Add ボタンをポチる

4. コードを入力

tm.main(function() {
    var app = tm.app.CanvasApp("#world");
    app.resize(465, 465);
    app.fitWindow();
    app.background = "rgba(0, 0, 0, 0.1)";
    
    var star = tm.app.StarShape(32, 32);
    app.currentScene.addChild(star);
    
    app.currentScene.update = function() {
        if (app.pointing.getPointing()) {
            star.x = app.pointing.x;
            star.y = app.pointing.y;
            star.rotation += 15;
        }
    }
    
    app.run();
});

5. Saveして実行画面を確認

 

6. 適切なタイトル, タグ, ReadMe を設定

 

7. Finish!

スマフォでも動かしてみよう

1. URL の jsdo の部分を jsrun に
変えてスマフォで実行

2. 同じように表示されれば Happy!