在小程序中为图片添加圆角的方法
681
2022-09-01
JS 构建对象实例
构建一个地图,
1.需要一个世界类,包含两个属性,一个图例属性,一个存储地图的属性。
2.需要一个地图类,地图类封装保存,取出地图元素的方法,以及存储地图。
一个格子类,该类为该格子,x,y坐标。
3.动物类,保存动物能用方向等信息。
流程:给世界类输入地图和图例(对象),1,世界类保存输入的地图为地图类,2,保存图例。通过一个foreach函数给该世界对象里的地图属性设置上每个元素,通过一个elementfromchar函数把非空的格子设置成动物类。
给世界添加了以一个属性tostring,获取每个地图类的格子元素,通过charfromelement函数输出成字符串。
4,添加一个view类为小动物的可视范围。该类会在世界类调用turn方法里面的letact方法时调用,也就是在动物移动的时候的才会去看往哪个方向可以移动。
整个过程大概是这样:通过传入地图字符串和图例,构建一个世界类的对象,世界类对象world有两个属性,grid是一个地图类,用来保存地图,legend存储图例对象。在world构造函数中会执行一个地图类(三个属性和四个方法,属性分别为space地图数组,为一维数组,另外2个为地图的宽和高,get方法,读取某个位置字符,set设置某个位置的字符,isinside方法判断该位置是否出界,并且实现了一个自己的forEach方法,目的是顶一个遍历grid的方法),可以使用call传递context)的方法,根据地图字符串设置好这个地图类,使用turn方法让world进行移动,移动规则为首先找到所有的动物即圆圈,根据已经建好的动物类的方法,使用worldletact方法让其移动,未来避免重复移动,在每次的移动中调用动物的act方法,调用的同时传入一个该位置的view类,同的view的方法检查可以移动的位置,移动是随机移动,移动方向根据view的look查看是否可以移动,不能的话找一个空位置移动,然后通过world tostring打印输出。
var plan = [ "############################", "# # # o ##", "# #", "# ##### #", "## # # ## #", "### ## # #", "# ### # #", "# #### #", "# ## o #", "# o # o ### #", "# # #", "############################"];function Vector(x,y){ this.x=x; this.y=y;}Vector.prototype.plus=function (other) { return new Vector(this.x+other.x,this.y+other.y);};//网格类function Grid(width,height){ this.space = new Array(width*height); this.width=width; this.height=height;}Grid.prototype.isInside=function(vector){ return vector.x >=0 && vector.x < this.width && vector.y >=0 && vector.y < this.height;};Grid.prototype.get=function(vector){ return this.space[vector.x + (vector.y * this.width)];}Grid.prototype.set=function(vector,value){ this.space[vector.x + vector.y * this.width]=value;}Grid.prototype.forEach=function(f,context){ for(var y=0;y
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~