{"id":135,"date":"2025-05-06T06:27:51","date_gmt":"2025-05-06T06:27:51","guid":{"rendered":"https:\/\/kirchgatterer-s.web.kslinz.at\/wordpress\/?page_id=135"},"modified":"2025-06-12T16:57:39","modified_gmt":"2025-06-12T16:57:39","slug":"my-projects","status":"publish","type":"page","link":"https:\/\/kirchgatterer-s.webserver.kslinz.at\/wordpress\/index.php\/my-projects\/","title":{"rendered":"My projects"},"content":{"rendered":"\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

KMD 1st grade<\/h2>\n\n\n\n

Illustrator<\/strong><\/p>\n\n\n\n

In Adobe Illustrator, you create and edit vector-based graphics such as logos, illustrations, and diagrams.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div><\/div>
<\/div>
<\/div>
<\/div><\/div>\n\n\n\n
\n
\n
\n

KMD 2nd grade <\/h2>\n\n\n\n

Photoshop<\/strong><\/p>\n\n\n\n

This exquisite compilation showcases a diverse array of photographs that capture the essence of different eras and cultures, reflecting the unique styles and perspectives of each artist. Fleckenstein\u2019s evocative imagery, Strand\u2019s groundbreaking modernist <\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div><\/div>
<\/div>
<\/div>
<\/div><\/div>\n\n\n\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

DGF<\/h2>\n\n\n\n

A fine collection of moments in time featuring photographs from Louis Fleckenstein, Paul Strand and Asahachi K\u014dno.<\/p>\n\n\n\n

Galerie<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n

Landscape images<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div><\/div>
<\/div>
<\/div>
<\/div><\/div>\n<\/div>\n\n\n\n

Portrait format<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div><\/div>
<\/div>
<\/div>
<\/div><\/div>\n\n\n\n
\n
\n
\n

AIF <\/h2>\n\n\n\n

In AIF, I create websites using WordPress and StackBlitz.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
Tic Tac Toe Ts code<\/summary>

\/\/ CSS Styles importieren; kann gel\u00f6scht werden falls nicht ben\u00f6tigt
\nimport ‚.\/style.css‘;<\/p>\n

\/\/ Wir laden p5js
\nimport p5 from ‚p5‘;<\/p>\n

import { drawCircle } from ‚.\/circle‘;<\/p>\n

\/\/ Wir informieren p5js, welche Funktionen unser Programm bereitstellt.
\n\/\/ Mit TypeScript und p5js verwendet man am besten den „instance mode“
\n\/\/ statt dem „global mode“ (https:\/\/p5js.org\/reference\/#\/p5\/p5).
\n\/\/ Man kann die Funktionen entfernen, die man in der jeweiligen \u00dcbung
\n\/\/ nicht braucht (z.B. kein Reagieren auf Tastatur -> `keyPressed` weg).
\nexport let p: p5;<\/p>\n

let CANVAS_SIZE = 400;
\nlet x = 0;
\nlet y = 0;
\nconst FIELD_WIDTH = CANVAS_SIZE \/ 3;<\/p>\n

let sign = ‚X‘;
\nlet gameIsOver = false;<\/p>\n

let field0 = “;
\nlet field1 = “;
\nlet field2 = “;
\nlet field3 = “;
\nlet field4 = “;
\nlet field5 = “;
\nlet field6 = “;
\nlet field7 = “;
\nlet field8 = “;<\/p>\n

new p5((p5: p5) => {
\n p = p5;
\n p.preload = preload;
\n p.setup = setup;<\/p>\n

p.draw = draw;
\n p.keyPressed = keyPressed;
\n p.mousePressed = mousePressed;
\n p.mouseReleased = mouseReleased;
\n});<\/p>\n

function preload() {
\n \/\/ Diese Funktion wird vor `setup` aufgerufen. Wir verwenden sie,
\n \/\/ um z.B. Bilder zu laden.
\n \/\/ https:\/\/p5js.org\/reference\/#\/p5\/preload
\n}<\/p>\n

function setup() {
\n \/\/ Diese Funktion wird einmal beim Programmstart aufgerufen.
\n \/\/ https:\/\/p5js.org\/reference\/#\/p5\/setup
\n p.createCanvas(CANVAS_SIZE, CANVAS_SIZE);
\n p.colorMode(p.HSB);
\n p.noLoop();
\n}<\/p>\n

function keyPressed() {
\n \/\/ Diese Funktion wird aufgerufen, wenn eine Taste gedr\u00fcckt wird.
\n \/\/ https:\/\/p5js.org\/reference\/#\/p5\/keyPressed
\n console.log(`Key ${p.keyCode} has been pressed`);
\n}<\/p>\n

function mousePressed() {
\n \/\/ Diese Funktion wird aufgerufen, wenn die Mause geklickt wird.
\n \/\/ https:\/\/p5js.org\/reference\/#\/p5\/mousePressed
\n console.log(`Mouse was pressed at ${p.mouseX}\/${p.mouseY}`);
\n let xCol = Math.floor(p.mouseX \/ FIELD_WIDTH);
\n let yRow = Math.floor(p.mouseY \/ FIELD_WIDTH);<\/p>\n

\/\/console.log(xCol + ‚\/‘ + yRow);
\n if (gameIsOver == false) {
\n if (setAndCalculateField(xCol, yRow)) {
\n \/* console.log(‚Korrektes Feld‘);*\/
\n drawSign(xCol, yRow);
\n gameIsOver = IsGameOver();<\/p>\n

if (gameIsOver) {
\n p.textSize(20);
\n p.fill(‚red‘);
\n p.strokeWeight(1);
\n p.textAlign(p.CENTER);
\n p.text(‚Spiel ist vorbei‘, CANVAS_SIZE \/ 2, CANVAS_SIZE \/ 2);
\n }
\n \/* } else {
\n console.log(‚!!!Geht nicht!!!‘);
\n }
\n } else {
\n console.log(‚GAME IS OVER!!!‘);
\n }*\/
\n }
\n }
\n}<\/p>\n

function IsGameOver() {
\n \/\/q. reihe enth\u00e4lt gleiche Zeichen
\n if (field0 == field1 && field0 == field2) {
\n return true;
\n }<\/p>\n

return false;
\n}<\/p>\n

function mouseReleased() {
\n \/\/ Diese Funktion wird aufgerufen, wenn die Mause geklickt wird.
\n \/\/ https:\/\/p5js.org\/reference\/#\/p5\/mousePressed
\n console.log(`Mouse was released at ${p.mouseX}\/${p.mouseY}`);
\n}<\/p>\n

function draw() {
\n drawGrid();
\n}
\nfunction setAndCalculateField(col: number, row: number) {
\n let fieldNumber = row * 3 + col;<\/p>\n

if (fieldNumber == 0 && field0 == “) {
\n field0 = sign;
\n } else if (fieldNumber == 1 && field1 == “) {
\n field1 = sign;
\n } else if (fieldNumber == 2 && field2 == “) {
\n field2 = sign;
\n } else if (fieldNumber == 3 && field3 == “) {
\n field3 = sign;
\n } else if (fieldNumber == 4 && field4 == “) {
\n field4 = sign;
\n } else if (fieldNumber == 5 && field5 == “) {
\n field5 = sign;
\n } else if (fieldNumber == 6 && field6 == “) {
\n field6 = sign;
\n } else if (fieldNumber == 7 && field7 == “) {
\n field7 = sign;
\n } else if (fieldNumber == 8 && field8 == “) {
\n field8 = sign;
\n } else {
\n return false;
\n }
\n return true;
\n}<\/p>\n

function drawSign(col: number, row: number) {
\n if (sign == ‚X‘) {
\n p.line(
\n col * FIELD_WIDTH,
\n row * FIELD_WIDTH,
\n (col + 1) * FIELD_WIDTH,
\n (row + 1) * FIELD_WIDTH
\n );
\n p.line(
\n col * FIELD_WIDTH,
\n (row + 1) * FIELD_WIDTH,
\n (col + 1) * FIELD_WIDTH,
\n row * FIELD_WIDTH
\n );
\n sign = ‚O‘;
\n } else {
\n p.circle(
\n col * FIELD_WIDTH + FIELD_WIDTH \/ 2,
\n row * FIELD_WIDTH + FIELD_WIDTH \/ 2,
\n FIELD_WIDTH
\n );
\n sign = ‚X‘;
\n }
\n}<\/p>\n

function drawGrid() {
\n p.background(‚lightpink‘);
\n p.stroke(‚white‘);
\n p.strokeWeight(3);
\n p.noFill();
\n \/\/ p.rect(10, 10, CANVAS_SIZE – 20, CANVAS_SIZE – 20);<\/p>\n

\/* Linien Variante Lehererin
\n p.line(0, FIELD_WIDTH * 0, CANVAS_SIZE, FIELD_WIDTH * 0);
\n p.line(0, FIELD_WIDTH * 1, CANVAS_SIZE, FIELD_WIDTH * 1);
\n p.line(0, FIELD_WIDTH * 2, CANVAS_SIZE, FIELD_WIDTH * 2);
\n p.line(0, FIELD_WIDTH * 3, CANVAS_SIZE, FIELD_WIDTH * 3); *\/<\/p>\n

\/\/ Linien Variante Schleife
\n for (let i = 0; i < 4; i++) {\n p.line(0, FIELD_WIDTH * i, CANVAS_SIZE, FIELD_WIDTH * i);\n p.line(FIELD_WIDTH * i, 0, FIELD_WIDTH * i, CANVAS_SIZE);\n }\n\n \/* Linien f\u00fcr die K\u00e4stchen meine Variante mit Quadraten\n p.rect(10, 10, CANVAS_SIZE - 150, CANVAS_SIZE - 20);\n p.rect(10, 10, CANVAS_SIZE - 275, CANVAS_SIZE - 20);\n p.rect(10, 10, CANVAS_SIZE - 20, CANVAS_SIZE - 150);\n p.rect(10, 10, CANVAS_SIZE - 20, CANVAS_SIZE - 275); *\/\n}\n\n<\/p>\n<\/details>\n<\/div>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n\n\n\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

Art 1st & 2nd grade<\/h2>\n\n\n\n

Art encourages creativity, self-expression, and critical thinking through various artistic activities and media.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div><\/div>
<\/div>
<\/div>
<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"

KMD 1st grade Illustrator In Adobe Illustrator, you create and edit vector-based graphics such as logos, illustrations, and diagrams. KMD 2nd grade Photoshop This exquisite compilation showcases a diverse array of photographs that capture the essence of different eras and cultures, reflecting the unique styles and perspectives of each artist. Fleckenstein\u2019s evocative imagery, Strand\u2019s groundbreaking […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-135","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kirchgatterer-s.webserver.kslinz.at\/wordpress\/index.php\/wp-json\/wp\/v2\/pages\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kirchgatterer-s.webserver.kslinz.at\/wordpress\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kirchgatterer-s.webserver.kslinz.at\/wordpress\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kirchgatterer-s.webserver.kslinz.at\/wordpress\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kirchgatterer-s.webserver.kslinz.at\/wordpress\/index.php\/wp-json\/wp\/v2\/comments?post=135"}],"version-history":[{"count":147,"href":"https:\/\/kirchgatterer-s.webserver.kslinz.at\/wordpress\/index.php\/wp-json\/wp\/v2\/pages\/135\/revisions"}],"predecessor-version":[{"id":659,"href":"https:\/\/kirchgatterer-s.webserver.kslinz.at\/wordpress\/index.php\/wp-json\/wp\/v2\/pages\/135\/revisions\/659"}],"wp:attachment":[{"href":"https:\/\/kirchgatterer-s.webserver.kslinz.at\/wordpress\/index.php\/wp-json\/wp\/v2\/media?parent=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}