Zuerst könntest du mit Scratch anfangen. Es ist eine sehr einfache Programmiersprache entwickelt vom MIT. Hier ist alles grafisch aufgebaut und die Sprache bietet einen sehr einfachen Einstieg in die Spieleprogrammierung.

Eine passende Tutorial-Serie zu Scratch findest du zum Beispiel hier:

Scratch-Game-Tutorial-Playlist

Falls du noch nicht so gut in Englisch bist, kannst du YouTube Videos einfach automatisch auf Deutsch übersetzen. Dazu wähle das Zahnradsymbol im Video unten rechts im Player, welches das Tab "Einstellungen" öffnet.

Einstellungen > Untertitel > Automatisch übersetzen (runter scrollen) > Deutsch

Tipp: Neben dem Programmieren kann ich dir stark empfehlen deine Englisch-Kenntnisse zu verbessern. Es hilft enorm auf deinem Weg zum Entwickler, weil du so Zugriff auf einen großen Support-Pool erhältst.

---------------------------------------

Nachdem du mit Scratch Erfahrung gesammelt hast, solltest du den Übergang zu einer Hochsprache angehen.

Ein typische Empfehlung ist hier die Programmiersprache C, weil du damit eigentlich so gut wie alles umsetzen kannst.

Einen sehr gelungenen Übergang von Scratch zu C und die Einführung in die Programmierung liefern zum Beispiel die ersten 5 Videos von dem CS50 Kurs "Einführung in die Informatik" der Harvard Universität.

1. Computational Thinking & Scratch
2. C Programming Language
3. Arrays and Sorting Algorithms
4. Memory
5. Data Structures

---------------------------------------

Sobald du die Grundlagen der Programmierung verstanden hast solltest du dich für eine Engine entscheiden.

Hier ein gutes Video dazu:

https://www.youtube.com/watch?v=j48LtUkZRjU

Eine gute Wahl könnte zum Beispiel Unity sein, weil sie auch eine 2D Engine unterstützt und viele Hobby-Entwickler damit arbeiten. Dadurch ist die Wahrscheinlichkeit hoch auf viele deiner Fragen, die du definitiv auf deinem Weg haben wirst, auch Antworten zu erhalten.

Eine kostenlose Möglichkeit um die Grundlagen von Unity zu lernen ist die offizielle Lernplattform Unity Learn. Hier hast du Zugriff auf eine Vielzahl von kostenlosen Kursen für Anfänger und Fortgeschrittene. Der Kurs "Unity Basics" ist ein großartiger Einstieg in die Unity-Entwicklung

https://learn.unity.com/

---------------------------------------

Wenn du die Basics in allen vorher genannten Bereichen erlernt hast kann ich dir zum Abschluss noch die Einführung in Game-Development der Harvard-Universität empfehlen:

Einführung in die Spiele-Entwicklung

Dort lernst du zum Beispiel noch die Skriptsprache Lua und weitere typische Merkmale der Spiele-Entwicklung kennen

---------------------------------------

Viel Spaß und viel Erfolg auf deinem Weg!

Ja, das ist korrekt. Gespeichert wird der Wert 4, also 00000000000000000000000000000100 im EAX-Register in beiden Fällen.

Der Unterschied zwischen den beiden Anweisungen sind die Anzahl der Bits, die aktualisiert werden.

MOV EAX, 4 aktualisiert alle 32 Bits des EAX-Registers

MOV AL, 4 aktualisiert nur das niedrigste 8-Bit-Byte des EAX-Registers

Wenn es schnell gehen soll, kannst du einfach die Klasse stopwatch aus dem Namespace System.Diagnostics nutzen.

using System;
using System.Diagnostics;


class Program
{
    static void Main(string[] args)
    {
        // Aufforderung an den Benutzer, eine beliebige Taste zu drücken, um die Stoppuhr zu starten
        Console.WriteLine("Drücke eine beliebige Taste, um die Stoppuhr zu starten.");
        Console.ReadKey(); // Warten auf eine Benutzereingabe


        // Erstellung einer neuen Stopwatch-Instanz und Start der Stoppuhr
        Stopwatch stopwatch = new Stopwatch();
        stopwatch.Start();


        // Aufforderung an den Benutzer, eine beliebige Taste zu drücken, um die Stoppuhr anzuhalten
        Console.WriteLine("Die Stoppuhr läuft. Drücke eine beliebige Taste, um sie zu stoppen.");
        Console.ReadKey(); // Warten auf eine Benutzereingabe


        // Stoppen der Stoppuhr und Ausgabe der verstrichenen Zeit
        stopwatch.Stop();
        Console.WriteLine("Die Zeit ist abgelaufen: {0}", stopwatch.Elapsed);


        Console.ReadLine(); // Warten auf eine Benutzereingabe, um die Anwendung zu beenden
    }
}

In diesem Code wird die Klasse Stopwatch verwendet, um die Zeit zwischen dem Starten und Anhalten der Stoppuhr zu messen.

Zuerst wird der Benutzer aufgefordert, eine beliebige Taste zu drücken, um die Stoppuhr zu starten. Dann wird die Stoppuhr gestartet.

Danach wird der Benutzer erneut aufgefordert, eine beliebige Taste zu drücken, um die Stoppuhr anzuhalten.

Sobald die Stoppuhr angehalten ist, wird die verstrichene Zeit ausgegeben

Das wäre tatsächlich ziemlich aufwändig.

Theoretisch ist es zwar möglich, indem du zum Beispiel ein Entwickler-Video dazu anschaust und es Schritt für Schritt nachbaust.

Siehe hier:

https://www.youtube.com/watch?v=MtT5Xuf9_xU

Unter dem Video ist auch der Code verlinkt, soviel ich gesehen habe.

Tipp: Weitere Videos dieser Art findest du, wenn du bei YouTube nach "discord clone" oder "discord clone react" suchst.

--------------------------------------

WARNUNG: Du wirst vieles mit sehr hoher Wahrscheinlichkeit als Laie nicht verstehen. Das macht es sehr schwer Anpassungen und Wartungsarbeiten an dem Programm vorzunehmen.

Wahrscheinlich wäre es besser bei solch einem komplexen Projekt auf bestehende Tools und Bibliotheken zurückzugreifen. Oder es auf professionelle Entwickler auszulagern.

Um dir den Aufwand vor Augen zu führen, hier einige Technologien & Dienste, die zum Beispiel für solch ein Programm genutzt werden:

• Datenbanken: MySQL, MongoDB oder PostgreSQL
• WebSockets für die Echtzeit-Kommunikation zwischen Nutzern und dem Server
• Node.js, Express.js und React.js + weitere JavaScript-Frameworks
• Voice-Übertragung über WebRTC oder Opus
• Cloud-Dienste: Amazon Web Services oder Google Cloud

Außerdem müsstest du für ausreichende Sicherheitsmaßnahmen bei der Kommunikation und Autorisierung der Datenübertragung sorgen.

Die AI ist schon beeindruckend. Ich kann deinen Wunsch durchaus nachvollziehen. Du könntest ChatGPT auch selbst dazu befragen.

Bei mir gab es zum Beispiel diese Antwort:

"Ich bin Teil der OpenAI-Plattform und werde über deren API-Schnittstelle bereitgestellt, also kann man Zugang zu meinen Fähigkeiten und meinem Wissen über die API erwerben. OpenAI bietet eine Reihe von Bezahlplänen an, die unterschiedliche Zugriffsrechte und Nutzungslimits bieten."

Hier ein Beispiel solch einer Konversation:

Hier die aktuelle Preisliste der API: https://openai.com/api/pricing/

Ich weiß nicht welche Version du von Eclipse du nutzt, aber bei einer englischen Benutzeroberfläche und der aktuellsten Version müsste es so funktionieren:

1. Öffne Eclipse
2. Drücke Strg + 3
3. Gebe in dem neu geöffneten Fenster Preferences ein
4. Navigiere nun Links im Menü zu Java > Editor > Content Assist
5. Entferne das Häkchen auf der rechten Seite im Fenster unten bei "Enable auto activation" direkt unter Auto Activation
6. Zum Schluss ganz unten im Fenster mit Apply an Close bestätigen

Du könntest eine Schleife und eine if-Anweisung nutzen.

Zum Beispiel:

for i, row in bestellungen.iterrows():
    print(row)
    if i in [3,5,8]:
        print('---------')

HINWEIS: Voraussetzung für den Code ist das Pandas-Dataframe, damit du Zugriff auf die Methode .iterrows() erhältst.

Du könntest es so lösen:

VBS-Code

Set oWSH = CreateObject("WScript.Shell")
vbsInterpreter = "cscript.exe"

For i = 1 to 8
    For j = 1 to 8 - i
        WScript.StdOut.Write " "
    Next
    For j = 1 to (i * 2) - 1
        WScript.StdOut.Write "X"
    Next
    WScript.StdOut.WriteLine ""
Next

Kurze Erklärung zu Syntax:

Set oWSH = CreateObject("WScript.Shell") erstellt ein neues Objekt, welches eine Schnittstelle zu Windows Script Hosts bereitstellt. Dieses Objekt kann dann verwendet werden, um Befehle an den Command Prompt zu senden.

vbsInterpreter = "cscript.exe" legt den Interpreter fest, der verwendet werden soll, um das Skript auszuführen.

WScript.StdOut.WriteLine und WScript.StdOut.Write sind Methoden des WScript-Objekts, die dazu verwendet werden, um Ausgaben in die Command Prompt-Konsole zu schreiben.

WriteLine schreibt eine Zeile Text und springt anschließend zur nächsten Zeile

Write hängt den Text an die aktuelle Zeile an.

Mit For und Next erstellst du die Schleifen

------------------------------------

Den Code speicherst du dann unter einem selbst gewählten Namen, zum Beispiel triangle.vbs

Danach kannst du die Datei über die Kommandozeile in dem Verzeichnis aufrufen, wo die Datei sich befindet.

1. Öffne die Kommandozeile
2. Navigiere zu deiner Datei. Zum Beispiel so: cd c:\Users\User\Desktop\triangle.vbs
3. Öffne die Datei mit dem Befehl cscript triangle.vbs

Ich weiß nicht auf welchem Stand du bist, aber kann dir einige Seiten empfehlen, wo ich persönlich sehr gute Erfahrungen gemacht habe in Bezug auf die Qualität der Antworten.

Für Anfänger:

• https://forum.freecodecamp.org/
• https://www.reddit.com/r/learnprogramming/
• https://www.reddit.com/r/C_Programming/

Später dann:

• https://stackoverflow.com/
• https://github.com/

Auf stackoverflow wirst du häufig bei deiner Recherche stoßen

Weitere: Discord Server

Tipp: Denk immer dran bevor du etwas fragst den Status Quo zu beschreiben und zu googeln bevor du die Frage abschickst. Dann hast du in der Regel bessere Chancen auf eine hilfreiche Antwort.

Weil du in deiner Frage um einen fertigen Code gebeten hast, habe ich dir deinen HTML und CSS Code mal überarbeitet.

Es gibt natürlich noch weitere Möglichkeiten.

Hier der HTML-Code angepasst:

<div class="teilnehmer-profile">
    <div class="item-1"><img src="ardymon.jpg" width="100" height="100"></div>
    <div class="item-2"><span class="name">Ardymon</span></div>
    <div class="social-box">
        <div class="item-3"><a href="https://www.youtube.com/Ardymon"><img src="youtubeicon.jpg" width="30" height="30"></a></div>
        <div class="item-4"><a href="https://www.twitch.tv/ardy_v2"><img src="twitchicon.jpg" width="30" height="30"></a></div>
        </div>
    <div class="item-staffel"><span class="name">Staffel:</span></div>
    <div class="staffelbox">
        <div class="staffel-1"><a href="Craft%20attack201.html"><img src="staffelicon1.jpg" width="30" height="30"></a></div>
        <div class="staffel-2"><a href="Craft%20attack202.html"><img src="staffelicon2.jpg" width="30" height="30"></a></div>
        <div class="staffel-3"><a href="Craft%20attack203.html"><img src="staffelicon3.jpg" width="30" height="30"></a></div>
    </div>
</div>   

Bei dem HTML habe ich die Social-Icons und die Staffel-Icons in div-Container eingebettet, damit du so einfach die Container auf display: flex stellen kannst.

Für den neuen div-Container habe ich die Klasse social-box vergeben.

Hier der CSS-Code angepasst:

.teilnehmer-profile {
    column-gap: 10px;
    display: grid;
    grid-template-areas:
     "bild name socials"
     "bild staffel box";
    grid-auto-rows: minmax(50px, auto);
    grid-template-columns: 80px 135px 30px 30px;
    justify-content: center;
  }
  
  span.name {
       font-size: 1,5em;
       font-family: sArial,'Arial Unicode MS',Helvetica,Sans-Serif;;
       text-shadow: -1px 1px 20px black;
  }
  
  span.name2 {
    font-size: 1,5em;
    font-family: sArial,'Arial Unicode MS',Helvetica,Sans-Serif;;
    text-shadow: -1px 1px 20px black;
  }
  
  .item-1 {
    grid-area: bild;
    box-shadow: 2px 2px 30px 6px black;
  }
  
  .item-2 {
    grid-area: name;
  }
  
  .item-staffel {
    grid-area: staffel;
  }

  .social-box {
    grid-area: socials;
    display: flex;
  }

  .staffelbox {
    grid-area: box;
    display: flex;
  }

Das Grid habe ich auf 3 Spalten reduziert, weil so die Box für die Social-Kanäle und die Box für die Staffeln sehr einfach mit flex angepasst werden können.

In den beiden dritten Grid-Elementen socials und box kannst du dann auch weitere Icons hinzufügen und sie werden mit Flex automatisch angepasst.

Falls die Abstände nicht optimal sind, kannst du die grid-template-columns Zeile anpassen.

Du könntest probieren die upper() Methode direkt hinter den Input zu schreiben

  k_barbaren = ['BARBAREN', 'BARBARENOVAL', 'EINHEIT', 'GEWÖHNLICH', '5', 'NAHKAMPF', '2016']
  user = input(' ').upper()
  if user in k_barbaren:
      print(k_barbaren)

Coole Idee. Soviel ich weiß, soll es wohl möglich sein, aber es gibt dabei einige Einschränkungen und es ist wesentlich aufwändiger, als nur die Videos des Marketplace zu benutzen.

Zum Beispiel sind nur bestimmte Formate erlaubt, wie mp4. Außerdem darf das Video nicht zu groß sein (ich glaube max. 50 MB) und du musst einen Cloud-Service nutzen, der unterstützt wird (Google Drive, Dropbox etc.)

Außerdem müsstest du wahrscheinlich auch ein Script dafür schreiben.

-------------------------------------------------

Wenn du das probieren möchtest (ohne Garantie):

Du könntest zum Beispiel dein Video in mp4-Format, bei Google Drive hochladen (bei Google Drive Anmelden und dann oben links auf "+ Neu" > Datei hochladen).

Danach dann den Link für Roblox vorbereiten:

1. Öffne Google Drive
2. Klick mit der rechten Maustaste auf das Video und wähle "Link abrufen" aus dem Kontextmenü.
3. Stelle sicher, dass die Option "Jeder der über den Link verfügt" ausgewählt ist.
4. Klick auf "Link kopieren" und füge den Link in die Zwischenablage ein.

Sobald du den Link hast, kannst du ihn in deinem Lua-Code einfügen.

Ein Beispiel:

local videoFrame = script.Parent:WaitForChild("VideoFrame")
local video = "https://drive.google.com/file/d/name-des-videos/view" -- Hier den Link des Videos einfügen

function playVideo()
    videoFrame.Source = video
    videoFrame:Play()
end

playVideo()

Kurze Erklärung zur Syntax:

"script.Parent" gibt das Elternobjekt des aktuellen Skripts zurück. In diesem Fall, wenn das Skript, das diesen Code enthält, in ein bestimmtes Objekt im Spiel eingebettet ist, dann wird "script.Parent" auf dieses Objekt verweisen.

Die Methode ":WaitForChild" wird auf das Elternobjekt angewendet und sucht nach einem Kind-Objekt mit dem Namen, der als Argument übergeben wird. In diesem Fall wird ":WaitForChild("VideoFrame")" verwendet, um das Kind-Objekt mit dem Namen "VideoFrame" im Elternobjekt zu suchen.

Die Variable local video verweist auf die Asset-ID des Videos, das abgespielt werden soll.

playVideo() ist eine selbst kreierte Funktion

"videoFrame.Source = video" ist eine Methode und ruft den Link als Quelle für das Video auf

Die Methode videoFrame:Play() startet das Video

-------------------------------------------------

Natürlich müsstest du den Code noch an deine Bedürfnisse anpassen.

Weitere Einstellungen/Formatierungen deines VideoFrame-Objekts kannst du mit den Methoden und Events der entsprechenden Klasse anpassen. Hier die offizielle Dokumentation der VideoFrame-Klasse: https://create.roblox.com/docs/reference/engine/classes/VideoFrame

Weil bisher noch niemand geantwortet hat, möchte ich versuchen eine allgemeine Antwort, aufgrund meiner Erfahrung als freiberuflicher Web- und Softwareentwickler, zu geben.

Vorweg: Ich habe die Kurse der Developer Akademie selbst nicht absolviert.

Allerdings habe ich in der Vergangenheit bei anderen Konzepten im Bereich der Web- und Softwareentwicklung mitgewirkt, welche darauf ausgelegt sind, Entwickler anzulernen und auf Jobs vorzubereiten.

Erfahrungen zur Developer Akademie

Vielleicht hilft dir ja meine eigene, unabhängige Erfahrung zusammen mit den ca. 100 Erfahrungsberichten und Bewertungen auf Trustpilot zu der "Developer Akademie" https://de.trustpilot.com/review/developerakademie.com

Die beiden Organisatoren sind ja recht aktiv auf YouTube und machen einen seriösen Eindruck. Die Tipps, welche ich dort bisher auf dem Kanal "Programmieren lernen" gesehen habe, kann ich bestätigen.

Habe die Videos selbst schon einige Male für kurze Erklärungen geteilt.

Schnellkurse als Webentwickler

Folgende Ausführungen beziehen sich auf Erfahrungen zu Offline-Weiterbildungen.

Solche Schnellkurse sind in der Regel sehr praxisbezogen. Das heißt, sie sind häufig darauf ausgelegt, dich tatsächlich für konkrete Jobs als Entwickler vorzubereiten.

Der große Vorteil besteht meist darin, dass du immer einen Ansprechpartner hast. Bei jedem noch so kleinen Problem.

Wie ich bisher recherchiert habe, scheint sich der erste Kurs der "Developer Akademie" an Personen komplett ohne Erfahrung zu richten und beinhaltet HTML, CSS und JavaScript.

Der große Nachteil ist natürlich der hohe Preis bei solch enger Betreuung.

Theoretisch kannst du dir das Wissen zu HTML, CSS und JavaScript auch im Selbststudium beibringen oder günstige/kostenlose Online-Kurse absolvieren. Allerdings dauert das länger und ohne direkte Hilfe oder Support-Strukturen kann das auf Dauer ziemlich anstrengend werden. Besonders im Bereich JavaScript und Programmierung.

Warum und für wen sich so eine Investition lohnen kann:

Entwickler Netzwerk

Gerade im Bereich der freiberuflichen Webentwicklung bist du am Anfang ohne Erfahrung auf ein Netzwerk angewiesen. Sprich, du brauchst Kontakte. Ansonsten wird es wahrscheinlich sehr schwierig, Fuß zu fassen. So ist jedenfalls meine Erfahrung in dem Bereich.

Durch deine Investition könntest du dann eventuell Zugriff auf das Netzwerk der Organisatoren solcher Kurse erhalten.

Warum? Weil diese natürlich besonders Leute empfehlen, die sie selbst ausgebildet und persönlich kennengelernt haben.

Kurzum: Nach deiner Ausbildung hast du vielleicht die Möglichkeiten für Jobs vermittelt zu werden.

Tipp: Du könntest das auch vorab in einem Vorgespräch höflich ansprechen/anfragen. So, dass du gleich signalisierst, dass du auf konkrete Aufträge nach dem Kurs abzielst.

Aufträge

Bei solchen Aufträgen kann es sich zum Beispiel um Verträge für freie Mitarbeiter (Freelancer) handeln, wo du dann im Team (online oder offline) an konkreten Kunden-Aufträgen arbeitest. Hierbei werden die Aufgaben häufig an verschiedene Team-Mitglieder aufgeteilt.

Die Verträge regeln auch die Bezahlung.

Wenn du regelmäßig in Teams arbeitest, erhältst du dann wahrscheinlich auch mal direkten Kundenkontakt. Und mit diesem kannst du dir dann theoretisch auch ein eigenes Netzwerk für Aufträge und Mitarbeiter aufbauen.

------------------------------------------------------

HINWEIS: Bei meinen Ausführungen handelt es sich um meine persönlichen Erfahrungen in diesem Berufsfeld. Nicht um meine Erfahrungen mit der "Developer Akademie". Daher sind alle Angaben ohne Gewähr. Bei konkreten Fragen am besten direkt bei dem Anbieter anfragen.

Ich habe gerade kein Testumgebung. Aber wie es aussieht, musst du eigentlich nur den alten Inhalt des Arrays löschen, bevor du eine neue Zeile hinzufügst.

Die Anpassung könnte dann zum Beispiel so aussehen:

<?php
  $prevLog = array();
  while(true)
  {
      $Log = file("test.txt");
      $newLog = array_diff($Log, $prevLog);
      foreach($newLog as $line) {
        echo $line;
      }
      $prevLog = array_diff($Log, $newLog);
      ob_flush();
      flush();
      sleep(3);
  }
?>

Interessante Frage!

Das erste Problem ist, dass es noch keine allgemein gültige Definition von Bewusstsein gibt. Daher ist eine Diskussion schwierig. Zudem wird zwischen philosophischem Bewusstsein und naturwissenschaftlichem Bewusstsein unterschieden.

Allgemeine Definition von Bewusstsein

In der Regel wird Bewusstsein ja als Wahrnehmung eigener Emotionen, Gedanken und Wahrnehmungen beschrieben. Nach dieser Definition haben aber wahrscheinlich die meisten oder sogar alle Tiere nicht mal Bewusstsein. Ausnahme ist der Mensch.

Bewusstsein auf neuronaler Ebene

Auf der anderen Seite, liegen allen neuronalen Ereignisse naturwissenschaftliche Prozesse voraus. Daher könnte eine exakte Kopie aller Impulse und Prozesse von Menschen theoretisch zu einem duplizierte Bewusstsein führen. Was für eine Rechenkraft für eine derartige Simulation nötig ist, weiß ich nicht. Aber sie müsste wahrscheinlich gigantisch sein. Vor Kurzem habe ich einen Artikel über die ersten Versuche von Quantencomputern gelesen. Absolut beeindruckend.

Turing-Test

Auch die ersten Konversationen mit OpenAI haben mich sehr beeindruckt. Ich musste sofort an den Turing-Test denken.

Turing legte die Marke fest, ab wann ein Computer den Test für ein eigenes Bewusstsein bzw. menschenähnliche Intelligenz bestanden hat.

Wie heizfeld es bereits beschrieben hat, liegt das Bestehen des Turing-Testes vor, wenn ein Mensch während einer Unterhaltung nicht mehr unterscheiden kann, ob auf der anderen Seite ein Computer oder Mensch mit jemanden kommuniziert.

Künstliche Intelligenz

Ich nehme an, dass Google wie OpenAI und andere Programme im Bereich der künstlichen Intelligenz, an vergleichbarer Software arbeitet.

Nach offiziellen eigenen Angaben haben so viel ich weiß, all diese Programme noch nicht den Turing-Test bestanden.

Aber wenn du einen passenden Link zu dem Programm bzw. der Quelle der Information schickst, könnte sich jeder hier ja mal selbst ein Bild machen ;) Ich bin jedenfalls interessiert.

Du könntest probieren die Pixelwerte zwischen 1 und 0 anzupassen.

if (isValid)
        {
            texture = new Texture2D((int)width, (int)height, TextureFormat.RGBA32, false, true);


            // Pixelwerte normalisieren
            for (int i = 0; i < image.Length; i += 4)
            {
                float r = image[i] / 255f;
                float g = image[i + 1] / 255f;
                float b = image[i + 2] / 255f;
                float a = image[i + 3] / 255f;



                image[i] = (byte)(r * 255f);
                image[i + 1] = (byte)(g * 255f);
                image[i + 2] = (byte)(b * 255f);
                image[i + 3] = (byte)(a * 255f);
            }


            texture.LoadRawTextureData(image);
            texture.Apply();
        }

Klar. Ich weiß nicht welche Funktionen du genau suchst, aber hier einige Alternativen:

• Heroku
• Firebase Hosting
• GitHub Pages
• Amazon S3 und CloudFront
• Google Cloud Storage

Hier ein Beispiel. Einfach den Code in einer html-Datei speichern.

<html>
  <head>
    <script>
      var count = 0;
      function increment() {
        count++;
        document.getElementById("count").innerHTML = count;
      }
      function decrement() {
        count--;
        document.getElementById("count").innerHTML = count;
      }
    </script>
  </head>
  <body>
    <button onclick="increment()">+</button>
    <span id="count">0</span>
    <button onclick="decrement()">-</button>
  </body>
</html>

Innerhalb des script-Elements werden JavaScript Funktionen genutzt.

Aufgerufen wird die jeweilige Funktion durch onclick im button-Element.

Hier ein Beispiel in der Programmiersprache C++

// Funktion um Pac-Man zu bewegen
void movePacman() {
    // Prüfen ob Pac-Man die Wand berührt
    if (hitsWall()) {
        // Change Pac-Man's direction
        if (pacman.direction == UP) {
            pacman.direction = DOWN;
        } else if (pacman.direction == DOWN) {
            pacman.direction = UP;
        } else if (pacman.direction == LEFT) {
            pacman.direction = RIGHT;
        } else if (pacman.direction == RIGHT) {
            pacman.direction = LEFT;
        }
    } else {
        // Weiter in die aktuelle Richtung bewegen
        pacman.x += pacman.direction.x;
        pacman.y += pacman.direction.y;
    }
}

Hinweis: In diesem Beispiel musst du zuerst pacman.direction und pacman.x und pacman.y als Membervariablen des Objektes pacman deklarieren. Außedem muss die Funktion hitsWall vorher implementiert werden.

• Im obigen Beispiel wird die Funktion movePacman verwendet, um Pac-Man zu bewegen.
• Innerhalb dieser Funktion wird zunächst überprüft, ob Pac-Man mit einer Wand kollidiert, indem die Funktion hitsWall aufgerufen wird. Sie prüft, ob Pac-Man sich an einer bestimmten Position befindet, die als Wand gekennzeichnet ist.
• Wenn Pac-Man mit einer Wand kollidiert, ändert der Algorithmus die Richtung von Pac-Man entsprechend.
• Wenn Pac-Man jedoch nicht mit einer Wand kollidiert, bewegt er sich weiter in seiner aktuellen Richtung.

Zuerst könntest du die Steuerelemente beim Abspielen des Videos mit controls="false" entfernen.

Die Weiterleitung kannst du über JavaScript lösen.

Hier ein Beispiel:

<video id="my-video" onended="redirect()" controls="false">
  <source src="pfad/zum/video.mp4" type="video/mp4">
</video>

<script>
  function redirect() {
    window.location.href = "https://www.dein-link.de";
  }
</script>