& Android游戏开发教程之一：地图编辑器
Android游戏开发教程之一：地图编辑器
& & & &Mappy中文地图编辑器的使用说明& & & &下载地址：& & & &压缩包中包含 游戏地图编辑器使用指南 与地图资源图片 宫院1.png 一张 mapwin.exe 可执行文件 map.FMP 与map.TXT为使用编辑器生成出来的保存文件与地图数组。& & & &解压后打开地图编辑器 mapwin.exe.exe 创建一张新的地图。& & & &由于我用的Android模拟器宽高是320X480& & & &地图宽的块数 就是 320 / 32 = 10& & & &地图高的块数 就是 480 / 32 = 15& & & &这里扩充一下 实际在工作开发中因为手机的分辨率各式各样 所以是需要尺寸考虑自适应的 有两种方法可以拿到当前手机屏幕的宽高
Display&display&=&getWindowManager().getDefaultDisplay();&&
Log.i(&view&&,&&height:&&+display.getHeight());&&
Log.i(&view&&,&&width:&&+display.getWidth());&&
DisplayMetrics&displayMetrics&=&getResources().getDisplayMetrics();&&
Log.i(&view&&,&&height&&+displayMetrics.heightPixels);&&
Log.i(&view&&,&&width&&+displayMetrics.widthPixels);&&& & & &弹出框后点击确定& & & &导入地图图块 编辑器下载地址中包含了一张 地图图片 可以选择使用& & & &因为编辑器是须要美术图片配合使用的 比如tile的尺寸 图片的宽高尺寸必需能被整除。& & & 导入地图图块成功，右侧为导入的地图资源 接下来就是自己拖动右侧地图块拼出自己想要的地图了。& & & &接下来我将填充3个图层 最底层 实体层 物理层 我会一一介绍他们的作用& & & &图层0为最底层 绘制地图先绘制这一层& & & &图层1为实物层 这一层主要绘制一些actor 绘制完第一层在绘制这一层& & & &图层2为物理层检测物理碰撞这一层不用绘制但是玩家每移动一次就须要以玩家当前点在地图数组中的角标 和物理层做判断是否碰撞，它和Actor层的位置一样。& & & &拼地图的使用技巧 编辑新图层的时候可以把上一个涂层打开进行对比编辑。&& & & &这样子就可以根据0图层的信息来编辑图层1& & & &地图块拼完后编辑完成后点击保存文件 后在点击保存文本数据 &地图数组文件就生成出来了 文件命为map.TXT 里面就存着我们编辑的3个地图层的地图信息。& & & &使用Mappy中文地图编辑器生成的地图信息数组来绘制游戏地图& & & &效果图如下& & & &代码实现& & & &这里我先说一下游戏窗口的全屏实现方法 && & & &第一种
requestWindowFeature(Window.FEATURE_NO_TITLE);&&
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,&WindowManager.LayoutParams.FLAG_FULLSCREEN);&&& & & 第二种 AndroidManifest.xml 中加入
&activity&android:name=&.activity&&&
&&&&&&&&&&android:theme=&@android:style/Theme.NoTitleBar.Fullscreen&&/&&&
public&class&mapAcitvity&extends&Activity&{&&
&&&&@Override&&
&&&&public&void&onCreate(Bundle&savedInstanceState)&{&&
&&&&&&&&super.onCreate(savedInstanceState);&&
&&&&requestWindowFeature(Window.FEATURE_NO_TITLE);&&
&&&&getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,&WindowManager.LayoutParams.FLAG_FULLSCREEN);&&
&&&&setContentView(new&MapView(this));&&
&&&&public&class&MapView&extends&View{&&
&&&&&&&&&&
&&&&public&final&static&int&TILE_WIDTH&=&32;&&
&&&&public&final&static&int&TILE_HEIGHT&=&32;&&
&&&&&&&&&&
&&&&public&final&static&int&TILE_WIDTH_COUNT&=&10;&&
&&&&public&final&static&int&TILE_HEIGHT_COUNT&=&15;&&
&&&&public&final&static&int&TILE_NULL&=&0;&&
&&&&public&int&[][]mMapView&=&{&&
&&&&&&&&{&1,&1,&1,&1,&137,&137,&137,&1,&1,&1&},&&
&&&&&&&&{&1,&1,&1,&1,&137,&137,&137,&1,&1,&1&},&&
&&&&&&&&{&1,&1,&1,&1,&137,&137,&137,&1,&1,&1&},&&
&&&&&&&&{&137,&137,&137,&137,&137,&137,&137,&137,&137,&137&},&&
&&&&&&&&{&137,&137,&137,&137,&137,&137,&137,&137,&137,&137&},&&
&&&&&&&&{&1,&1,&1,&1,&1,&1,&1,&1,&137,&137&},&&
&&&&&&&&{&1,&1,&1,&1,&1,&1,&1,&1,&137,&137&},&&
&&&&&&&&{&1,&1,&1,&1,&1,&1,&1,&1,&137,&137&},&&
&&&&&&&&{&1,&1,&1,&1,&1,&1,&1,&1,&137,&137&},&&
&&&&&&&&{&1,&1,&1,&1,&1,&1,&1,&1,&137,&137&},&&
&&&&&&&&{&1,&1,&1,&1,&1,&1,&1,&1,&137,&137&},&&
&&&&&&&&{&137,&137,&137,&137,&137,&137,&137,&137,&137,&137&},&&
&&&&&&&&{&137,&137,&137,&137,&137,&137,&137,&137,&137,&137&},&&
&&&&&&&&{&1,&1,&1,&1,&1,&137,&137,&137,&1,&1&},&&
&&&&&&&&{&1,&1,&1,&1,&1,&137,&137,&137,&1,&1&}&&
&&&&&&&&};&&
&&&&public&int&[][]mMapAcotor&&=&{&&
&&&&&&&&{&102,&103,&103,&104,&0,&0,&0,&165,&166,&167&},&&
&&&&&&&&{&110,&111,&111,&112,&0,&0,&0,&173,&174,&175&},&&
&&&&&&&&{&126,&127,&127,&128,&0,&0,&0,&181,&182,&183&},&&
&&&&&&&&{&0,&0,&0,&0,&0,&0,&0,&0,&0,&0&},&&
&&&&&&&&{&0,&0,&0,&0,&0,&0,&0,&0,&0,&0&},&&
&&&&&&&&{&41,&42,&43,&44,&0,&0,&0,&0,&0,&0&},&&
&&&&&&&&{&49,&50,&51,&52,&0,&0,&0,&0,&0,&0&},&&
&&&&&&&&{&57,&58,&59,&60,&229,&230,&231,&232,&0,&0&},&&
&&&&&&&&{&65,&66,&67,&68,&237,&238,&239,&240,&0,&0&},&&
&&&&&&&&{&0,&0,&0,&0,&245,&246,&247,&248,&0,&0&},&&
&&&&&&&&{&0,&0,&0,&0,&0,&254,&255,&0,&0,&0&},&&
&&&&&&&&{&0,&0,&0,&0,&0,&0,&0,&0,&0,&0&},&&
&&&&&&&&{&0,&0,&0,&0,&0,&0,&0,&0,&0,&0&},&&
&&&&&&&&{&102,&103,&103,&103,&104,&0,&0,&0,&143,&144&},&&
&&&&&&&&{&110,&111,&111,&111,&112,&0,&0,&0,&143,&144&}&&
&&&&&&&&};&&
&&&&Bitmap&mBitmap&=&null;&&
&&&&Resources&mResources&=&null;&&
&&&&Paint&mPaint&=&null;&&
&&&&int&mWidthTileCount&=&0;&&
&&&&int&mHeightTileCount&=&0;&&
&&&&int&mBitMapWidth&=&0;&&
&&&&int&mBitMapHeight&=&0;&&
&&&&public&MapView(Context&context)&{&&
&&&&&&&&super(context);&&
&&&&&&&&mPaint&=&new&Paint();&&
&&&&&&&&mBitmap&=&ReadBitMap(context,&R.drawable.map);&&
&&&&&&&&mBitMapWidth&=&mBitmap.getWidth();&&
&&&&&&&&mBitMapHeight&=&mBitmap.getHeight();&&
&&&&&&&&mWidthTileCount&=&mBitMapWidth&/&TILE_WIDTH;&&
&&&&&&&&mHeightTileCount&=&mBitMapHeight&/&TILE_HEIGHT;&&
&&&&&&&&@Override&&
&&&&&&&&protected&void&onDraw(Canvas&canvas)&{&&
&&&&&&&&&&&&DrawMap(canvas,mPaint,mBitmap);&&
&&&&&&&&&&&&super.onDraw(canvas);&&
&&&&&&&&}&&
&&&&&&&&private&void&DrawMap(Canvas&canvas,Paint&paint&,Bitmap&bitmap)&{&&
&&&&&&&&&&&&int&i,j;&&
&&&&&&&&&&&&for(i&=&0;&i&&TILE_HEIGHT_COUNT;&i++)&{&&
&&&&&&&&&&&&for(j&=&0;&j&TILE_WIDTH_COUNT;j++)&{&&
&&&&&&&&&&&&&&&&int&ViewID&=&&mMapView[i][j];&&
&&&&&&&&&&&&&&&&int&ActorID&=&mMapAcotor[i][j];&&
&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&if(ViewID&&&TILE_NULL)&{&&
&&&&&&&&&&&&&&&&&DrawMapTile(ViewID,canvas,paint,bitmap,&j&*&TILE_WIDTH&,&i&*&TILE_HEIGHT);&&
&&&&&&&&&&&&&&&&}&&
&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&if(ActorID&&&TILE_NULL)&{&&
&&&&&&&&&&&&&&&&DrawMapTile(ActorID,canvas,paint,bitmap,&j&*&TILE_WIDTH&,&i&*&TILE_HEIGHT);&&
&&&&&&&&&&&&&&&&}&&
&&&&&&&&&&&&}&&
&&&&&&&&&&&&}&&
&&&&&&&&}&&
&&&&&&&&private&void&DrawMapTile(int&id,Canvas&canvas,Paint&paint&,Bitmap&bitmap,int&x,&int&y)&{&&
&&&&&&&&&&&&&&
&&&&&&&&&&&&&&
&&&&&&&&&&&&id--;&&
&&&&&&&&&&&&int&count&=&id&/mWidthTileC&&
&&&&&&&&&&&&int&bitmapX&=&(id&-&(count&*&mWidthTileCount))&*&TILE_WIDTH;&&
&&&&&&&&&&&&int&bitmapY&=&count&*&TILE_HEIGHT;&&
&&&&&&&&&&&&DrawClipImage(canvas,paint,bitmap,x,y,bitmapX,bitmapY,TILE_WIDTH,TILE_HEIGHT);&&
&&&&&&&&}&&
&&&&&&&&public&Bitmap&ReadBitMap(Context&context,&int&resId){&&
&&&&&&&&&&&&BitmapFactory.Options&opt&=&new&BitmapFactory.Options();&&
&&&&&&&&&&&&opt.inPreferredConfig&=&Bitmap.Config.RGB_565;&&
&&&&&&&&&&&&opt.inPurgeable&=&true;&&
&&&&&&&&&&&&opt.inInputShareable&=&true;&&
&&&&&&&&&&&&&&
&&&&&&&&&&&&InputStream&is&=&context.getResources().openRawResource(resId);&&
&&&&&&&&&&&&&&&&return&BitmapFactory.decodeStream(is,null,opt);&&
&&&&&&&&}&&&&
&&&&private&void&DrawClipImage(Canvas&canvas,Paint&paint&,Bitmap&bitmap,&int&x,&int&y,&int&src_x,&int&src_y,&int&src_xp,&int&src_yp)&{&&
&&&&&&&&canvas.save();&&
&&&&&&&&canvas.clipRect(x,&y,&x&+&src_xp,&y&+&src_yp);&&
&&&&&&&&canvas.drawBitmap(bitmap,&x&-&src_x,&y&-&src_y,paint);&&
&&&&&&&&canvas.restore();&&
}&&& & & &最后如果你还是觉得我写的不够详细 看的不够爽 不要紧我把源代码的下载地址贴出来 欢迎大家一起讨论学习& & & &下载地址：& & & &这里我详细说一下编辑器生成出来的数组怎么用?就拿生成出来的ID 137为例 &假设 tile的宽高为32 137表示从图片的左上角从左到右从上到下 数到第137个tile 就是我们须要绘制的tile &&绘制方面利用 clipRect方法来剪裁图片 实现绘制 下一章我讲游戏中的摄像头机制 会详细介绍这一点。
本文发布：
本文地址：
发布:鸡啄米
&&( 13:54:45)&&( 16:40:1)&&( 16:11:44)&&( 16:44:49)&&( 15:43:20)&&( 16:29:21)&&( 20:23:58)&&( 21:21:9)&&( 20:52:44)&&( 21:49:43)
完全随机文章