From 57b421a574d165af86dda41be48d91a2d6458483 Mon Sep 17 00:00:00 2001 From: LibrarianGirl Date: Wed, 4 May 2016 13:12:48 +0200 Subject: [PATCH 1/2] Flower und Himmel --- index.html | 12 ++++++++++-- program.js | 42 ++++++++++++++++++++++++++++++++++++++++++ style.css | 9 ++++++++- 3 files changed, 60 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index 385e569..d3cf81c 100644 --- a/index.html +++ b/index.html @@ -5,10 +5,12 @@ - Example + + - + + Example @@ -16,6 +18,12 @@

Beispiel

Drück auf den Knopf, um die Funktion auszulösen.
+ + +

+ +

+

\ No newline at end of file diff --git a/program.js b/program.js index c4b9c41..098e56a 100644 --- a/program.js +++ b/program.js @@ -1,4 +1,46 @@ function myFunction() { document.getElementById("mytitle").innerHTML = "Dieser Text wurde vom Skript geschrieben"; +goToXY(20,20); +setPenSizeTo(1); +//setPenColorTo("#F3FF05"); +function getRandomColor() { + var letters = '0123456789ABCDEF'.split(''); + var color = '#'; + for (var i = 0; i < 6; i++ ) { + color += letters[Math.floor(Math.random() * 16)]; + } + return color; } +penUp () +for (var Sprung = 1; Sprung <= 15; Sprung++) { + var randomX = Math.floor(Math.random() * 361) -180 + var randomY = Math.floor(Math.random() * 271) -135 + goToXY(randomX,randomY); + setPenColorTo(getRandomColor()); + penDown(); + for (var zahl = 1; zahl <= 5; zahl++) { + move (50); + turnRight (144); + } + penUp (); +} + +} + +function Flower() { + goToXY(20,20); +setPenSizeTo(1); +setPenColorTo("#9C0303"); +penDown(); +for (var zahl = 1; zahl <= 25; zahl++) { + for (var kreis = 1; kreis <= 360; kreis++) { + move (1); + turnRight (1); + } + turnLeft (15); +} + +} + + diff --git a/style.css b/style.css index 515b4e9..0e17fb2 100644 --- a/style.css +++ b/style.css @@ -1,3 +1,10 @@ body { - background-color: yellow; + background-color: pink; +} +#stage { + background-color: #021561; + border: 1px solid black; +} +#pink { + background-color: pink; } \ No newline at end of file From 844dc28f6fb4ef8b1c0dede9ad26ab8cdb527eec Mon Sep 17 00:00:00 2001 From: LibrarianGirl Date: Thu, 5 May 2016 18:50:47 +0200 Subject: [PATCH 2/2] Reset MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Reset button eingefügt und Hintergrund geändert --- index.html | 2 +- program.js | 12 +++++++++++- style.css | 2 +- 3 files changed, 13 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index d3cf81c..5068082 100644 --- a/index.html +++ b/index.html @@ -19,7 +19,7 @@

Beispiel

Drück auf den Knopf, um die Funktion auszulösen.
- +

diff --git a/program.js b/program.js index 098e56a..5b5997d 100644 --- a/program.js +++ b/program.js @@ -1,5 +1,8 @@ function myFunction() { -document.getElementById("mytitle").innerHTML = "Dieser Text wurde vom Skript geschrieben"; + var c = document.getElementById("stage"); +var ctx = c.getContext("2d"); +ctx.fillStyle = "#021561"; +ctx.fillRect(0, 0, 480, 360); goToXY(20,20); setPenSizeTo(1); //setPenColorTo("#F3FF05"); @@ -41,6 +44,13 @@ for (var zahl = 1; zahl <= 25; zahl++) { } } +function Clearall(){ + var c = document.getElementById("stage"); +var ctx = c.getContext("2d"); +ctx.fillStyle = "blue"; +ctx.fillRect(0, 0, 300, 150); +ctx.clearRect(0, 0, 480, 360); +} diff --git a/style.css b/style.css index 0e17fb2..56049df 100644 --- a/style.css +++ b/style.css @@ -2,7 +2,7 @@ body { background-color: pink; } #stage { - background-color: #021561; + /*background-color: #021561;*/ border: 1px solid black; } #pink {