Sammlung

2016-10-16 21:53:15 +02:00
parent 0d10f8b9dc
commit c9f3117da1
412 changed files with 137942 additions and 0 deletions
--- a/Sammlung/Praktikum/2/canvas_cd_ias_p2/aktuell_canvas_cd.js
+++ b/Sammlung/Praktikum/2/canvas_cd_ias_p2/aktuell_canvas_cd.js
@ -0,0 +1,85 @@
+
+function CountDown(zeitgeist){
+  zeitgeist = zeitgeist-1;
+  if(zeitgeist < 0){
+    zeitgeist = 60;
+  }
+  
+  return zeitgeist;
+}	
+function degToRad(degree){
+	var factor = Math.PI/180;
+	return degree*factor;
+}
+var cds = 60;	
+function renderTime(){
+ 
+    //Von der "Bib" Date now obj
+    var canvas = document.getElementById('canvas');
+	var ctx = canvas.getContext('2d');
+  //style
+   if(cds>30){
+	ctx.strokeStyle ='green';
+	ctx.lineWidth = 17;
+	ctx.lineCap = 'round';
+	ctx.shadowBlur =15;
+	ctx.shadowColor='lightgreen';
+   }
+  if(cds<=31){
+    ctx.strokeStyle ='yellow'; 
+	ctx.lineWidth = 17;
+	ctx.lineCap = 'round';
+	ctx.shadowBlur =15;
+	ctx.shadowColor='lightyellow';
+  }
+   if(cds<=21){
+    
+    ctx.strokeStyle ='lightred';
+	ctx.lineWidth = 17;
+	ctx.lineCap = 'round';
+	ctx.shadowBlur =15;
+	ctx.shadowColor='red';
+    
+  }
+   if(cds<=11){
+     ctx.strokeStyle ='red';
+	ctx.lineWidth = 17;
+	ctx.lineCap = 'round';
+	ctx.shadowBlur =15;
+	ctx.shadowColor='red';
+   }
+	
+	var now = new Date();
+	var today = now.toDateString();
+	var time = now.toLocaleTimeString();
+	var seconds = now.getSeconds();
+	var milliseconds = now.getMilliseconds();
+	var newSeconds = seconds+(milliseconds/1000);
+	
+//Background
+	//au<61>en innen
+  gradient = ctx.createRadialGradient(250,250,5,  250,250,300);
+  gradient.addColorStop(0, 'purple');
+  gradient.addColorStop(1, 'black');
+  //ctx.fillStyle = 'grey';
+  ctx.fillStyle = gradient;
+  ctx.fillRect(0, 0, 500, 500);
+  
+
+//MilliSeconds
+  ctx.beginPath();
+  ctx.arc(250, 250, 140, degToRad(270), degToRad((cds*6)-90));
+  ctx.stroke();
+
+//Time
+  ctx.font = "20px Arial ";
+  ctx.fillStyle ='lightblue';
+  ctx.fillText(CountDown(cds),240,260);
+  cds = CountDown(cds);
+ 
+	
+}
+
+//renderTime(); 
+
+
--- a/Sammlung/Praktikum/2/canvas_cd_ias_p2/aktuell_cd_html.html
+++ b/Sammlung/Praktikum/2/canvas_cd_ias_p2/aktuell_cd_html.html
@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script type="text/javascript" src="aktuell_canvas_cd.js"></script>
+  <meta charset = utf-8 />
+  <title>Canvas</title>
+</head>
+<body onload = "setInterval(renderTime, 40);">
+  <canvas id="canvas" width="500" height="500">
+  </canvas>
+</body>
+</html>