即時関数内での関数使用ができない

Question

プログラミング初心者です。以下のコードはマウスの動きと同時にボールが動くようにしたいのですが、そもそも赤い球が描写されません。ご教授願います。
ちなみに、Pointはほかのファイルでfunction Point(){
this.x=0; this.y=0;}　と書いてあります。

コード
let screenCanvas;
let run=true;
let info;
let fps=1000/30;
let mouse=new Point();
let ctx;
let fire=false;

const shot_color="red";
const shot_count=10;

screenCanvas=document.getElementById("mycanv");
let ctx=screenCanvas.getContext("2d");


window.onload=function(){
    screenCanvas.addEventListener("mousemove",mouseMove,true);
    window.addEventListener("keydown",keyDown,true);
    screenCanvas.addEventListener("mousedown",mouseMove,ture);
    info=document.getElementById("info");

    let chara=new character();
    chara.init(10);
   
    (function(){
        info.innerHTML=mouse.x+":"+mouse.y;

        ctx.clearRect(0,0,screenCanvas.offsetWidth,screenCanvas.offsetHeight);
        draw();
        if(run){setTimeout(arguments.callee,fps);}
    })();
};


function draw(){
    ctx.beginPath()
        chara.potision.x=mouse.x;
        chara.potision.y=mouse.y;
        ctx.fillStyle="red";
        ctx.arc(chara.potision.x,chara.potision.y,chara.size,0,Math.PI*2,false);
        ctx.fill();
        ctx.closePath();
}

function mouseMove(event){
    mouse.x = event.clientX - screenCanvas.offsetLeft;
    mouse.y = event.clientY - screenCanvas.offsetTop;

}

function mouseDown(event){
    fire=true;
}

function keyDown(event){
    let ck=event.keyCode;
    if(ck===27){
        run=false;
    }
}

Comments

[maisumakun]

＞ window.onload＝の中でなく外でfunction draw(){ボールを描く}　とした後に

ctxなどはどのようにしましたか？

[Lhankor_Mhy]

『即時関数内にdraw();と書くと描写されません』とのことですが、その部分のコードが見当たりませんでした。

[y_waiwai]

このままではコードが読みづらいので、質問を編集し、<code>ボタンを押し、出てくる’’’の枠の中にコードを貼り付けてください

[yambejp]

Pointはどこからもってきたのでしょうか？

[m.ts10806]

即時関数内で関数が動作するかミニマムコードで確認してみては

[makatin]

アドバイスありがとうございます。一度やり直してみます。

[m.ts10806]

質問は編集できますので適宜調整してください。

[maisumakun]

・コンソールにエラーは出ていませんか？
・JavaScriptファイルはHTMLのどこで読み込んでいますか？

[makatin]

エラーは出てなさそうです。
ファイルはボディータグのキャンバスタグの下で読み込んでいます。

Answer 1

普通の関数にすればどうですか？

move();

function move(){
    info.innerHTML=mouse.x+":"+mouse.y;

    ctx.clearRect(0,0,screenCanvas.offsetWidth,screenCanvas.offsetHeight);
    draw();
    if(run){
        setTimeout(move,fps);
    }
}