{"id":52,"date":"2024-04-11T17:13:02","date_gmt":"2024-04-11T17:13:02","guid":{"rendered":"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/?page_id=52"},"modified":"2025-03-06T07:24:18","modified_gmt":"2025-03-06T07:24:18","slug":"home","status":"publish","type":"page","link":"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/","title":{"rendered":""},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull is-light\" style=\"padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px;min-height:769px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-ti-bg-inv-background-color has-background-dim-0 has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1792\" height=\"1191\" class=\"wp-block-cover__image-background wp-image-180\" alt=\"\" src=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/04\/cover1_trautwein.png\" data-object-fit=\"cover\" srcset=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/04\/cover1_trautwein.png 1792w, https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/04\/cover1_trautwein-300x199.png 300w, https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/04\/cover1_trautwein-1024x681.png 1024w, https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/04\/cover1_trautwein-768x510.png 768w, https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/04\/cover1_trautwein-1536x1021.png 1536w\" sizes=\"auto, (max-width: 1792px) 100vw, 1792px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-ti-bg-alt-background-color has-background is-layout-constrained wp-container-core-group-is-layout-a8cabacf wp-block-group-is-layout-constrained\" style=\"margin-top:0px;margin-bottom:0px;padding-top:64px;padding-right:24px;padding-bottom:64px;padding-left:24px\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#portfolio\">Portfolio<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#about-me\">about me<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#lebenslauf\">Lebenslauf<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading alignfull has-text-align-center has-ti-bg-color has-ti-accent-background-color has-text-color has-background has-link-color wp-elements-89ad4945a04c61790e7f830cc48baaa9\" id=\"portfolio\">Portfolio<\/h2>\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<div style=\"height:0px;width:99px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-b8902260\"><\/div>\n\n\n\n<div class=\"alignnormal\"><div id=\"metaslider-id-282\" style=\"max-width: 1300px; margin: 0 auto;\" class=\"ml-slider-3-70-2 metaslider metaslider-flex metaslider-282 ml-slider ms-theme-default nav-hidden\" role=\"region\" aria-roledescription=\"Slideshow\" aria-label=\"Illustrator\">\n    <div id=\"metaslider_container_282\">\n        <div id=\"metaslider_282\">\n            <ul aria-live=\"polite\" class=\"slides\">\n                <li style=\"display: block; width: 100%;\" class=\"slide-289 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-289\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/05\/com-566x436.png\" height=\"1000\" width=\"1300\" alt=\"\" class=\"slider-282 slide-289\" title=\"com\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-290 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-290\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/05\/grusel-566x436.png\" height=\"1000\" width=\"1300\" alt=\"\" class=\"slider-282 slide-290\" title=\"grusel\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-291 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-291\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/05\/karte-743x572.png\" height=\"1000\" width=\"1300\" alt=\"\" class=\"slider-282 slide-291\" title=\"karte\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-292 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-292\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/05\/mockup-566x436.png\" height=\"1000\" width=\"1300\" alt=\"\" class=\"slider-282 slide-292\" title=\"mockup\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-293 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-293\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/05\/ski-566x436.png\" height=\"1000\" width=\"1300\" alt=\"\" class=\"slider-282 slide-293\" title=\"ski\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-294 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-294\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/05\/teams-566x436.png\" height=\"1000\" width=\"1300\" alt=\"\" class=\"slider-282 slide-294\" title=\"teams\" \/><\/li>\n            <\/ul>\n        <\/div>\n        \n    <\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-fe9cc265 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading\">Adobe Illustrator <\/h2>\n\n\n\n<p>Im ersten Jahrgang lernte ich das Arbeiten mit Adobe Illustrator in dem man mit Vektorgrafiken arbeitet. Es hat echt Spa\u00df gemacht, zu sehen, wie aus ein paar simplen Formen und etwas \u00dcbung richtig sch\u00f6ne Grafiken entstehen.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<div style=\"height:0px;width:100px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-6388d5dc\"><\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-fe9cc265 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading\">Adobe Photshop<\/h2>\n\n\n\n<p>Im zweiten Jahr meiner Ausbildung steht Adobe Photoshop auf dem Programm, begleitet von Digitaler Fotografie. Die Unterrichtsstunden im Mediendesign wird dadurch abwechslungsreich: Wir erstellen haben Collagen, retuschieren Bilder und setzen verschiedene Fotoprojekte um.<\/p>\n<\/div>\n\n\n\n<div class=\"alignnormal\"><div id=\"metaslider-id-251\" style=\"max-width: 1300px; margin: 0 auto;\" class=\"ml-slider-3-70-2 metaslider metaslider-flex metaslider-251 ml-slider ms-theme-default nav-hidden nav-hidden\" role=\"region\" aria-roledescription=\"Slideshow\" aria-label=\"Photoshop\">\n    <div id=\"metaslider_container_251\">\n        <div id=\"metaslider_251\">\n            <ul aria-live=\"polite\" class=\"slides\">\n                <li style=\"display: block; width: 100%;\" class=\"slide-257 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-257\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/05\/mity-566x436.png\" height=\"1000\" width=\"1300\" alt=\"\" class=\"slider-251 slide-257\" title=\"mity\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-255 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-255\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/05\/minty-himbeer-566x436.png\" height=\"1000\" width=\"1300\" alt=\"\" class=\"slider-251 slide-255\" title=\"minty himbeer\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-256 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-256\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/05\/mity-z-566x436.png\" height=\"1000\" width=\"1300\" alt=\"\" class=\"slider-251 slide-256\" title=\"mity z\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-270 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-270\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/05\/tea-mockup-566x436.png\" height=\"1000\" width=\"1300\" alt=\"\" class=\"slider-251 slide-270\" title=\"tea mockup\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-267 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-267\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/05\/tea-ver-566x436.png\" height=\"1000\" width=\"1300\" alt=\"\" class=\"slider-251 slide-267\" title=\"tea ver\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-277 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-277\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/05\/phantasie-566x436.png\" height=\"1000\" width=\"1300\" alt=\"\" class=\"slider-251 slide-277\" title=\"phantasie\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-280 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-280\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/05\/mode-566x436.png\" height=\"1000\" width=\"1300\" alt=\"\" class=\"slider-251 slide-280\" title=\"mode\" \/><\/li>\n            <\/ul>\n        <\/div>\n        \n    <\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<div style=\"height:0px;width:99px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-b8902260\"><\/div>\n\n\n\n<div class=\"alignnormal\"><div id=\"metaslider-id-303\" style=\"max-width: 1100px; margin: 0 auto;\" class=\"ml-slider-3-70-2 metaslider metaslider-flex metaslider-303 ml-slider ms-theme-bubble nav-hidden nav-hidden nav-hidden\" role=\"region\" aria-roledescription=\"Slideshow\" aria-label=\"DGF\">\n    <div id=\"metaslider_container_303\">\n        <div id=\"metaslider_303\">\n            <ul aria-live=\"polite\" class=\"slides\">\n                <li style=\"display: block; width: 100%;\" class=\"slide-333 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-333\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/05\/fluss-479x436.png\" height=\"1000\" width=\"1100\" alt=\"\" class=\"slider-303 slide-333\" title=\"fluss\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-334 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-334\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/05\/frucht-479x436.png\" height=\"1000\" width=\"1100\" alt=\"\" class=\"slider-303 slide-334\" title=\"frucht\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-335 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-335\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/05\/kamera-479x436.png\" height=\"1000\" width=\"1100\" alt=\"\" class=\"slider-303 slide-335\" title=\"kamera\" \/><\/li>\n            <\/ul>\n        <\/div>\n        \n    <\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-fe9cc265 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading\">Digitale Fotografie<\/h2>\n\n\n\n<p>Im Fach Photographie lernt man den korrekten Umgang mit der Kamera und professionelle Studiophotographie, was sich mittlerweile zu einer gro\u00dfen Leidenschaft von mir entwickelt hat.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-gutenbergp5-p5js gutenbergp5-align-center\"><iframe srcdoc=\"\n        <!DOCTYPE html&gt;\n        <html&gt;\n            <body style=&quot;padding: 0; margin: 0;&quot;&gt;<\/body&gt;\n            <script src=&quot;https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/plugins\/easy-p5-js-block\/\/assets\/js\/p5.min.js&quot;&gt;<\/script&gt;\n            <script&gt;\n                \/\/Variablen f\u00fcr Bird\nlet birdX = 150;\nlet birdY = 300;\nlet birdRadius = 20;\nlet birdVelocity = 0;   \/\/Wie schnell ist bird\nlet gravity = 0.8 ;\nlet lift = -10;\n\n\/\/Variablen f\u00fcr die R\u00f6hren\nlet pipes = [];\nlet pipeWidth = 50;\nlet pipegap = 150;\nlet pipeSpeed = 3;\n\n\/\/Variable Score\nlet score = 0;\n\n\nfunction setup() {\n  createCanvas(600, 600);\n  pipes.push(createPipe());\n}\n\nfunction draw() {\n  background(220);\n\n  birdVelocity += gravity;\n  birdY += birdVelocity;\n  \n\n  fill(255,255,0)\n  ellipse(birdX, birdY, birdRadius*2);\n\n  if(birdY &gt; height){\n    birdY = height;\n    birdVelocity = 0;\n  }\n\n  if(birdY < 0){\n    birdY = 0;\n    birdVelocity = 0;\n  }\n\n  if(frameCount % 100 == 0){\n    pipes.push(createPipe());\n\n  }\n\n  for(let i = 0; i < pipes.length; i++){\n    pipes[i][0] -= pipeSpeed;\n\n    fill(35,140,35);\n    rect(pipes[i][0],0,pipeWidth,pipes[i][1]);   \n    rect(pipes[i][0],pipes[i][2],pipeWidth,height-pipes[i][2]);\n\n    if(birdX + birdRadius &gt; pipes[i][0] \n      &amp;&amp; birdX - birdRadius < pipes[i][0] + pipeWidth\n      &amp;&amp; (birdY - birdRadius < pipes[i][1] || birdY + birdRadius &gt; pipes[i][2])\n    ){\n      noLoop();\n    }\n\n    if(pipes.length &gt; 0 &amp;&amp; pipes[0][0] + pipeWidth < 0){\n      pipes.shift(); \/\/L\u00f6scht erstes Element in einem Array\n      score++;\n    }\n\n    \/\/Score sichtbarmachen\n    \n    text(&quot;Score: &quot; + String(score), 10, 20)\n     \n  }\n\n}\n\nfunction keyPressed(){\n  if (key == &quot; &quot;){\n    birdVelocity = lift; \/\/bird wird somit nach oben bewegt\n  }\n\n}\n\nfunction createPipe(){\n  let topHeight = random(height\/2);\n  let bottomStart = topHeight + pipegap;\n  return [width, topHeight, bottomStart];\n\n}\n            <\/script&gt;\n        <\/html&gt;\" sandbox=\"allow-scripts allow-same-origin\" scrolling=\"no\" style=\"overflow:hidden;\" width=\"\" height=\"\" class=\"\" title=\"p5.js canvas\"><\/iframe><\/div>\n\n\n\n<div class=\"wp-block-gutenbergp5-p5js gutenbergp5-align-center\"><iframe srcdoc=\"\n        <!DOCTYPE html&gt;\n        <html&gt;\n            <body style=&quot;padding: 0; margin: 0;&quot;&gt;<\/body&gt;\n            <script src=&quot;https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/plugins\/easy-p5-js-block\/\/assets\/js\/p5.min.js&quot;&gt;<\/script&gt;\n            <script&gt;\n                let playerX, playerY; \/\/ Spieler-Koordinaten\nlet playerSize = 20; \/\/ Gr\u00f6\u00dfe des Spielerquadrats\nlet gravity = 0.8;\nlet jumpForce = -10;\nlet velocityY = 0;\n \nlet groundY;\nlet obstacles = [];\nlet obstacleWidth = 20;\nlet obstacleHeight = 20;\nlet spawnInterval = 90; \/\/ Interval f\u00fcr Hindernis-Spawn\nlet frameCountSinceLastObstacle = 0;\n \nlet isGameOver = false;\nlet jumpCount = 0; \/\/ Anzahl der Spr\u00fcnge (maximal 2 f\u00fcr Doppel-Jump)\nlet score = 0;\nlet highscore = 0;\n \nfunction setup() {\n  createCanvas(600, 400);\n  playerX = 50;\n  playerY = height - 50;\n  groundY = height - 30;\n}\n \nfunction draw() {\n  background(220);\n \n  if (!isGameOver) {\n    \/\/ Spielerlogik\n    velocityY += gravity;\n    playerY += velocityY;\n \n    if (playerY &gt;= groundY - playerSize) {\n      playerY = groundY - playerSize;\n      velocityY = 0;\n      jumpCount = 0;\n    }\n \n   \/\/ Hindernis-Logik\n   if (frameCountSinceLastObstacle &gt;= spawnInterval) {\n    let obstacleX = width;\n    let obstacleY = groundY - random([20, 40, 60]);\n    let obstacleW = random([20, 40, 60]);\n    let obstacleH = groundY - obstacleY;\n    obstacles.push([obstacleX, obstacleY, obstacleW, obstacleH]);\n    frameCountSinceLastObstacle = 0;\n    spawnInterval = random(30, 120);\n  } else {\n    frameCountSinceLastObstacle++;\n  }\n \n  for (let i = obstacles.length - 1; i &gt;= 0; i--) {\n    let obsX = obstacles[i][0];\n    let obsY = obstacles[i][1];\n    let obsW = obstacles[i][2];\n    let obsH = obstacles[i][3];\n \n    obstacles[i][0] -= 5; \/\/ Hindernis nach links bewegen\n \n    if (obsX + obsW < 0) {\n      obstacles.splice(i, 1);\n      score++;\n    }\n \n    \/\/ Korrigierte Kollisionsabfrage\n    if (\n      playerX < obsX + obsW &amp;&amp;\n      playerX + playerSize &gt; obsX &amp;&amp;\n      playerY < obsY + obsH &amp;&amp;\n      playerY + playerSize &gt; obsY\n    ) {\n      isGameOver = true;\n      if (score &gt; highscore) {\n        highscore = score;\n      }\n    }\n  }\n \n \n \n    textSize(16)\n    textAlign(LEFT, CENTER);\n    text(&quot;Score: &quot; + String(score), 30, 20)\n    text(&quot;HighScore: &quot; + String(highscore), 30, 50)\n \n    \/\/ Zeichne Hindernisse\n    fill(150, 50, 50);\n    for (let obstacle of obstacles) {\n      rect(obstacle[0], obstacle[1], obstacle[2], obstacle[3]);\n    }\n \n    \/\/ Zeichne Spieler\n    fill(50, 150, 50);\n    rect(playerX, playerY, playerSize, playerSize);\n \n    \/\/ Zeichne Boden\n    fill(100);\n    rect(0, groundY, width, height - groundY);\n  } else {\n    textSize(32);\n    fill(0);\n    textAlign(CENTER, CENTER);\n    text(&quot;Game Over&quot;, width \/ 2, height \/ 2 -30);\n    textSize(20);\n    text(&quot;HighScore: &quot; + String(highscore), width\/2, height \/ 2 + 20 )\n \n    text(&quot;Dr\u00fccke R um nochmal zu spielen &quot;, width\/2, height \/ 2 + 45 )\n  }\n}\n \nfunction keyPressed() {\n  \/\/ Sprunglogik: Doppelsprung\n  if (key === ' ' &amp;&amp; (playerY === groundY - playerSize || jumpCount < 2)) {\n    velocityY = jumpForce;\n    jumpCount++; \/\/ Erh\u00f6he die Sprunganzahl\n  }\n \n  if (key === 'R' || key === 'r') {\n    resetGame();\n  }\n}\n \nfunction resetGame() {\n  isGameOver = false;\n  playerY = groundY - playerSize;\n  velocityY = 0;\n  obstacles = [];\n  frameCountSinceLastObstacle = 0;\n  jumpCount = 0;\n  score = 0;\n}\n            <\/script&gt;\n        <\/html&gt;\" sandbox=\"allow-scripts allow-same-origin\" scrolling=\"no\" style=\"overflow:hidden;\" width=\"\" height=\"\" class=\"\" title=\"p5.js canvas\"><\/iframe><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-gutenbergp5-p5js gutenbergp5-align-center\"><iframe srcdoc=\"\n        <!DOCTYPE html&gt;\n        <html&gt;\n            <body style=&quot;padding: 0; margin: 0;&quot;&gt;<\/body&gt;\n            <script src=&quot;https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/plugins\/easy-p5-js-block\/\/assets\/js\/p5.min.js&quot;&gt;<\/script&gt;\n            <script&gt;\n                let cols, rows;\nlet w = 40; \/\/ Gr\u00f6\u00dfe der Zellen\nlet grid = [];\nlet mines = [];\nlet revealed = [];\nlet flagged = [];\nlet mineCount = 10;\nlet gameOver = false;\nlet won = false;\n \nfunction setup() {\n  createCanvas(400, 400);\n  cols = floor(width \/ w);\n  rows = floor(height \/ w);\n \n  canvas.oncontextmenu = function (e) { \/\/Unterdr\u00fccken des Kontextmen\u00fcs, Rechtsklick\n    e.preventDefault();\n  };\n \n \n  for (let i = 0; i < rows; i++) { \/\/Variablen f\u00fcllen mit dynamischen Spalten und Zeilen,\n    grid[i] = [];\n    mines[i] = [];\n    revealed[i] = [];\n    flagged[i] = [];\n    for (let j = 0; j < cols; j++) { \/\/ Standwardwerte setzen\n      grid[i][j] = 0;\n      mines[i][j] = false;\n      revealed[i][j] = false;\n      flagged[i][j] = false;\n    }\n  }\n \n  \/\/ Minen zuf\u00e4llig platzieren\n  for (let n = 0; n < mineCount; n++) {\n    let i, j;\n    do {\n      i = floor(random(cols));\n      j = floor(random(rows));\n    } while (mines[i][j]);  \/\/Mine neu platzieren falls Feld schon Besetzt\n    mines[i][j] = true;\n  }\n \n  \/\/ Zahlen berechnen\n  for (let i = 0; i < rows; i++) {\n    for (let j = 0; j < cols; j++) {\n      if (!mines[i][j]) {\n        let count = 0;\n        for (let xOff = -1; xOff <= 1; xOff++) {\n          for (let yOff = -1; yOff <= 1; yOff++) {\n            let ni = i + xOff;\n            let nj = j + yOff;\n            if (ni &gt;= 0 &amp;&amp; ni < cols &amp;&amp; nj &gt;= 0 &amp;&amp; nj < rows &amp;&amp; mines[ni][nj]) {\n              count++;\n            }\n          }\n        }\n        grid[i][j] = count;\n      }\n    }\n  }\n}\n \nfunction draw() {\n  background(220);\n  if (gameOver) {\n    fill(255, 0, 0);\n    textSize(32);\n    textAlign(CENTER, CENTER);\n    text(&quot;Game Over&quot;, width \/ 2, height \/ 2);\n    return;\n  }\n \n  if (won) {\n    fill(0, 255, 0);\n    textSize(32);\n    textAlign(CENTER, CENTER);\n    text(&quot;You Win!&quot;, width \/ 2, height \/ 2);\n    return;\n  }\n \n  for (let i = 0; i < cols; i++) {\n    for (let j = 0; j < rows; j++) {\n      stroke(0);\n      fill(200);\n      rect(i * w, j * w, w, w);\n \n      if (flagged[i][j]) {\n        fill(255, 255, 0);\n        triangle(i * w + w * 0.2, j * w + w * 0.8, i * w + w * 0.5, j * w + w * 0.2, i * w + w * 0.8, j * w + w * 0.8);\n      } else if (revealed[i][j]) {\n        if (mines[i][j]) {\n          fill(255, 0, 0);\n          ellipse(i * w + w \/ 2, j * w + w \/ 2, w * 0.5);\n        } else {\n          fill(255);\n          rect(i * w, j * w, w, w);\n          if (grid[i][j] &gt; 0) {\n            fill(0);\n            textSize(16);\n            textAlign(CENTER, CENTER);\n            text(grid[i][j], i * w + w \/ 2, j * w + w \/ 2);\n          }\n        }\n      }\n    }\n  }\n  checkWin();\n}\n \nfunction mousePressed() {\n  if (gameOver || won) return;\n  let i = floor(mouseX \/ w);\n  let j = floor(mouseY \/ w);\n  if (i &gt;= 0 &amp;&amp; i < cols &amp;&amp; j &gt;= 0 &amp;&amp; j < rows) {\n    if (mouseButton === LEFT) {\n      if (mines[i][j]) {\n        gameOver = true;\n      }\n      reveal(i, j);\n    } else if (mouseButton === RIGHT) {\n      flagged[i][j] = !flagged[i][j];\n    }\n  }\n}\n \nfunction reveal(i, j) {\n  if (i < 0 || i &gt;= cols || j < 0 || j &gt;= rows || revealed[i][j] || flagged[i][j]) {\n    return;\n  }\n  revealed[i][j] = true;\n  if (grid[i][j] === 0) {\n    for (let xOff = -1; xOff <= 1; xOff++) {\n      for (let yOff = -1; yOff <= 1; yOff++) {\n        reveal(i + xOff, j + yOff);\n      }\n    }\n  }\n}\n \nfunction checkWin() {\n  let unrevealedCount = 0;\n  for (let i = 0; i < cols; i++) {\n    for (let j = 0; j < rows; j++) {\n      if (!revealed[i][j] &amp;&amp; !mines[i][j]) {\n        unrevealedCount++;\n      }\n    }\n  }\n  if (unrevealedCount == 0) {\n    won = true;\n  }\n}\n            <\/script&gt;\n        <\/html&gt;\" sandbox=\"allow-scripts allow-same-origin\" scrolling=\"no\" style=\"overflow:hidden;\" width=\"\" height=\"\" class=\"\" title=\"p5.js canvas\"><\/iframe><\/div>\n\n\n\n<div class=\"wp-block-gutenbergp5-p5js gutenbergp5-align-center\"><iframe srcdoc=\"\n        <!DOCTYPE html&gt;\n        <html&gt;\n            <body style=&quot;padding: 0; margin: 0;&quot;&gt;<\/body&gt;\n            <script src=&quot;https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/plugins\/easy-p5-js-block\/\/assets\/js\/p5.min.js&quot;&gt;<\/script&gt;\n            <script&gt;\n                let snake = [];\nlet direction = [0, 0] \/\/Bewegungsrichtung als Array [x, y]\nlet food;\nlet gridSize = 20;\nlet resolution = 20; \/\/Pixelgr\u00f6\u00dfe\nlet hasEaten = false;\nlet headPosition;\nlet score;\n \nfunction setup() {\n  createCanvas(400, 400);\n  frameRate(6);\n \n  snake.push([floor(gridSize\/2), (gridSize\/2)])\n \n  spawnFood();\n  score = 0;\n}\n \nfunction draw() {\n  background(220);\n \n  text(&quot;Score: &quot; + String(score), 10, height)\n \n  drawGrid()\n \n  fill(0,175, 150, 150)\n  rect(food[0]*resolution, food[1]*resolution, resolution, resolution)\n \n  updateSnake()\n  drawSnake()\n \n  headPosition = snake[snake.length - 1]\n \n  if(headPosition[0] == food[0] &amp;&amp; headPosition[1] == food[1]){\n    hasEaten = true\n    score++\n    spawnFood()\n  }\n\n  if(isDead()){\n    noLoop();\n    textAlign(CENTER,CENTER);\n    textSize(32);\n    fill(0)\n    text(&quot;GAME OVER&quot;, width\/2, height\/2);\n  }\n}\n\nfunction isDead(){\n  let head = snake[snake.length-1];\n\n  if(head[0]<0 || head[0] &gt; gridSize || head[1] < 0 || head[1] &gt;= gridSize){\n    return true;\n  }\n\n  for(let i = 0; i < snake.length -1; i++){\n\n    if(snake[i][0] == head[0] &amp;&amp; snake[i][1] == head[1]){\n      return true;\n    }\n  }\n\n  return false;\n}\n \nfunction drawSnake(){\n  for(let i = 0; i < snake.length; i++){\n    fill(0, 0, 255)\n    rect(snake[i][0]*resolution, snake[i][1]*resolution, resolution, resolution)\n  }\n}\n \nfunction updateSnake(){\n  if(direction[0] == 0 &amp;&amp; direction[1] == 0){\n    return\n  }\n \n  let head = [\n    snake[snake.length - 1][0] + direction[0], \/\/neue x Position\n    snake[snake.length - 1][1] + direction[1] \/\/neue y Position\n  ]\n \n  snake.push(head); \/\/neuen Kopf in Snake array anh\u00e4ngen\n \n  if(!hasEaten){ \/\/! ist der NOT-Operater dreht Bool um\n    snake.shift()\n  }\n  else{\n    hasEaten = false\n  }\n}\n \nfunction drawGrid(){\n \n  stroke('#ff6ec7')\n \n  for(let i = 0; i < gridSize; i++){\n    line(i*resolution, 0, i*resolution, height)\n    line(0, i*resolution, width, i*resolution)\n  }\n}\n \nfunction spawnFood(){\n  food = [floor(random(gridSize)), floor(random(gridSize))]\n}\n \nfunction keyPressed(){\n  if(key == &quot;W&quot; || key == &quot;w&quot;){\n    if(direction[1] == 0){\n      direction = [0, -1] \/\/nach oben\n    }\n  }\n  else if(key == &quot;S&quot; || key == &quot;s&quot;){\n    if(direction[1] == 0){\n      direction = [0, 1]\n    }\n  }\n  else if(key == &quot;D&quot; || key == &quot;d&quot;){\n    if(direction[0] == 0){\n      direction = [1, 0]\n    }\n  }\n  else if(key == &quot;A&quot; || key == &quot;a&quot;){\n    if(direction[0] == 0){\n      direction = [-1, 0]\n    }\n  }\n}\n            <\/script&gt;\n        <\/html&gt;\" sandbox=\"allow-scripts allow-same-origin\" scrolling=\"no\" style=\"overflow:hidden;\" width=\"\" height=\"\" class=\"\" title=\"p5.js canvas\"><\/iframe><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading alignfull has-text-align-center has-ti-bg-color has-ti-accent-background-color has-text-color has-background has-link-color wp-elements-bdfa1483dd5d0dc2d8bd3c11fb17b753\" id=\"about-me\">about me<\/h2>\n\n\n\n<div class=\"wp-block-group alignwide is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"683\" height=\"1024\" src=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/04\/portrait_tessa-3-683x1024.png\" alt=\"\" class=\"wp-image-163\" style=\"width:472px;height:auto\" srcset=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/04\/portrait_tessa-3-683x1024.png 683w, https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/04\/portrait_tessa-3-200x300.png 200w, https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/04\/portrait_tessa-3-768x1151.png 768w, https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/04\/portrait_tessa-3-1025x1536.png 1025w, https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/04\/portrait_tessa-3.png 1228w\" sizes=\"auto, (max-width: 683px) 100vw, 683px\" \/><\/figure>\n\n\n\n<div style=\"height:100px;width:123px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-23d2426f\"><\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-fe9cc265 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading\" id=\"\u00fcber-mich\">Hallo ich bin Tessa Trautwein<\/h2>\n\n\n\n<h4 class=\"wp-block-heading\">Sch\u00fclerin an der HLW der Kreuzschwestern Linz<\/h4>\n\n\n\n<p>Ich bin 16 Jahre alt und wohne im wundersch\u00f6nem Almtal. In meiner Freizeit liebe ich es auf die heimischen Berge zu steigen, am Kasberg zu Skifahren oder eine Radtour zum Almsee zu unternehmen.<\/p>\n\n\n\n<p>Au\u00dferdem helfe ich an manchen Wochenenden auf der Welserh\u00fctte aus, die sich am Gro\u00dfen Priel befindet.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"alignnormal\"><div id=\"metaslider-id-304\" style=\"max-width: 700px; margin: 0 auto;\" class=\"ml-slider-3-70-2 metaslider metaslider-flex metaslider-304 ml-slider ms-theme-default nav-hidden nav-hidden nav-hidden nav-hidden\" role=\"region\" aria-roledescription=\"Slideshow\" aria-label=\"Privat\">\n    <div id=\"metaslider_container_304\">\n        <div id=\"metaslider_304\">\n            <ul aria-live=\"polite\" class=\"slides\">\n                <li style=\"display: block; width: 100%;\" class=\"slide-310 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-310\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/05\/20220225_162809_1-700x500.png\" height=\"500\" width=\"700\" alt=\"\" class=\"slider-304 slide-310\" title=\"20220225_162809_1\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-311 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-311\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/05\/Budapest-scaled-700x500.jpg\" height=\"500\" width=\"700\" alt=\"\" class=\"slider-304 slide-311\" title=\"Budapest\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-312 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-312\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/05\/linz-610x436.png\" height=\"500\" width=\"700\" alt=\"\" class=\"slider-304 slide-312\" title=\"linz\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-313 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-313\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/05\/london-610x436.png\" height=\"500\" width=\"700\" alt=\"\" class=\"slider-304 slide-313\" title=\"london\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-314 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-314\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/05\/WhatsApp-Image-2024-04-18-at-23.38.44-700x500.jpeg\" height=\"500\" width=\"700\" alt=\"\" class=\"slider-304 slide-314\" title=\"WhatsApp Image 2024-04-18 at 23.38.44\" \/><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-329 ms-image \" aria-roledescription=\"slide\" aria-label=\"slide-329\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/wp-content\/uploads\/2024\/05\/berg-610x436.png\" height=\"500\" width=\"700\" alt=\"\" class=\"slider-304 slide-329\" title=\"berg\" \/><\/li>\n            <\/ul>\n        <\/div>\n        \n    <\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading alignfull has-text-align-center has-ti-bg-color has-ti-accent-background-color has-text-color has-background has-link-color wp-elements-1f3e74c9cf56349b618725075f31a11d\" id=\"lebenslauf\">Lebenslauf <\/h2>\n\n\n\n<section id=\"section-a80b2492-b7aa-4978-b141-ade753d76f47\" class=\"wp-block-gutentor-timeline alignfull gutentor-section gutentor-timeline cssanimations timeline-template1 has-gutentor-overlay\"><div class=\"grid-container\"><div class=\"gutentor-block-header\"><div class=\"gutentor-section-title enable-title-design seperator-bottom text-center\"><h2 class=\"gutentor-title\"><\/h2><\/div><\/div><div class=\"gutentor-grid-item-wrap\"><div class=\"gutentor-timeline-wrapper\"><div class=\"gutentor-single-item gutentor-single-item-0 gutentor-even\"><div class=\"gutentor-timeline-item\"><div class=\"gutentor-single-item-wrap\"><div class=\"gutentor-timeline-item-circle\"><\/div><div class=\"gutentor-single-item-wrapper\"><div class=\"gutentor-single-item-content gutentor-timeline-item-content\"><div class=\"gutentor-timeline-item-org-title\"><h5 class=\"gutentor-timeline-item-heading-name\">seit September 2022<br>bis 2027<\/h5><h5 class=\"gutentor-timeline-item-duration\"><\/h5><\/div><h3 class=\"gutentor-single-item-title\">HLW der Kreuzschwestern Linz<\/h3><p class=\"gutentor-single-item-desc\">f\u00fcr Kommunikation &amp; Mediendesign<\/p><\/div><\/div><\/div><\/div><\/div><div class=\"gutentor-single-item gutentor-single-item-1 gutentor-odd\"><div class=\"gutentor-timeline-item\"><div class=\"gutentor-single-item-wrap\"><div class=\"gutentor-timeline-item-circle\"><\/div><div class=\"gutentor-single-item-wrapper\"><div class=\"gutentor-single-item-content gutentor-timeline-item-content\"><div class=\"gutentor-timeline-item-org-title\"><h5 class=\"gutentor-timeline-item-heading-name\">September 2018<br>bis Juli 2022<\/h5><h5 class=\"gutentor-timeline-item-duration\"><\/h5><\/div><h3 class=\"gutentor-single-item-title\">Gymnasium Kirchdorf <\/h3><p class=\"gutentor-single-item-desc\">Zweig: Musisch &amp; kreativ<\/p><\/div><\/div><\/div><\/div><\/div><div class=\"gutentor-single-item gutentor-single-item-2 gutentor-even\"><div class=\"gutentor-timeline-item\"><div class=\"gutentor-single-item-wrap\"><div class=\"gutentor-timeline-item-circle\"><\/div><div class=\"gutentor-single-item-wrapper\"><div class=\"gutentor-single-item-content gutentor-timeline-item-content\"><div class=\"gutentor-timeline-item-org-title\"><h5 class=\"gutentor-timeline-item-heading-name\">September 2014<\/h5><h5 class=\"gutentor-timeline-item-duration\">bis Juli 2018<\/h5><\/div><h3 class=\"gutentor-single-item-title\">Volksschule M\u00fchldorf<\/h3><p class=\"gutentor-single-item-desc\"><\/p><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"<p>Portfolio Adobe Illustrator Im ersten Jahrgang lernte ich das Arbeiten mit Adobe Illustrator in dem man mit Vektorgrafiken arbeitet. Es hat echt Spa\u00df gemacht, zu sehen, wie aus ein paar simplen Formen und etwas \u00dcbung richtig sch\u00f6ne Grafiken entstehen. Adobe Photshop Im zweiten Jahr meiner Ausbildung steht Adobe Photoshop auf dem Programm, begleitet von Digitaler [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-52","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/index.php\/wp-json\/wp\/v2\/pages\/52","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/index.php\/wp-json\/wp\/v2\/comments?post=52"}],"version-history":[{"count":82,"href":"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/index.php\/wp-json\/wp\/v2\/pages\/52\/revisions"}],"predecessor-version":[{"id":357,"href":"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/index.php\/wp-json\/wp\/v2\/pages\/52\/revisions\/357"}],"wp:attachment":[{"href":"https:\/\/trautwein-tessa.web.kslinz.at\/trautweint2024\/index.php\/wp-json\/wp\/v2\/media?parent=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}