Wie macht man interaktive Website

Gast #3937482
Hallo,

gerade habe ich bei google gesehen, dass die eine Weihnachts Website 
gemacht haben, auf der sich vieles bewegt und man kann die Welt durch 
klicken auf Buttons bewegen:

https://santatracker.google.com/#village


Wie macht man eine solche Website?
Ich kann in C++ programmieren und weiß ein bisschen über HTML und PHP.
Was much ich lernen um sowas machen zu können?
Hallo,

ich verstehe nicht, dass an so eine Frage stellen kann ohne vorher mal 
den Quellcode der Seite anzuschauen.

Die genannte Seite sollte für einen HTML und C++ kundigen eigentlich 
verständlich sein, zumindest das wie ist erkennbar.

Allerdings dauert es recht lang, ehe der Quellcode angezeigt wird.

Gruß,
Michael
Marius schrieb:
> gerade habe ich bei google gesehen, dass die eine Weihnachts Website
> gemacht haben, auf der sich vieles bewegt und man kann die Welt durch
> klicken auf Buttons bewegen:
> https://santatracker.google.com/#village
> ...

1. HTML5
2. Javascript
3. CSS3

Sowas baut man mit <canvas>:
1
<html>
2
<head>
3
<script type="text/javascript">
4
function starte (){
5
  //Canvasveränderungen
6
}
7
</script>
8
</head>
9
<body>
10
<canvas id="mycanvas"></canvas>
11
<button onclick="javascript:starte();">Starten</button>
12
</body>
13
</html>

http://www.mediaevent.de/javascript/canvas.html

Antwort schreiben

Eine eigene Frage? Dieser Thread ist über 11 Jahre alt. Stell sie in einem eigenen Thread – dort lesen mehr Leute mit, und sie wird öfter und schneller beantwortet.

Neuen Thread starten

Eine Lösung, Ergänzung oder Rückmeldung zu diesem Thread? Dann antworte hier.

Formatierung
  • [c]C-Code[/c]
  • [code]Code in anderen Sprachen, ASCII-Zeichnungen[/code]
  • [math]Formel in LaTeX-Syntax[/math]
  • [[Titel]] – Link zu einem Artikel
  • Verweis auf einen anderen Beitrag: Rechtsklick auf dessen Beitrags-ID (#8078628), „Adresse kopieren“, in den Text einfügen

Mehr zur Formatierung

Längeren Sourcecode als Anhang, nicht in den Text. JPG nur für Fotos und Scans; Zeichnungen und Screenshots als PNG oder GIF. Siehe Bildformate.

Schon registriert? Anmelden

Wird nicht angezeigt. Wir schicken dir einen Link; sobald du damit bestätigst, erscheint dein Beitrag.

Mit dem Abschicken legst du einen kostenlosen Account an und erkennst die Nutzungsbedingungen und die Datenschutzerklärung an.