Difference between revisions of "Internet 2 Workshop"
(→Graphic 1) |
|||
| Line 56: | Line 56: | ||
<script language="JavaScript" src="graphic001.js" type="text/javascript"></script> | <script language="JavaScript" src="graphic001.js" type="text/javascript"></script> | ||
</body> | </body> | ||
| + | </source> | ||
| + | |||
| + | JavaScript-Datei: graphic001.js | ||
| + | <source lang="javascript"> | ||
| + | var e1 = new jsGraphics(); // paint graphic-layer directly to the screen | ||
| + | // "e1" is a variable that can be named by you | ||
| + | |||
| + | e1.setColor("#000000"); // black | ||
| + | e1.drawEllipse(50, 50, 40, 40); // x, y, height, width | ||
| + | e1.paint(); // paint the object "e1" directly to the screen | ||
</source> | </source> | ||
Revision as of 17:08, 11 May 2011
Contents
Javascript for Artists
Javascript-Tutorial mit kreativer Zielsetzung
Tools
- Textbearbeitungsprogramm zum Schreiben des Codes TextWrangler
- FTP-Programm zum Hochladen des Codes auf den WWW-Sever Cyberduck
Examples
Getting started
HTML-Datei: example001.htm <source lang="html4strict"> <head>
<title>Test</title>
<script language="JavaScript" src="meinscript.js" type="text/javascript">
</script>
</head>
<body> </body> </source>
JavaScript-Datei: meinscript.js <source lang="javascript"> // show a pop-up alert("Hi!");
/*
write "done." to the webpage
- /
document.write("done."); </source>
Online-Test: example001.htm
Graphic 1
HTML-Datei: example002.htm <source lang="html4strict"> <head>
<title>Test2</title> <script type="text/javascript" src="http://www.walterzorn.de/en/scripts/wz_jsgraphics.js"></script>
</head>
<body> <script language="JavaScript" src="graphic001.js" type="text/javascript"></script> </body> </source>
JavaScript-Datei: graphic001.js <source lang="javascript"> var e1 = new jsGraphics(); // paint graphic-layer directly to the screen // "e1" is a variable that can be named by you
e1.setColor("#000000"); // black e1.drawEllipse(50, 50, 40, 40); // x, y, height, width e1.paint(); // paint the object "e1" directly to the screen </source>
Javascript Tutorials
- www.kostenlose-javascripts.de von Michael Antrag
- www.schillmania.com Die Grundlagen von Animationen mit JavaScript
- www.w3schools.com Beispiele mit Online Editor!
- www.walterzorn.de JavaScript-Vektorgrafikbibliothek
