跟老师代码一样，但是只能绘制出一组铅笔是哪出错了呢

Question

run()
{
    //绘制背景
    this.dataStore.get('background').draw();

    //绘制铅笔前判断
    const pencils = this.dataStore.get('pencils');
    //此时铅笔的右边界恰好移除canvas左边界
    if (pencils[0].x + pencils[0].width <= 0 && pencils.length === 4)
    {
        //将数组中的铅笔移除
        pencils.shift();//上
        pencils.shift();//下
    }

    if (pencils[0].x <= (window.innerWidth - pencils[0].width) / 2 && pencils.length === 2)
    {
        this.createPencil();
    }

    //绘制铅笔
    this.dataStore.get('pencils').forEach(function (value) {
        value.draw();
    });

    //绘制地面
    this.dataStore.get('land').draw();


    let timer = requestAnimationFrame(() => this.run());
    this.dataStore.put('timer',timer);
    //cancelAnimationFrame(this.dataStore.get('timer'));
}

Answer 1

Echolulu 2018-08-17 10:30:43

我解决了，楼主你log下pencils[0]看下里面的属性有没有写错的，然后再log下pencils[0].x <= (window.innerWidth - pencils[0].width) / 2，看是不是有true

• 慕粉1473820028 #1

  请问一下如果没有true怎么解决啊  谢谢！！

• 慕粉1473820028 #2

  是log pencil.length===2没有true

Answer 2

Echolulu 2018-08-16 14:00:33

我也是这个问题，楼主解决了吗0.0

Answer 3

傅猿猿 2018-05-04 01:14:38

你看看初始化铅笔那块，如果刚刚开始没有正确的初始化，这块代码就算一模一样，也没有判断的必要条件，就是在导演类里初始化铅笔创建那块，对一下