https://shendriks.dev/

URL inviato:
https://shendriks.dev/
Report terminato:
LinkTesto
https://github.com/shendriks
https://mastodon.social/@shendriks
https://www.linkedin.com/in/hendriks-sven/
https://www.xing.com/profile/Sven_Hendriks
https://gohugo.ioHugo
https://github.com/rhazdon/hugo-theme-hello-friend-ngHello Friend NG

Variabili JavaScript · 5 trovate

NomeTipo
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
animateProgressBarfunction
fadeToTopLinkfunction

Messaggi di log della console · 0 trovati

HTML

<!DOCTYPE html><html lang="en" data-theme="dark"><head>
	<meta name="generator" content="Hugo 0.139.2">
    <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="">
<meta name="description" content="Yet another (game) development blog in the endless expanses of the internet. To boldly code what no one has coded before. Or something of that sort.">
<meta name="keywords" content="homepage, blog, dev blog, programming, software development, dev, game dev, game development, game design, software engineering, software architecture, software design, design patterns, design principles, architecture principles, SOLID, SOLID principles, C#, c-sharp, csharp, monogame, KNI, platformer, 2D platformer, pathfinding, A*, A-Star, shortest path, tutorial, sven hendriks">
<meta name="robots" content="noodp">
<meta name="theme-color" content="">
<meta name="fediverse:creator" content="@[email protected]">

<link rel="me" href="https://mastodon.social/@shendriks">
<link rel="canonical" href="https://shendriks.dev/">



    <title>
        
            Sven's Dev Journal 
        
    </title>





<link rel="stylesheet" href="/main.aa524554bd0d3e97d08a077bc6f005c70a9e67b9513de9cdc3b5459b9ca69899.css" integrity="sha256-qlJFVL0NPpfQigd7xvAFxwqeZ7lRPenNw7VFm5ymmJk=">



    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="msapplication-TileColor" content="#da532c">



  <meta itemprop="name" content="Sven's Dev Journal">
  <meta itemprop="description" content="Yet another (game) development blog in the endless expanses of the internet. To boldly code what no one has coded before. Or something of that sort.">
  <meta itemprop="datePublished" content="2024-09-04T00:00:00+00:00">
  <meta itemprop="dateModified" content="2024-10-24T00:00:00+00:00">

  <meta name="twitter:card" content="summary">
  <meta name="twitter:title" content="Sven's Dev Journal">
  <meta name="twitter:description" content="Yet another (game) development blog in the endless expanses of the internet. To boldly code what no one has coded before. Or something of that sort.">



    <meta property="og:url" content="https://shendriks.dev/">
  <meta property="og:site_name" content="Sven's Dev Journal">
  <meta property="og:title" content="Sven's Dev Journal">
  <meta property="og:description" content="Yet another (game) development blog in the endless expanses of the internet. To boldly code what no one has coded before. Or something of that sort.">
  <meta property="og:locale" content="en_us">
  <meta property="og:type" content="website">














</head>


    <body class="">


<div class="container">
    <header class="header">
    <span class="header__inner">
        <a href="/" style="text-decoration: none;">
    <div class="logo">
        
            <span class="logo__mark">&gt;</span>
            <span class="logo__text ">
                cd $HOME</span>
            <span class="logo__cursor" style="
                   
                   ">
            </span>
        
    </div>
</a>


        <span class="header__right">
            
                <nav class="menu">
    <ul class="menu__inner"><li><a href="/about">About</a></li><li><a href="/posts">Blog</a></li>
    </ul>
</nav>




                <span class="menu-trigger hidden">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                        <path d="M0 0h24v24H0z" fill="none"></path>
                        <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path>
                    </svg>
                </span>
            
        </span>
    </span>
</header>


    

    <div class="content">
        
    <main aria-role="main" class="start-portrait-title">
        <div>
            
               <img width="128" height="128" src="/images/sven128.png" class="portrait" alt="">
            

            <h1>Sven's Dev Journal</h1>

            
    <p style="width: 100%; max-width: 800px; margin: 0; padding: 0 20px 20px 20px;">Yet another (game) development blog in the endless expanses of the internet. To boldly code what no one has coded before. Or something of that sort.</p>
                <div>
                    &nbsp; <a href="https://github.com/shendriks" rel="me noopener " title="Github"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a> &nbsp;&nbsp; <a href="https://mastodon.social/@shendriks" rel="me noopener " title="Mastodon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke-width="2"><path d="M23.193 7.879c0-5.206-3.411-6.732-3.411-6.732C18.062.357 15.108.025 12.041 0h-.076c-3.068.025-6.02.357-7.74 1.147 0 0-3.411 1.526-3.411 6.732 0 1.192-.023 2.618.015 4.129.124 5.092.934 10.109 5.641 11.355 2.17.574 4.034.695 5.535.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.613-4.129.539c-2.165-.074-4.449-.233-4.799-2.891a5.499 5.499 0 0 1-.048-.745s2.125.52 4.817.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2.212 5.954-3.905.517-2.665.475-6.507.475-6.507zm-4.024 6.709h-2.497V8.469c0-1.29-.543-1.944-1.628-1.944-1.2 0-1.802.776-1.802 2.312v3.349h-2.483v-3.35c0-1.536-.602-2.312-1.802-2.312-1.085 0-1.628.655-1.628 1.944v6.119H4.832V8.284c0-1.289.328-2.313.987-3.07.68-.758 1.569-1.146 2.674-1.146 1.278 0 2.246.491 2.886 1.474L12 6.585l.622-1.043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388 2.674 1.146.658.757.986 1.781.986 3.07v6.304z"></path></svg></a> &nbsp;&nbsp; <a href="https://www.linkedin.com/in/hendriks-sven/" rel="me noopener " title="Linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg></a> &nbsp;&nbsp; <a href="https://www.xing.com/profile/Sven_Hendriks" rel="me noopener " title="Xing"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="none"><path d="M18.188 0c-.517 0-.741.325-.927.66 0 0-7.455 13.224-7.702 13.657.015.024 4.919 9.023 4.919 9.023.17.308.436.66.967.66h3.454c.211 0 .375-.078.463-.22.089-.151.089-.346-.009-.536l-4.879-8.916c-.004-.006-.004-.016 0-.022L22.139.756c.095-.191.097-.387.006-.535C22.056.078 21.894 0 21.686 0h-3.498zM3.648 4.74c-.211 0-.385.074-.473.216-.09.149-.078.339.02.531l2.34 4.05c.004.01.004.016 0 .021L1.86 16.051c-.099.188-.093.381 0 .529.085.142.239.234.45.234h3.461c.518 0 .766-.348.945-.667l3.734-6.609-2.378-4.155c-.172-.315-.434-.659-.962-.659H3.648v.016z"></path></svg></a> &nbsp;
                </div>
        </div>
    </main>
    <main class="posts" style="max-width: 1100px;">
        <div class="flex-container">
            
            
            
            
            <div class="flex-item flex-item-3 flex-item-margin grow box-with-ribbon">
                
                    <div class="ribbon"><span>Series</span></div>
                
                <a class="link" href="/posts/2024-09-04-a-star-pathfinding-side-view/">
                <img class="cover" src="/posts/2024-09-04-a-star-pathfinding-side-view//images/example.png" alt="A* Pathfinding in 2D Games: From Top-Down to Side-View">
                <div class="text">
                    <h5 style="display: block;">
                        2024-09-04
                        
                        <span style="font-weight: normal;">(Updated: 2024-10-24)</span>
                        
                    </h5>
                    <h2>A* Pathfinding in 2D Games: From Top-Down to Side-View</h2>
                    <p>Implementing the A* algorithm for pathfinding in a 2D side-scrolling platformer with gravity, ladders and hanging bars.</p>
                </div>
                </a>
            </div>
            
            <div class="flex-item flex-item-3 flex-item-margin grow box-with-ribbon">
                
                    <div class="ribbon"><span>Series</span></div>
                
                <a class="link" href="/posts/2024-08-24-a-star-pathfinding-top-down-blazorgl/">
                <img class="cover" src="/posts/2024-08-24-a-star-pathfinding-top-down-blazorgl//images/gui.png" alt="A* Pathfinding in 2D Games: A simple Top-down Scenario implemented with MonoGame/KNI">
                <div class="text">
                    <h5 style="display: block;">
                        2024-08-24
                        
                    </h5>
                    <h2>A* Pathfinding in 2D Games: A simple Top-down Scenario implemented with MonoGame/KNI</h2>
                    <p>In this article we will have a look at the implementation of the A* algorithm from the previous post with KNI, a MonoGame derivate with support for BlazorGL.</p>
                </div>
                </a>
            </div>
            
            <div class="flex-item flex-item-3 flex-item-margin grow box-with-ribbon">
                
                    <div class="ribbon"><span>Series</span></div>
                
                <a class="link" href="/posts/2024-07-13-a-star-pathfinding-in-2d-games-the-basics-for-top-down-scenarios/">
                <img class="cover" src="/posts/2024-07-13-a-star-pathfinding-in-2d-games-the-basics-for-top-down-scenarios//images/pathfinding-01.png" alt="A* Pathfinding in 2D Games: The Basics for a simple Top-down Scenario">
                <div class="text">
                    <h5 style="display: block;">
                        2024-07-13
                        
                        <span style="font-weight: normal;">(Updated: 2024-07-27)</span>
                        
                    </h5>
                    <h2>A* Pathfinding in 2D Games: The Basics for a simple Top-down Scenario</h2>
                    <p>This article introduces the implementation of A* pathfinding in a 2D top-down game, setting the stage for more complex applications in side-scrolling platformers.</p>
                </div>
                </a>
            </div>
            
            <div class="flex-item flex-item-3 flex-item-margin grow box-with-ribbon">
                
                <a class="link" href="/posts/2024-04-19-using-hugo-with-mermaid-wo-javascript/">
                <img class="cover" src="/posts/2024-04-19-using-hugo-with-mermaid-wo-javascript//pizza-chart.png" alt="Using Hugo with Mermaid without client-side JavaScript">
                <div class="text">
                    <h5 style="display: block;">
                        2024-04-19
                        
                        <span style="font-weight: normal;">(Updated: 2024-07-13)</span>
                        
                    </h5>
                    <h2>Using Hugo with Mermaid without client-side JavaScript</h2>
                    <p>Convert Mermaid diagrams to SVG at build time to shift the burden of rendering diagrams from the client’s browser to the server.</p>
                </div>
                </a>
            </div>
            
            <div class="flex-item flex-item-3 flex-item-margin grow box-with-ribbon">
                
                <a class="link" href="/posts/2024-01-01-coming-soon/">
                <img class="cover" src="/posts/2024-01-01-coming-soon//soon.webp" alt="Coming soon ...">
                <div class="text">
                    <h5 style="display: block;">
                        2024-01-01
                        
                    </h5>
                    <h2>Coming soon ...</h2>
                    <p>Coming soon …</p>
                </div>
                </a>
            </div>
            

            
            <div class="flex-item flex-item-3 flex-item-margin dummy"></div>
            
        </div>
        
    </main>

    </div>

    
    <footer class="footer">
    <div class="footer__inner">
        <div class="footer__content">
            <span>© 2024 Sven Hendriks</span>
            <span><a href="/impressum">Impressum/Datenschutz</a></span>


            <span><a href="https://shendriks.dev/posts/index.xml" target="_blank" title="rss">RSS <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rss"><path d="M4 11a9 9 0 0 1 9 9"></path><path d="M4 4a16 16 0 0 1 16 16"></path><circle cx="5" cy="19" r="1"></circle></svg></a></span>
        </div>
    </div>
    
    <div class="footer__inner">
        <div class="footer__content">
            <span>Powered by <a href="https://gohugo.io" target="_blank" class="external-link">Hugo</a></span><span>Theme based on <a href="https://github.com/rhazdon/hugo-theme-hello-friend-ng" target="_blank" class="external-link">Hello Friend NG</a></span>
        </div>
    </div>
    
</footer>

    
</div>
<a href="#" class="to-top-link" id="to-top-link"></a>





<script type="text/javascript" src="/bundle.min.9a3041a453f798a3033e80b035f055224350ffd45554a28651f2c8ee4d2ce611b6b1fca3bbf599b27d1a2e41c85410e709b225eed7003e867f103d1c7330807a.js" integrity="sha512-mjBBpFP3mKMDPoCwNfBVIkNQ/9RVVKKGUfLI7k0s5hG2sfyju/WZsn0aLkHIVBDnCbIl7tcAPoZ/ED0cczCAeg=="></script>





</body></html>