X-Git-Url: https://troll.desast.re/troll.git/blobdiff_plain/20c63dac92d830a4c61f6d17ecfb8e7e0d04e58d..bee7b9453170b158a412d84533070f837e2cdad5:/src/main/java/com/codingame/game/View.java diff --git a/src/main/java/com/codingame/game/View.java b/src/main/java/com/codingame/game/View.java index 34894ac..13ac93f 100644 --- a/src/main/java/com/codingame/game/View.java +++ b/src/main/java/com/codingame/game/View.java @@ -1,12 +1,363 @@ package com.codingame.game; import java.util.Random; +import java.util.ArrayList; +import java.util.Comparator; +import com.codingame.gameengine.core.MultiplayerGameManager; +import com.codingame.gameengine.module.entities.GraphicEntityModule; +import com.codingame.gameengine.module.entities.Rectangle; import com.codingame.gameengine.module.entities.Sprite; +import com.codingame.gameengine.module.entities.SpriteAnimation; import com.codingame.gameengine.module.entities.Text; +import com.codingame.gameengine.module.entities.Group; +import com.codingame.gameengine.module.entities.Curve; +import com.codingame.gameengine.module.toggle.ToggleModule; +import com.google.inject.Inject; class View { + @Inject private MultiplayerGameManager gameManager; + @Inject private GraphicEntityModule graphicEntityModule; + @Inject ToggleModule toggleModule; + + class Player { + Model.Player model; + + int colorToken; + String nicknameToken; + String avatarToken; + + double frameRot; + + Group avatar; + Text stoneCounter; + Text message; + Sprite castle; + Text stone; + Text stoneReminder; + + void init(com.codingame.game.Player p) { + model = p.model; + colorToken = p.getColorToken(); + nicknameToken = p.getNicknameToken(); + avatarToken = p.getAvatarToken(); + + boolean p0 = model.index == 0; + int x = p0 ? 280 : 1920 - 280; + int y = 220; + + Sprite frame = graphicEntityModule.createSprite() + .setImage("frame.png") + .setAnchor(0.5) + .setRotation(frameRot) + .setZIndex(22) + .setTint(colorToken); + + Sprite frameBg = graphicEntityModule.createSprite() + .setImage("frame_bg.png") + .setAnchor(0.5) + .setRotation(frameRot) + .setZIndex(20); + + Sprite avatarSprite = graphicEntityModule.createSprite() + .setZIndex(21) + .setImage(avatarToken) + .setAnchor(0.5) + .setBaseHeight(116) + .setBaseWidth(116); + + avatar = graphicEntityModule + .createGroup(frame, frameBg, avatarSprite) + .setX(x).setY(y); + + Text text = graphicEntityModule.createText(nicknameToken) + .setX(x) + .setY(y + 120) + .setZIndex(20) + .setFontSize(40) + .setFillColor(0x7f3f00) + .setAnchor(0.5); + + stoneCounter = graphicEntityModule.createText() + .setX(x) + .setY(y+200) + .setZIndex(20) + .setFontSize(40) + .setFillColor(0x7f3f00) + .setAnchor(0.5); + updateStoneCounter(); + + message = graphicEntityModule.createText() + .setX(p0 ? 15 : 1920-15) + .setY(680) + .setZIndex(1) + .setFontSize(40) + .setFillColor(0xffbf7f) + .setAnchorX(p0 ? 0 : 1) + .setAnchorY(1); + + castle = graphicEntityModule.createSprite() + .setImage("castle.png") + .setTint(colorToken) + .setX(p0 ? 160 : 1920-160) + .setY(p0 ? 890 : 880) + .setZIndex(1) + .setAnchorX(0.5) + .setAnchorY(1) + .setScaleX(p0 ? 1 : -1); + + stone = graphicEntityModule.createText() + .setZIndex(3) + .setFontSize(150) + .setFillColor(0x12322a) + .setAnchor(0.5) + .setAlpha(0); + + stoneReminder = graphicEntityModule.createText() + .setX(p0 ? x + 100 : x - 100) + .setY(y) + .setZIndex(20) + .setFontSize(75) + .setFillColor(0x3f3f3f) + .setAnchorX(p0 ? 0 : 1) + .setAnchorY(0.5); + } + + void updateStoneCounter() { + int stones = model.getStones(); + if (stones <= 0) { + stoneCounter.setText("Out of stones!"); + stoneCounter.setFillColor(0xff7777); + } + else if (stones == 1) { + stoneCounter.setText("1 stone"); + stoneCounter.setFillColor(0xffbb77); + } + else { + stoneCounter.setText(stones + " stones"); + } + } + + void animateStones(int stones) { + String stonesString = new Integer(stones).toString(); + stone.setX(castle.getX()); + stone.setY(castle.getY() - 100); + stone.setText(stonesString); + stone.setAlpha(1); + graphicEntityModule.commitEntityState(0, stone); + + int peakX = (castle.getX() + troll.getX()) / 2; + int peakY = 540; + stone.setX(peakX); + stone.setY(peakY, Curve.EASE_OUT); + graphicEntityModule.commitEntityState(0.25, + stone, + stoneCounter); + + stone.setX(troll.getX()); + stone.setY(troll.getY() - 50, Curve.EASE_IN); + stone.setAlpha(0, Curve.EASE_IN); + graphicEntityModule.commitEntityState(0.5, stone); + + stoneReminder.setText(stonesString); + graphicEntityModule.commitEntityState(0.25, stoneReminder); + stoneReminder.setAlpha(1); + graphicEntityModule.commitEntityState(0.5, stoneReminder); + } + + void displayMessage(String msg) { + message.setText(msg); + graphicEntityModule.commitEntityState(0, message); + } + + void markLoser() { + graphicEntityModule.commitEntityState(0.5, avatar); + int dir = random.nextInt(2) == 1 ? 1 : -1; + avatar.setRotation(dir * 170 * Math.PI / 180, Curve.ELASTIC); + } + + void destroy() { + graphicEntityModule.commitEntityState(0.5, castle); + castle.setX(castle.getX(), Curve.ELASTIC); + castle.setScaleY(-0.2, Curve.EASE_IN); + } + + void startTurn() { + stoneReminder.setAlpha(0); + graphicEntityModule.commitEntityState(0, stoneReminder); + } + } + + Model model; Random random = new Random(); Sprite troll; Text trollPositionGauge; + Player p0 = new Player(), p1 = new Player(); + + void init(Model m) { + model = m; + drawBackground(); + + /* + * Random π/2-grained rotation of the avatar frames. Avoid + * having them π/2 apart, though, as one of them is likely + * going to end upside-down and the trick would be revealed. + * And I'd have to "draw" a new frame. Ewww. + */ + p0.frameRot = random.nextInt(4) * Math.PI / 2; + p0.init(gameManager.getPlayer(0)); + p1.frameRot = p1.frameRot + + (random.nextInt(2) == 1 ? 1 : -1) * Math.PI / 2; + p1.init(gameManager.getPlayer(1)); + + drawTroll(); + + drawDebug(); + } + + void startTurn() { + p0.startTurn(); + p1.startTurn(); + } + + private class Pos { + int x, y; + Pos(int _x, int _y) { x = _x; y = _y; } + } + + private void drawBackground() { + graphicEntityModule.createSprite() + .setImage("background.png") + .setAnchor(0); + + int numMountains = random.nextInt(5); + while (numMountains --> 0) { + final int pngWidth = 366; + double scale = 0.5 * (1 + random.nextDouble()); + int x = random.nextInt(1920 + (int) (scale*pngWidth)) + - (int) (scale*pngWidth/2); + int baseTint = 64 + random.nextInt(128); + Sprite mountain = graphicEntityModule.createSprite() + .setImage("mountain.png") + .setX(x) + .setY(680) + .setAnchorX(0.5) + .setAnchorY(283.0 / 321.0) + .setRotation((random.nextDouble() - 0.5) * Math.PI / 1800) + .setScaleX(random.nextInt(2) == 0 ? scale : -scale) + .setScaleY(scale * (1 + (random.nextDouble() - 0.5) / 2)) + .setSkewX((random.nextDouble() - 0.5) / 4) + .setSkewY((random.nextDouble() - 0.5) / 8) + .setTint((baseTint + random.nextInt(16) - 8) * 0x010000 + + (baseTint + random.nextInt(16) - 8) * 0x0100 + + (baseTint + random.nextInt(16) - 8) * 0x01); + graphicEntityModule.createSprite().setImage("mountaintop.png") + .setX(mountain.getX()) + .setY(mountain.getY()) + .setAnchorX(mountain.getAnchorX()) + .setAnchorY(mountain.getAnchorY()) + .setRotation(mountain.getRotation()) + .setScaleX(mountain.getScaleX()) + .setScaleY(mountain.getScaleY()) + .setSkewX(mountain.getSkewX()) + .setSkewY(mountain.getSkewY()); + } + + int numTrees = random.nextInt(21); + ArrayList poss = new ArrayList(numTrees); + while (numTrees --> 0) { + int x, y; + do { + x = random.nextInt(1920); + // yes, this biases randomness wrt perspective! :-( + y = 700 + random.nextInt(175); + } while (y > 880 && (x < 200 || x > 1720)); + poss.add(new Pos(x, y)); + } + poss.sort(new Comparator() { + public int compare(Pos a, Pos b) { return a.y < b.y ? -1 : 1; } + }); + + for (Pos p : poss) { + double scale = ( 90.0 / 433.0 // base height from PNG + * (p.y - 680) / (875 - 680) ); // perspective + graphicEntityModule.createSprite() + .setImage(random.nextInt(2) == 0 ? "Alshockv1.png" + : "Alshockv2.png") + .setAnchorX(0.5) + .setAnchorY(1) + .setX(p.x) + .setY(p.y) + .setScaleX(scale * (random.nextInt(2) == 0 ? -1 : 1) + * (1 + (random.nextDouble() - 0.5) / 6)) + .setScaleY(scale * (1 + (random.nextDouble() -0.5) / 6)) + .setRotation((random.nextDouble() - 0.5) * Math.PI / 1800) + .setSkewX((random.nextDouble() - 0.5) /4) + .setSkewY((random.nextDouble() - 0.5) /8); + } + } + + private void drawTroll() { + troll = graphicEntityModule.createSprite() + .setImage("troll.png") + .setAnchorX(0.5) + .setAnchorY(1) + .setX(1920/2) + .setY(880) + .setZIndex(2); + trollPositionGauge = graphicEntityModule.createText() + .setZIndex(2) + .setAnchor(0.5) + .setFontSize(40) + .setX(1980/2) + .setY(980) + .setFillColor(0xffffff); + + moveTroll(); + } + + void moveTroll() { + graphicEntityModule.commitEntityState(0.5, troll, trollPositionGauge); + int x0 = p0.castle.getX(), x1 = p1.castle.getX(); + int y0 = p0.castle.getY(), y1 = p1.castle.getY(); + troll.setX(x0 + model.trollPosition * (x1-x0) / model.roadLength, + Curve.ELASTIC); + troll.setY(y0 + model.trollPosition * (y1-y0) / model.roadLength, + Curve.ELASTIC); + + trollPositionGauge.setX((trollPositionGauge.getX() + troll.getX()) / 2); + int distLeft = model.trollPosition; + int distRight = model.roadLength - model.trollPosition; + if (distLeft <= 0) { + trollPositionGauge.setText("← " + distRight); + } + else if (distRight <= 0) { + trollPositionGauge.setText(distLeft + " →"); + } + else { + trollPositionGauge.setText(distLeft + " ↔ " + distRight); + } + graphicEntityModule.commitEntityState(0.75, trollPositionGauge); + trollPositionGauge.setX(troll.getX()); + } + + void drawDebug() { + String[] debugModePngs = graphicEntityModule.createSpriteSheetSplitter() + .setSourceImage("debug.png") + .setImageCount(2) + .setWidth(900) + .setHeight(150) + .setOrigRow(0) + .setOrigCol(0) + .setImagesPerRow(1) + .setName("debug") + .split(); + SpriteAnimation debugMode = graphicEntityModule.createSpriteAnimation() + .setImages(debugModePngs) + .setX(1920 / 2) + .setY(80) + .setAnchorX(0.5) + .setLoop(true); + toggleModule.displayOnToggleState(debugMode, "debug", true); + } }