技法53 (◐‿◑) 利用Canvas画一个“吃豆人”

不二如是

                               
登录/注册后可看大图

按照提示，完成代码，秀秀你的编程能力！

不许看答案，否则打屁屁

---

程序分析：

利用定时器，绘制两个图案，图像各个表情用Cavas函数绘制        [/b]

源代码：

游客，如果您要查看本帖隐藏内容请回复

---

○面试题索引贴●

如果喜欢，请订阅 ：

HTML5 - 庖丁解牛 + JavaScript - 庖丁解牛

李金龙

我要看代码

不二如是

李金龙 发表于 2017-6-26 08:51
我要看代码

热烈欢迎李总～

李金龙

不二如是 发表于 2017-6-26 18:46
热烈欢迎李总～

然后我点击打开了，瞬间我就关闭了，我怕心里有阴影

yangtianyu

想看代码

佳阳

好奇

木偶

lh625243422

看看大神怎么写

joker....

Evan.yin

看看

Summoniyin

我丢了一匹码

向一朵朵鲜花

读下代码．

dsa159245

<script>
                        var c = c1.getContext('2d');
                        
                        function a(){
                                c.beginPath();
                                c.arc(333,333,150,0,Math.PI*2);
                                c.stroke();
                                
                                c.beginPath();
                                c.arc(350,250,40,0,Math.PI*2);
                                c.fillStyle = "blue";
                                c.fill();
                                c.stroke();
                                
                                c.beginPath();
                                c.arc(370,235,10,0,Math.PI*2);
                                c.fillStyle = "#fff";
                                c.fill();
                                c.stroke();
                                
                                
                                c.moveTo(333,333);
                                c.lineTo(483,333);
                                c.stroke();
                        }
                        var cool = Math.PI/180;
                        function b(){
                                c.beginPath();
                                c.moveTo(333,333);
                                c.closePath();
                                c.arc(333,333,150,45*cool,315*cool);
                                c.closePath();
                                c.stroke();
                                 
                                c.beginPath();
                                c.arc(350,250,40,0,Math.PI*2);
                                c.fillStyle = "blue";
                                c.fill();
                                c.stroke(); 
                                
                                c.beginPath();
                                c.arc(370,235,10,0,Math.PI*2);
                                c.fillStyle = "red";
                                c.fill();
                                c.stroke();
                        }
                        var n = 1;
                        var t = setInterval(function(){
                                c.clearRect(0,0,666,666);
                                if(n == 1){
                                        b();
                                        n = 2;
                                }else{
                                        a();
                                        n = 1;
                                }
                                 
                                 
                                
                        },1000);
                         
                         
                </script>

旭儿大大

看代码

#NEVER

看一下

边逗比大人

JHGJ

a211827754

good job

我叫MD

过来学习ia

良辰学习找女友

不会哈哈哈

Lfssst

回复