Add some mountains
[troll.git] / src / main / java / com / codingame / game / View.java
index 38dcac1..13ac93f 100644 (file)
 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<com.codingame.game.Player> 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() {
+    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<Pos> poss = new ArrayList<Pos>(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<Pos>() {
+                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() {
@@ -40,6 +312,52 @@ class View {
             .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);
+    }
 }