{
  "schemaVersion": 2,
  "hash": "fb13161e94abf7dc34b37c2fb57da7e36d44d98f21d353b08875a056a34fdad7",
  "purpose": "html-region",
  "page": "/en/trajektorie-kurzoru/",
  "sourceLang": "CS",
  "targetLang": "EN-US",
  "glossaryRevision": "none",
  "deepl": {
    "tagHandling": "html",
    "tagHandlingVersion": "v2",
    "splitSentences": "nonewlines",
    "preserveFormatting": true
  },
  "selectorPolicyRevision": 2,
  "sourceFragment": " <div class=\"post-header\">  <h1 class=\"post-title\">Trajektorie kurzoru</h1> <p class=\"post-meta\"> August 2023 </p> </div> <div class=\"post-body\"> <p>Může se zdát, že každodenní interakce s počítačovou myší je běžnou a nijak zvlášť pozoruhodnou činností. Ale co kdyby bylo možné tyto rutinní pohyby přetvořit na něco více, něco, co vytváří jedinečnou vizuální reprezentaci práce na počítači? Díky kódu, který snímá pozici kurzoru myši a barvu pixelu pod ním, se tato myšlenka může stát skutečností.</p>\n<p><strong>Jak to funguje?</strong><br>\nTento kód sleduje, kde se nachází kurzor myši na obrazovce a jakou barvu má pixel pod ním. Tyto informace jsou poté v reálném čase přenášeny na virtuální plátno s rozlišením shodným s rozlišením obrazovky. Kdykoli se myší pohybuje, kód vykreslí pixel s barvou, která byla právě pod kurzorem, na pozici, kde se kurzor nacházel. To znamená, že jak se na obrazovce pracuje a pohybuje, na plátně se vytvářejí barevné trajektorie. Tyto trajektorie jsou jedinečné a reprezentují práci a interakci uživatele s počítačem.</p>\n<p><strong>Co se stane po delší době?</strong><br>\nPokud tento proces běží dostatečně dlouho, začne se plátno vyplňovat a trajektorie se stávají méně patrné. Místo nich většina plátna začne vypadat jako pseudonáhodný šum. Nicméně, existují určité oblasti obrazovky, které se v průběhu času příliš nemění. Může to být například dolní lišta systému Windows, kde se nacházejí ikony softwarů. Tyto oblasti na plátně zůstávají víceméně stále stejné.</p>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/trajektorie-kurzoru-obr-1.png\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/trajektorie-kurzoru-obr-1.png\" alt=\"\"> </a>  </figure>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/trajektorie-kurzoru-obr-2.png\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/trajektorie-kurzoru-obr-2.png\" alt=\"\"> </a>  </figure>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/trajektorie-kurzoru-obr-3.png\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/trajektorie-kurzoru-obr-3.png\" alt=\"\"> </a>  </figure>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/trajektorie-kurzoru-obr-4.png\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/trajektorie-kurzoru-obr-4.png\" alt=\"\"> </a>  </figure>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/trajektorie-kurzoru-obr-5.png\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/trajektorie-kurzoru-obr-5.png\" alt=\"\"> </a>  </figure>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/trajektorie-kurzoru-obr-6.png\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/trajektorie-kurzoru-obr-6.png\" alt=\"\"> </a>  </figure>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/trajektorie-kurzoru-obr-7.png\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/trajektorie-kurzoru-obr-7.png\" alt=\"\"> </a>  </figure>\n<p><strong>Závěr</strong><br>\nTento kód představuje spojení technologie a umění, které umožňuje převést každodenní interakci s počítačem na něco vizuálně poutavého. Přestože se na první pohled může zdát, že práce s počítačem je rutinní a monotónní, tento projekt ukazuje, že i taková činnost může mít svou vlastní krásu a rytmus.</p>\n<p><strong>Zdrojový kód</strong><br>\nZdrojový Python kód pro tento projekt je dostupný zde:</p>\n<span data-i18n-protected=\"p0\" translate=\"no\" class=\"notranslate\"></span> </div> ",
  "translatedFragment": " <div class=\"post-header\">  <h1 class=\"post-title\">Cursor Trajectory</h1> <p class=\"post-meta\"> August 2023 </p> </div> <div class=\"post-body\"> <p>It may seem that everyday interaction with a computer mouse is a routine and unremarkable activity. But what if it were possible to transform these routine movements into something more—something that creates a unique visual representation of computer work? Thanks to code that tracks the mouse cursor’s position and the color of the pixel beneath it, this idea can become a reality.</p>\n<p><strong>How does it work?</strong><br>\nThis code tracks where the mouse cursor is on the screen and what color the pixel beneath it is. This information is then transferred in real time to a virtual canvas with a resolution matching that of the screen. Whenever the mouse moves, the code renders a pixel with the color that was directly beneath the cursor at the position where the cursor was located. This means that as you work and move around on the screen, colorful trajectories are created on the canvas. These trajectories are unique and represent the user’s work and interaction with the computer.</p>\n<p><strong>What happens after a while?</strong><br>\nIf this process runs long enough, the canvas begins to fill up and the trajectories become less noticeable. Instead, most of the canvas begins to look like pseudo-random noise. However, there are certain areas of the screen that do not change much over time. This could be, for example, the Windows taskbar, where software icons are located. These areas on the canvas remain more or less the same.</p>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/trajektorie-kurzoru-obr-1.png\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/trajektorie-kurzoru-obr-1.png\" alt=\"\"> </a>  </figure>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/trajektorie-kurzoru-obr-2.png\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/trajektorie-kurzoru-obr-2.png\" alt=\"\"> </a>  </figure>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/trajektorie-kurzoru-obr-3.png\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/trajektorie-kurzoru-obr-3.png\" alt=\"\"> </a>  </figure>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/trajektorie-kurzoru-obr-4.png\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/trajektorie-kurzoru-obr-4.png\" alt=\"\"> </a>  </figure>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/trajektorie-kurzoru-obr-5.png\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/trajektorie-kurzoru-obr-5.png\" alt=\"\"> </a>  </figure>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/trajektorie-kurzoru-obr-6.png\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/trajektorie-kurzoru-obr-6.png\" alt=\"\"> </a>  </figure>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/trajektorie-kurzoru-obr-7.png\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/trajektorie-kurzoru-obr-7.png\" alt=\"\"> </a>  </figure>\n<p><strong>Conclusion</strong><br>\nThis code represents a fusion of technology and art that transforms everyday computer interaction into something visually captivating. Although working with a computer may seem routine and monotonous at first glance, this project shows that even such an activity can have its own beauty and rhythm.</p>\n<p><strong>Source Code</strong><br>\nThe Python source code for this project is available here:</p>\n<span data-i18n-protected=\"p0\" translate=\"no\" class=\"notranslate\"></span> </div> ",
  "createdAt": "2026-05-08T09:53:52.989Z"
}
