《javascript-少儿编程》第14章在画布上让物体移动之修改位置

  2889      0      0

接下来,在❸处,使用position++,将position增加1.然后,在❹处,通过检查if(position>200),确保了position不会比200大。将其重置为0....

阅读全文   中国少儿编程网        于 2017-04-03 21:29        javascript
《javascript-少儿编程》第14章在画布上让物体移动之绘制矩形

  2645      0      0

一旦清除了画布,在❷处,使用ctx.clearRect(position,0,20,20)在(position,0)这一点绘制一个20像素的方形。...

阅读全文   中国少儿编程网        于 2017-04-01 15:00        javascript
《javascript-少儿编程》第14章在画布上让物体移动之清除画布

  2955      0      0

在传递给setInterval的函数中,在❶处调用了clearRect,它在画布上清除出一个矩形区域。...

阅读全文   中国少儿编程网        于 2017-03-30 20:16        javascript
《javascript-少儿编程》第14章在画布上让物体移动之在页面中移动

  3031      0      0

个新的位置重新绘制它。这听上去有很多个步骤,但是,JavaScript可以很快地更新图形的位置,以创...

阅读全文   中国少儿编程网        于 2017-03-29 19:23        javascript
《javascript-少儿编程》第13章canvas元素之本章小结及挑战编程

  3102      0      0

在本章中,我们学习了名为canvas的一个新的HTML元素。使用画布的绘制环境,我们可以很容易地绘制矩形、线条和圆,可以很好地控制它们的位置、线条宽度和颜色等。...

阅读全文   中国少儿编程网        于 2017-03-28 13:38        javascript
《javascript-少儿编程》第13章canvas元素之用一个函数绘制多个圆

  3329      0      0

我们可以编写一个函数来绘制圆,从而忽略这些细节,只需提供x、y和radius作为参数。让我们现在来做到这一点。...

阅读全文   中国少儿编程网        于 2017-03-26 22:31        javascript
《javascript-少儿编程》第13章canvas元素之绘制整圆

  3454      0      0

我们绘制了一个完整的圆。其圆心位于(150,50),半径为20像素。对于这个圆,我们从0弧度开始并且在Math.PI*2弧度结束,绘制了一个完整的圆。...

阅读全文   中国少儿编程网        于 2017-03-24 21:32        javascript
《javascript-少儿编程》第13章canvas元素之绘制半圆

  3536      0      0

接下来绘制半圆。在处,arc将圆心置于(100,50),这会放置于第一个圆弧的右侧50像素的位置,第一个圆弧的圆心位于(50,50)。...

阅读全文   中国少儿编程网        于 2017-03-22 22:13        javascript
从SCRATCH开始-浅谈初中学生编程思想的培养从

  6039      0      6

学习编程最重要的是编程思想的培养,教师要在程序学习中培养学生利用编程解决问题的能力。使用Scratch编写的动画和游戏非常直观,学生学会了编程的基本原理和方法后,有兴趣也有能力将动画和游戏编写得更逼真...

阅读全文   中国少儿编程网        于 2017-03-20 20:46        scratch
《javascript-少儿编程》第13章canvas元素之绘制四分之一圆或一个圆弧

  3828      0      0

Math.PI 是JavaScript表示数字π(pi)的方式。因为完整的圆是πX2的弧度,π弧度表示一个半圆,π÷2的弧度(我们用于第一个圆弧中)表示四分之一个圆...

阅读全文   中国少儿编程网        于 2017-03-19 20:59        javascript
1 2 3 4 5 6 7 8 9 10 11 112
中国少儿编程网