动态大豆吃豆效果的实现

设计素描 uff1a
代码如下：

V01

VaR的画布document.getelementbyid（画布）；
VaR上下文= canvas.getcontext（2D）；
面向对象的分析
待办事项1。为吃豆人创建对象模板。
函数的Pacman（）{
属性
this.isopen = true； / /做开关
this.start = 45 *数学。π/ 180；
this.end = 315 *数学。π/ 180；
方法
待办事项1。绘制方法
this.paint =函数（）{
吃豆的脸
Context.beginPath（）；
context.arc（250200100，this.start，这端）；
Context.lineTo（250200）；
Context.closePath（）；
context.fillstyle =黄色；
Context.fill（）；
context.stroke（）；
吃豆的眼睛
Context.beginPath（）；
context.arc（250150,15,0，数学。π×2）；
context.fillstyle =黑；
Context.fill（）；
吃豆的眼睛
Context.beginPath（）；
context.arc（255145,5,0，数学。π×2）；
context.fillstyle =白色；
Context.fill（）；
}
待办事项2。控制开闭开关
this.open =函数（）{
如果（这。开放）{ / /做开放
this.start = 45 *数学。π/ 180；
this.end = 315 *数学。π/ 180；
this.isopen = false；
}其他的
this.start = 0；
this.end =π×2数学；
this.isopen =真；
}
}
}
创建一个吃豆人
Var Pacman =新Pacman（）；
核心控制器
setInterval（）{（）函数（
context.clearrect（0,0，canvas.width，帆布，高度）；
Pacman.paint（）；
Pacman.open（）；
}，200）；

以上是本文的全部内容，希望本文的内容能给大家的学习或工作带来一定的帮助，同时也希望能给予更多的支持！