Canvas 物竞天择的草原生态链（狼、羊和草地）

Canvas Game of wolves, sheeps and grass

canvas，game

《three.js如何实现贴图模糊效果 - 使用canvas》申请公开！

第三方库
作品简介 4694
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

编译

CSS

HTML

<canvas id=a style=display:block;width:100%;height:100%>
        <script>
            d = document;
            b = d.body;
            c = a.getContext('2d')
        </script>
        <script>
// Configuration: pick values between 0 and 1
grassGrowthRate=0.5
sheepHungriness=0.5
wolfHungriness =0.5
//------
R=Math.random
w=a.width=3*1280
h=a.height=3*768
W=w/64|0
H=h/64|0
for(M=[],m=W*H;m--;)M[m]=R()*4|0
M[(R()*H|0)*W+R()*W|0]=4
m=function(x,y){return y<0||x<0||x>=W||y>=H?0:M[y*W+x]}
N=function(x,y,z){
	return (m((x-1),(y-1))===z?1:0)+(m(x,(y-1))===z?1:0) 
         +(m((x+1),(y-1))===z?1:0)+(m((x-1),y)===z?1:0)
         +(m((x+1),y)===z?1:0)+(m((x-1),(y+1))===z?1:0)
         +(m(x,(y+1))===z?1:0)+(m((x+1),(y+1))===z?1:0)
}
P=function(x,y){
	if(m(x,y)==0&&N(x,y,1)&&R()<grassGrowthRate)return 1 // (1)
	if(m(x,y)==1&&N(x,y,2)>0&&R()<sheepHungriness)return 2 // (2)
	if(m(x,y)==2){ // (3) && (4)
		if(N(x,y,1)==0)return 0
		if(N(x,y,3)>0&&R()<wolfHungriness)return 3
	}
	if(m(x,y)==3)if(N(x,y,2)==0||N(x,y,4)>0)return 0 // (5) && (6)
	return m(x,y) // (7)
}
E=function(u,f,i,j,k){
	for(k=j=u.length;j--;)
		i=new Image(),
		i.src='https://assets-cdn.github.com/images/icons/emoji/unicode/1f4'+u[j]+'.png',
		i.onload=function(){if(!--k)f(u)},
		u[j]=i
}
E([11,'3a',68],function(I){
	G=document.createElement('canvas')
	G.width=G.height=64
	g=G.getContext('2d')
	g.fillStyle='rgba(0,255,0,0.02)'
	for(i=5e3;i--;)g.fillRect(R()*64,R()*64,4,4)
	I.splice(0,0,new Image(64,64))
	I[0].src=G.toDataURL()
	I.splice(0,0,new Image(64,64))
	~function L(){
		c.fillStyle='rgba(51,51,51,0.9)'
		c.fillRect(0,0,w,h)
		for(y=H;y--;)
			for(x=W;x--;)
				c.drawImage(I[m(x,y)],x*64,y*64)
		window.setTimeout(function(){
			O=[]
			for(y=H;y--;)
				for(x=W;x--;)
					O[y*W+x]=P(x,y)
			M=O
			requestAnimationFrame(L)
		},100)
	}()
})

</script>

Canvas Game of wolves, sheeps and grass

canvas，game

编辑器支持Emmet

快捷键

Canvas Game of wolves, sheeps and grass

canvas，game

Canvas 使用方向键操控的碰碰球小游戏

html5 canvas猎捉外星人游戏地图显示演示

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：