手机微信可以做网站吗,无锡房产网,手机网站和电脑网站一样吗,网站底部设计随着JavaFX嵌入式版本的问世#xff0c;我们的框架对于游戏开发变得越来越有趣#xff0c;因为我们现在可以瞄准平板电脑和智能手机等小型消费类设备。 因此#xff0c;我决定对JavaFX进行更多的游戏编写实验。 这次#xff0c;我想使用Canvas对渲染进行更多控制#xff0… 随着JavaFX嵌入式版本的问世我们的框架对于游戏开发变得越来越有趣因为我们现在可以瞄准平板电脑和智能手机等小型消费类设备。 因此我决定对JavaFX进行更多的游戏编写实验。 这次我想使用Canvas对渲染进行更多控制以便能够在较小的设备上优化性能。 这些是我编写Tile Engine时的经验。 早期游戏机和计算机的资源非常有限。 因此为了使游戏具有成千上万的大屏幕开发人员需要想出一种方法来以每个屏幕的位图以外的格式存储屏幕。 因此发明了Tile Engine它们可以从有限的一组可重复使用的较小图形标题中生成大屏幕。 这样可以节省内存并提高渲染性能。 如何生成屏幕的说明存储在TileMaps中。 这些地图通常组织为Tile ID的二维矩阵。 通常磁贴按层进行组织以实现简单的Z顺序并在组合具有不同背景的图形时具有更大的灵活性。 通常TileMaps还支持存储元数据例如如果某些图块被阻止或敌人的生成点。 带有多个图层的TileMap使用 映射中引用的图块通常存储在TileSet中该图块由单个位图和有关如何将其划分为图块的元信息组成。 这是来自opengameart.com的此类图像的示例该网站托管具有开放源代码许可的游戏资产。 在我的示例中我使用了其中一些图形。 典型的TileSet图像尺寸为1024 x 1024^ 2 适用于图形卡 TMX格式的另一项功能是对象层。 这些特殊层可用于定义自由形状和折线并为其指定属性。 其背后的基本思想是我们可以使用它们来定义创建精灵生成点出口门户和非矩形碰撞形状的区域。 取决于TileEngine的创建者或使用它来构建游戏的开发者来定义如何处理ObjectGroup。 我打算广泛使用它们它们是用于声明性定义游戏玩法的很好的扩展点。 例如您可以使用它们来定义动画skript对话框等。 在 tilemap的想法也允许一个很好的工作流。 图形设计师可以创建资产游戏设计师可以将其导入“ Tiled”等关卡编辑器并通过拖放来设计关卡。 地图以机器可读的TileMap格式存储。 例如Tiled使用TMX Map格式存储TileMap。 那是一种非常简单的XML格式然后可以由TileEngine加载。 对于我的实现我决定使用TMX格式因此可以使用“ Tiled ”来设计级别。 对于实现我决定在使用单个节点时使用JavaFX Canvas立即模式渲染而不是保留模式渲染。 这使我有了更多控制权可以优化Raspberry Pi等小型设备的性能。 我们需要的第一件事是读取TileMapTMX和TileSetTSX文件的方法 。 使用JAXB创建可以从文件创建POJO的TileMapReader非常简单。 因此如果您使用引擎则只需调用 TileMap map TileMapReader.readMap(“path/to/my/map.tmx”); 由于在大多数游戏中“ TileMaps”将比屏幕大因此仅渲染“ Map”的一部分。 通常地图以英雄为中心。 您只需跟踪屏幕左上角的地图位置即可。 我们将此称为我们的相机位置。 然后在像这样渲染TileMap之前从英雄的位置更新位置 // the center of the screen is the preferred location of our herodouble centerX screenWidth / 2;double centerY screenHeight / 2;cameraX hero.getX() - centerX;cameraY hero.getY() - centerY; 我们只需要确保相机没有离开图块地图即可 // if we get too close to the bordersif (cameraX cameraMaxX) {cameraX cameraMaxX;}if (cameraY cameraMaxY) {cameraY cameraMaxY;} 使用Canvas渲染TileMap 然后渲染图块非常容易。 我们只需遍历图层并要求tilemap在当前位置渲染正确的图像。 首先我们需要找出当前可见的图块以及偏移量因为我们的英雄逐像素而不是逐图地移动 // x,y index of first tile to be shownint startX (int) (cameraX / tileWidth);int startY (int) (cameraY / tileHeight);// the offset in pixelsint offX (int) (cameraX % tileWidth);int offY (int) (cameraY % tileHeight);Then we loop through the visible layers and draw the tile:for (int y 0; y screenHeightInTiles; y) {for (int x 0; x screenWidthInTiles; x) {// get the tile id of the tile at this positionint gid layer.getGid((x startX) ((y startY) * tileMap.getWidth()));graphicsContext2D.save();// position the graphicscontext for drawinggraphicsContext2D.translate((x * tileWidth) - offX, (y * tileHeight) - offY);// ask the tilemap to draw the tiletileMap.drawTile(graphicsContext2D, gid);// restore the old stategraphicsContext2D.restore();}} 然后TileMap将找出该Tile属于哪个Tileset并要求TileSet将其绘制到Context。 绘制本身就像在TileSets图像中找到正确的坐标一样简单 public void drawTile(GraphicsContext graphicsContext2D, int tileIndex) {int x tileIndex % cols;int y tileIndex / cols;// TODO support for margin and spacinggraphicsContext2D.drawImage(tileImage, x * tilewidth, y* tileheight, tilewidth, tileheight, 0, 0, tilewidth, tileheight);} 游戏循环。 因此我们可以将其简化为 游戏循环再次非常简单。 我正在使用时间轴和关键帧以特定帧率FPS为游戏触发脉冲 final Duration oneFrameAmt Duration.millis(1000 / FPS);final KeyFrame oneFrame new KeyFrame(oneFrameAmt,new EventHandler() {Overridepublic void handle(Event t) {update();render();}});TimelineBuilder.create().cycleCount(Animation.INDEFINITE).keyFrames(oneFrame).build().play(); TileMapCanvas中的每个update更新都循环遍历所有Sprites并对其进行更新。 基本Sprite当前包含一个带有行走周期的TileSet如下所示 由于子画面通常在其周围有很多透明空间因此为了为动画行为例如挥剑提供一些额外的空间为方便起见我决定允许添加MoveBox和CollisionBox。 CollisionBox可以用于定义我们的英雄可能受到伤害的区域。 MoveBox应该放在腿周围这样它就可以在上半身与瓷砖重叠的情况下通过禁止的瓷砖前面。 我们的“英雄”周围的蓝色区域是精灵边界 https://www.youtube.com/watch?v08H6LZkcqXw 子画面也可以具有定时行为。 在每次更新时Sprite都会循环遍历其行为并检查是否该触发。 如果是这样则调用“行为”方法。 如果我们有一个敌人例如示例应用程序中的骨架我们可以在此处添加它为AI。 例如我们的骷髅具有非常简单的行为可以使其跟随我们的英雄。 它还会检查碰撞并像这样对我们的英雄造成伤害 monsterSprite.addBehaviour(new Sprite.Behavior() {Overridepublic void behave(Sprite sprite, TileMapCanvas playingField) {if (sprite.getCollisionBox().intersects(hero.getCollisionBox())) {hero.hurt(1);}}}); 默认间隔是一秒钟。 如果需要其他间隔可以设置它们。 行为是可重用的不同的Sprite可以共享相同的Behavior实例。 行为与KeyFrames相似并且我目前还使用它们来为Animations计时增加下一个渲染调用的tile索引。 如开头所述ObjectGroup是方便的扩展点。 在我的示例游戏中我使用它们来定义英雄和怪物的生成点。 当前您只需添加一个ObjectGroupHandler然后使用ObjectGroup中的信息来创建Hero和Monster精灵并将行为添加到它们 class MonsterHandler implements ObjectGroupHandler {Sprite hero;Overridepublic void handle(ObjectGroup group, final TileMapCanvas field) {if (group.getName().equals(sprites)) {for (TObject tObject : group.getObjectLIst()) {if (tObject.getName().equals(MonsterSpawner)) {try {double x tObject.getX();double y tObject.getY();TileSet monster TileMapReader.readSet(/de/eppleton/tileengine/resources/maps/BODY_skeleton.tsx);Sprite monsterSprite new Sprite(monster, 9, x, y, monster);monsterSprite.setMoveBox(new Rectangle2D(18, 42, 28, 20));field.addSprite(monsterSprite);monsterSprite.addBehaviour(new Sprite.Behavior() {Overridepublic void behave(Sprite sprite, TileMapCanvas playingField) {if (sprite.getCollisionBox().intersects(hero.getCollisionBox())) {hero.hurt(1);}}});} 放在一起 要创建一个示例游戏您需要做的就是创建TileMapsTileSets一个或多个ObjectGroupHandler来创建Sprites并添加Behavior然后就可以开始游戏了 // create the worldTileMap tileMap TileMapReader.readMap(/de/eppleton/tileengine/resources/maps/sample.tmx);// initialize the TileMapCanvasTileMapCanvas playingField new TileMapCanvas(tileMap, 0, 0, 500, 500);// add Handlers, can also be done declaratively.playingField.addObjectGroupHandler(new MonsterHandler());// display the TileMapCanvasStackPane root new StackPane();root.getChildren().add(playingField);Scene scene new Scene(root, 500, 500);playingField.requestFocus();primaryStage.setTitle(Tile Engine Sample);primaryStage.setScene(scene);primaryStage.show(); 那是我的Tile Engine的起点。 同时它已经发展成为更通用的2D引擎因此还支持不使用TileSet的Sprite和自由渲染的Layers。 到目前为止它仍然运行良好。 参考 Eppleton博客上的JCG合作伙伴 Toni Epple 用JavaFX编写了一个Tile Engine 。 翻译自: https://www.javacodegeeks.com/2013/01/writing-a-tile-engine-in-javafx.html
