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

不二如是

                               
登录/注册后可看大图

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

不许看答案，否则打屁屁

---

程序分析：

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

源代码：

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

---

○面试题索引贴●

如果喜欢，请订阅 ：

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

李金龙

我要看代码

不二如是

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

热烈欢迎李总～

李金龙

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

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

yangtianyu

想看代码

佳阳

好奇

木偶

lh625243422

看看大神怎么写

joker....

Evan.yin

看看

Summoniyin

我丢了一匹码

向一朵朵鲜花

读下代码．

dsa159245

1. <script>
   
2.                         var c = c1.getContext('2d');
   
3.                        
   
4.                         function a(){
   
5.                                 c.beginPath();
   
6.                                 c.arc(333,333,150,0,Math.PI*2);
   
7.                                 c.stroke();
   
8.                                
   
9.                                 c.beginPath();
   
10.                                 c.arc(350,250,40,0,Math.PI*2);
    
11.                                 c.fillStyle = "blue";
    
12.                                 c.fill();
    
13.                                 c.stroke();
    
14.                                
    
15.                                 c.beginPath();
    
16.                                 c.arc(370,235,10,0,Math.PI*2);
    
17.                                 c.fillStyle = "#fff";
    
18.                                 c.fill();
    
19.                                 c.stroke();
    
20.                                
    
21.                                
    
22.                                 c.moveTo(333,333);
    
23.                                 c.lineTo(483,333);
    
24.                                 c.stroke();
    
25.                         }
    
26.                         var cool = Math.PI/180;
    
27.                         function b(){
    
28.                                 c.beginPath();
    
29.                                 c.moveTo(333,333);
    
30.                                 c.closePath();
    
31.                                 c.arc(333,333,150,45*cool,315*cool);
    
32.                                 c.closePath();
    
33.                                 c.stroke();
    
34.                                  
    
35.                                 c.beginPath();
    
36.                                 c.arc(350,250,40,0,Math.PI*2);
    
37.                                 c.fillStyle = "blue";
    
38.                                 c.fill();
    
39.                                 c.stroke();
    
40.                                
    
41.                                 c.beginPath();
    
42.                                 c.arc(370,235,10,0,Math.PI*2);
    
43.                                 c.fillStyle = "red";
    
44.                                 c.fill();
    
45.                                 c.stroke();
    
46.                         }
    
47.                         var n = 1;
    
48.                         var t = setInterval(function(){
    
49.                                 c.clearRect(0,0,666,666);
    
50.                                 if(n == 1){
    
51.                                         b();
    
52.                                         n = 2;
    
53.                                 }else{
    
54.                                         a();
    
55.                                         n = 1;
    
56.                                 }
    
57.                                  
    
58.                                  
    
59.                                
    
60.                         },1000);
    
61.                          
    
62.                          
    
63.                 </script>

复制代码

旭儿大大

看代码

#NEVER

看一下

边逗比大人

JHGJ

a211827754

good job

我叫MD

过来学习ia

良辰学习找女友

不会哈哈哈

Lfssst

回复