DJSGTPE - Beispiel1 - HTML-Quelltext

Quelltext von djsgtpe1.html

index Anfang runter djsgt.js djsgtpe.js djsgt1.html djsgtpe2.html
Dies ist die Auflistung der Datei djsgtpe1.html, die ein paar Tortenstücke unter Benutzung von djsgt.js und djsgtpe.js auf eine Seite malt.

Im folgenden Quelltext sind wichtige Bereiche rot und Kommentare grün markiert.
index Anfang hoch runter djsgt.js djsgtpe.js djsgt1.html djsgtpe2.html 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="en">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<meta name="author" content="Ulrich Kritzner">
<meta name="robots" content="none">
<title>JavaScript - DJSGT - Demo</title>
<script type="text/javascript" src="djsgt.js"></script>
<script type="text/javascript" src="djsgtpe.js"></script>
<script type="text/javascript">
<!--
/* wichtige globale Variablendeklarationen: */
var Image1;
var ready=0,ashift=0,ishift=0;
var PixelEmittera=new Array(),PixelEmitteri=new Array();
var acolors=new Array("#CC0000","#AAAA00","#00CC00","#00AAAA","#0000CC","#AA00AA");
var icolors=new Array("#FF0000","#DDDD00","#00FF00","#00DDDD","#0000FF","#DD00DD");

function Init()
{
  var alfa=new Array(),i,ra=120,ri=80;

/* Pixel-Emitter erzeugen: */
  for (i=0;i<6;i++)
  {
    PixelEmittera[i]=new DJSGTPixelEmitter(0,0,240,240,acolors[i]);
    PixelEmitteri[i]=new DJSGTPixelEmitter(0,0,240,240,icolors[i]);
  }

  for (i=0;i<=6;i++)
    alfa[i]=i*Math.PI/3;

/* aeussere Tortenstuecke malen: */
  for (i=0;i<6;i++)
    PixelEmittera[i].FillArc(120,120,ra,ra,alfa[i],alfa[i+1],15);

  for (i=0;i<=6;i++)
    alfa[i]=i*Math.PI/3+Math.PI/12;

/* innere Tortenstuecke malen: */
  for (i=0;i<6;i++)
    PixelEmitteri[i].FillArc(120,120,ri,ri,alfa[i],alfa[i+1],15);

/* Pixel-Emitter anzeigen: */
  for (i=0;i<6;i++)
    PixelEmittera[i].ShowObject(Image1);
  for (i=0;i<6;i++)
    PixelEmitteri[i].ShowObject(Image1);

  ready=1;
}

function ShiftACol()
{
  var i,j;
  if (!ready)
    return;
  ashift++;
  if (ashift>=6)
    ashift=0;
  for (i=0;i<6;i++)
  {
    j=i+ashift;
    if (j>=6)
      j-=6;
    PixelEmittera[j].SetColor(acolors[i]);
  }
}

function ShiftICol()
{
  var i;
  if (!ready)
    return;
  ishift++;
  if (ishift>=6)
    ishift=0;
  for (i=0;i<6;i++)
  {
    j=i+ishift;
    if (j>=6)
      j-=6;
    PixelEmitteri[j].SetColor(icolors[i]);
  }
}
//-->
</script>
</head>

<!-- Init-Funktion onLoad aufrufen: -->
<body onLoad="Init();">

<h4 align=center>
Demo zur Verwendung von "djsgt.js" und "djsgtpe.js"<br>
(DJSGT - Dr&ouml;ppez JavaScript Graphics Tool)<br>
(DJSGTPE - DJSGT Pixel Emitter)
</h4>
<table align=center border="0" cellspacing="0" cellpadding="0"><tr><td>
<script type="text/javascript">
<!--

/* Bild auf der Seite erzeugen, Breite 240, Hoehe 240: */
Image1=new DJSGTImage(240,240);

//-->
</script>
</td></tr></table>
<p align=center>
(c) 2002 <a href="../../tohome.html">Ulrich Kritzner</a>
<br>
<br>

<!-- Farben aendern per Querverweis: -->
<a href="javascript:ShiftACol()">Aussenfarben drehen</a><br>
<a href="javascript:ShiftICol()">Innenfarben drehen</a><br>

<br>
die Verwendung von "djsgt.js" und "djsgtpe.js" in kommerziellen Seiten ist kostenpflichtig
<br>
<br>
<a href="index.html">zur&uuml;ck zum Index</a>
</p>

</body>
</html>
index Anfang hoch djsgt.js djsgtpe.js djsgt1.html djsgtpe2.html
Autor: Ulrich Kritzner