neslinesli93

scope "/", BreakoutexWeb do
  pipe_through :browser

  get "/", GameController, :index
end

neslinesli93

defmodule BreakoutexWeb.GameController do
  use BreakoutexWeb, :controller

  alias Phoenix.LiveView
  alias BreakoutexWeb.Live.Game

  def index(conn, _) do
    opts = [
      session: %{cookies: conn.cookies}
    ]

neslinesli93

defmodule BreakoutexWeb.Live.Game do
  @moduledoc """
  Main module, contains the entry point for the live view socket and
  all the game logic
  """

  use Phoenix.LiveView

  alias Phoenix.LiveView.Socket
  alias BreakoutexWeb.Live.Blocks

neslinesli93

defmodule BreakoutexWeb.GameView do
  use BreakoutexWeb, :view
end

neslinesli93

.game-container {
  position: relative;
  margin-top: 4rem;
  /* Subtract half of the board width*/
  left: calc(50% - 260px);
}

.game-container .block {
  display: block;
  position: absolute;

neslinesli93

<!-- ...other styles above -->
@import "../../deps/phoenix_live_view/assets/css/live_view.css";
@import "./game.css";

html {
  background: #292a2d;
  color: #a9a9b3;
}

body {

neslinesli93

<div phx-keydown="keydown" phx-keyup="keyup" phx-target="window">
  <%# Here should be the div with .game-container class %>
</div>

neslinesli93

@spec handle_event(String.t(), map(), Socket.t()) :: {:noreply, Socket.t()} | {:stop, Socket.t()}
def handle_event("keydown", payload, socket) do
  IO.puts("Received keydown event")
  IO.inspect(payload, label: "Payload for keydown")

  {:noreply, socket}
end

def handle_event("keyup", payload, socket) do
  IO.puts("Received keyup event")

neslinesli93

Received keyup event
Payload for keyup: %{
  "altKey" => false,
  "charCode" => 0,
  "code" => "ArrowDown",
  "ctrlKey" => false,
  "key" => "ArrowDown",
  "keyCode" => 40,
  "location" => 0,
  "metaKey" => false,

neslinesli93

# Coordinates of the top-left vertex of the paddle. They are relative to the board matrix
@paddle_left 11
@paddle_top 18
# Paddle length/height expressed in basic units
@paddle_length 5
@paddle_height 1
# Misc
@paddle_speed 5