JavaScript Game Development

Fertigstellung

2020-10-29T09:00:00+00:00

Heute nahmen wir ein Pong-Spiel und änderten den Code so ab, dass es verschiedene Modi gibt.

Neues Design

2020-10-22T09:00:00+00:00

Nach langer Zeit wieder in der TBZ, ein gutes Gefühl!

Auch wenn die Ferien das Beste war in letzter Zeit, fehlte mir das TBZ ein bisschen.

Heute ist das Design komplett überarbeitet worden.

Neues Testen

2020-10-01T09:00:00+00:00

Schon unser zweiter Blogeintrag!

Heute haben wir nochmals “realisiert”. Aber man sieht weder im Spiel noch auf der Website, was wir heute gemacht haben.

Als erstes haben wir heute Pull Requests auf GitHub ausprobiert. Diese hat noch keiner von uns verstanden.

Danach haben wir mit Bootstrap und mit WebStorm von JetBrains herumexperimentiert. Das Design ist bis jetzt noch das Standard von Jekyll. Wir ändern dies mit Hilfe von Bootstrap ab. Ursprünglich hatten wir Uikit im Sinn, aber später hielten wir Bootstrap für die bessere Variante.
Hier ist unsere Testseite von Bootstrap

Eine neue Seite!

2020-09-24T07:45:00+00:00

Heute ging es richtig an die Arbeit!

Diese Website, die gleichzeitig ein Blog ist, haben wir mit Jekyll erstellt. Auf diesem Blog werden wir weitere Posts machen, die beschreiben, wie wir arbeiten. Dies ist der erste Eintrag, der von uns erstellt wurde. Weiter unten wird noch ein bisschen herumgetestet.

Ein paar Testversuche in einem Blogeintrag

Highlight Java

public class Ball {
  public static final int SPEED = 50;

  private int x, y;

  public Ball(int x, int y) {
    this.x = x;
    this.y = y;
  }

  public void update() {
    x += SPEED;
    y += SPEED;
  }
}

Highlight C#

public void TestMe() {
  const int tested = new Tester().TestInt(500);

  System.Console.WriteLine("Result: " + tested);
}

Highlight C++

#include <bla>
using namespace bla;

public int main() {

  return 0;
}

Highlight HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Test Page</title>
  </head>
  <body>
    <h1>Page Title</h1>
    <p>
      This is a test page.
    </p>
  </body>
</html>

Highlight CSS

body {
  background-color: #eee;
  background-image: url('assets/bg.png');
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  font-family: Verdana, sans-serif;
}
h1 {
  font-size: x-large;
}
p {
  font-size: 20px;
  line-height: 30px;
}

Highlight JavaScript

function clickTheButton() {
  alert("You clicked the button!");
}

Fertig! Das waren einige Highlight-Tests. Jetzt kann es losgehen.

Welcome to Jekyll!

2020-09-24T07:20:53+00:00

You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated.

Jekyll requires blog post files to be named according to the following format:

YEAR-MONTH-DAY-title.MARKUP

Where YEAR is a four-digit number, MONTH and DAY are both two-digit numbers, and MARKUP is the file extension representing the format used in the file. After that, include the necessary front matter. Take a look at the source for this post to get an idea about how it works.

Jekyll also offers powerful support for code snippets:

def print_hi(name)
  puts "Hi, #{name}"
end
print_hi('Tom')
#=> prints 'Hi, Tom' to STDOUT.

Check out the Jekyll docs for more info on how to get the most out of Jekyll. File all bugs/feature requests at Jekyll’s GitHub repo. If you have questions, you can ask them on Jekyll Talk.