スプライトの画像が表示されません

Question

前提・実現したいこと

「つくりながら覚えるスマホゲームプログラミング」という本を参考にenchant.jsを用いた制作を行おうと思っているのですが、png画像を表示することができません。初歩的なことで申し訳ないのですが原因を教えていただけると幸いです。

発生している問題・エラーメッセージ

実行した際に、背景色のみが表示され、画像が表示されません。

該当のソースコード

enchant();
window.onload=function(){
  let game=new Game(window.innerWidth,window.innerHeight);
  game.preload('img/chara1.png');
  
  game.onload=function(){
    let char1=new Sprite(32,32);
    char1.img=game.assets['img/chara1.png'];
    char1.x=50; char1.y=50;
    game.rootScene.backgroundColor='#eeeeff';
    game.rootScene.addChild(char1);
  };
  game.start();
};

Answer 1

ソースのこの行が間違っていました。

    char1.img=game.assets['img/chara1.png'];

こちらが正しいです。本当に初歩的なミスで恥ずかしい

    char1.image=game.assets['img/chara1.png'];