324 lines
		
	
	
		
			6.9 KiB
		
	
	
	
		
			HTML
		
	
	
			
		
		
	
	
			324 lines
		
	
	
		
			6.9 KiB
		
	
	
	
		
			HTML
		
	
	
<!DOCTYPE html>
 | 
						|
<html lang="en" class="js csstransforms3d">
 | 
						|
  <head>
 | 
						|
    <meta charset="utf-8">
 | 
						|
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 | 
						|
    <meta name="generator" content="Hugo 0.55.6" />
 | 
						|
    <meta name="description" content="">
 | 
						|
 | 
						|
 | 
						|
    <link rel="icon" href="/images/favicon.png" type="image/png">
 | 
						|
 | 
						|
    <title>Why :: Encompass Docs</title>
 | 
						|
 | 
						|
    
 | 
						|
    <link href="/css/nucleus.css?1558477076" rel="stylesheet">
 | 
						|
    <link href="/css/fontawesome-all.min.css?1558477076" rel="stylesheet">
 | 
						|
    <link href="/css/hybrid.css?1558477076" rel="stylesheet">
 | 
						|
    <link href="/css/featherlight.min.css?1558477076" rel="stylesheet">
 | 
						|
    <link href="/css/perfect-scrollbar.min.css?1558477076" rel="stylesheet">
 | 
						|
    <link href="/css/auto-complete.css?1558477076" rel="stylesheet">
 | 
						|
    <link href="/css/atom-one-dark-reasonable.css?1558477076" rel="stylesheet">
 | 
						|
    <link href="/css/theme.css?1558477076" rel="stylesheet">
 | 
						|
    <link href="/css/hugo-theme.css?1558477076" rel="stylesheet">
 | 
						|
    
 | 
						|
      <link href="/css/theme-encompass.css?1558477076" rel="stylesheet">
 | 
						|
    
 | 
						|
 | 
						|
    <script src="/js/jquery-3.3.1.min.js?1558477076"></script>
 | 
						|
 | 
						|
    <style type="text/css">
 | 
						|
      :root #header + #content > #left > #rlblock_left{
 | 
						|
          display:none !important;
 | 
						|
      }
 | 
						|
      
 | 
						|
    </style>
 | 
						|
    
 | 
						|
  </head>
 | 
						|
  <body class="" data-url="/why/">
 | 
						|
    <nav id="sidebar" class="">
 | 
						|
 | 
						|
 | 
						|
 | 
						|
  <div id="header-wrapper">
 | 
						|
    <div id="header">
 | 
						|
      <img src="/images/logo.png" width="100" height="100">
 | 
						|
 | 
						|
    </div>
 | 
						|
    
 | 
						|
        <div class="searchbox">
 | 
						|
    <label for="search-by"><i class="fas fa-search"></i></label>
 | 
						|
    <input data-search-input id="search-by" type="search" placeholder="Search...">
 | 
						|
    <span data-search-clear=""><i class="fas fa-times"></i></span>
 | 
						|
</div>
 | 
						|
 | 
						|
<script type="text/javascript" src="/js/lunr.min.js?1558477076"></script>
 | 
						|
<script type="text/javascript" src="/js/auto-complete.js?1558477076"></script>
 | 
						|
<script type="text/javascript">
 | 
						|
    
 | 
						|
        var baseurl = "http:\/\/example.org\/";
 | 
						|
    
 | 
						|
</script>
 | 
						|
<script type="text/javascript" src="/js/search.js?1558477076"></script>
 | 
						|
 | 
						|
    
 | 
						|
  </div>
 | 
						|
 | 
						|
    <div class="highlightable">
 | 
						|
    <ul class="topics">
 | 
						|
 | 
						|
        
 | 
						|
          
 | 
						|
          
 | 
						|
 | 
						|
 | 
						|
 
 | 
						|
  
 | 
						|
    
 | 
						|
    <li data-nav-id="/why/" title="Why" class="dd-item 
 | 
						|
        parent
 | 
						|
        active
 | 
						|
        
 | 
						|
        ">
 | 
						|
      <a href="/why/">
 | 
						|
          <b>1. </b>Why
 | 
						|
          
 | 
						|
      </a>
 | 
						|
      
 | 
						|
      
 | 
						|
        <ul>
 | 
						|
          
 | 
						|
          
 | 
						|
            
 | 
						|
          
 | 
						|
          
 | 
						|
          
 | 
						|
        
 | 
						|
          
 | 
						|
            
 | 
						|
            
 | 
						|
 | 
						|
 | 
						|
 
 | 
						|
  
 | 
						|
    
 | 
						|
    <li data-nav-id="/why/architecture/" title="" class="dd-item 
 | 
						|
        
 | 
						|
        
 | 
						|
        
 | 
						|
        ">
 | 
						|
      <a href="/why/architecture/">
 | 
						|
          
 | 
						|
          
 | 
						|
      </a>
 | 
						|
      
 | 
						|
              
 | 
						|
    </li>
 | 
						|
  
 | 
						|
 
 | 
						|
 | 
						|
            
 | 
						|
          
 | 
						|
        
 | 
						|
        </ul>
 | 
						|
              
 | 
						|
    </li>
 | 
						|
  
 | 
						|
 
 | 
						|
 | 
						|
          
 | 
						|
         
 | 
						|
    </ul>
 | 
						|
 | 
						|
    
 | 
						|
    
 | 
						|
 | 
						|
    
 | 
						|
    <section id="footer">
 | 
						|
      <p>Built with <a href="https://github.com/matcornic/hugo-theme-learn"><i class="fas fa-heart"></i></a> from <a href="http://getgrav.org">Grav</a> and <a href="http://gohugo.io/">Hugo</a></p>
 | 
						|
 | 
						|
    </section>
 | 
						|
  </div>
 | 
						|
</nav>
 | 
						|
 | 
						|
 | 
						|
 | 
						|
 | 
						|
 | 
						|
        <section id="body">
 | 
						|
        <div id="overlay"></div>
 | 
						|
        <div class="padding highlightable">
 | 
						|
              
 | 
						|
              <div>
 | 
						|
                <div id="top-bar">
 | 
						|
                
 | 
						|
                
 | 
						|
                <div id="breadcrumbs" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
 | 
						|
                    <span id="sidebar-toggle-span">
 | 
						|
                        <a href="#" id="sidebar-toggle" data-sidebar-toggle="">
 | 
						|
                          <i class="fas fa-bars"></i>
 | 
						|
                        </a>
 | 
						|
                    </span>
 | 
						|
                  
 | 
						|
                  <span class="links">
 | 
						|
                 
 | 
						|
                 
 | 
						|
                    
 | 
						|
          
 | 
						|
          
 | 
						|
            
 | 
						|
            
 | 
						|
          
 | 
						|
          
 | 
						|
            <a href='/'>Encompass</a> > Why
 | 
						|
          
 | 
						|
         
 | 
						|
          
 | 
						|
        
 | 
						|
                 
 | 
						|
                  </span>
 | 
						|
                </div>
 | 
						|
                
 | 
						|
              </div>
 | 
						|
            </div>
 | 
						|
            
 | 
						|
        <div id="head-tags">
 | 
						|
        
 | 
						|
        </div>
 | 
						|
        
 | 
						|
          <div id="chapter">
 | 
						|
        
 | 
						|
        <div id="body-inner">
 | 
						|
          
 | 
						|
 | 
						|
        
 | 
						|
 | 
						|
 | 
						|
 | 
						|
 | 
						|
	
 | 
						|
 | 
						|
<h3 id="chapter-1">Chapter 1</h3>
 | 
						|
 | 
						|
<h1 id="why">Why?</h1>
 | 
						|
 | 
						|
<p>A question that many of us find ourselves asking when coding a game.</p>
 | 
						|
 | 
						|
 | 
						|
 | 
						|
 | 
						|
 | 
						|
<footer class=" footline" >
 | 
						|
	
 | 
						|
</footer>
 | 
						|
 | 
						|
        
 | 
						|
            </div> 
 | 
						|
        
 | 
						|
        </div> 
 | 
						|
        
 | 
						|
 | 
						|
      </div>
 | 
						|
 | 
						|
    <div id="navigation">
 | 
						|
        
 | 
						|
        
 | 
						|
        
 | 
						|
        
 | 
						|
            
 | 
						|
            
 | 
						|
                
 | 
						|
                    
 | 
						|
                    
 | 
						|
                
 | 
						|
                
 | 
						|
 | 
						|
                    
 | 
						|
                    
 | 
						|
                        
 | 
						|
                    
 | 
						|
                    
 | 
						|
 | 
						|
                    
 | 
						|
                        
 | 
						|
            
 | 
						|
            
 | 
						|
                
 | 
						|
                    
 | 
						|
                    
 | 
						|
                
 | 
						|
                
 | 
						|
 | 
						|
                    
 | 
						|
                    
 | 
						|
                        
 | 
						|
                    
 | 
						|
                    
 | 
						|
 | 
						|
                    
 | 
						|
                        
 | 
						|
            
 | 
						|
            
 | 
						|
                
 | 
						|
                    
 | 
						|
                        
 | 
						|
                        
 | 
						|
                    
 | 
						|
                
 | 
						|
                
 | 
						|
 | 
						|
                    
 | 
						|
                    
 | 
						|
                    
 | 
						|
 | 
						|
                    
 | 
						|
            
 | 
						|
        
 | 
						|
                    
 | 
						|
            
 | 
						|
        
 | 
						|
                    
 | 
						|
            
 | 
						|
        
 | 
						|
        
 | 
						|
        
 | 
						|
 | 
						|
 | 
						|
	 
 | 
						|
	 
 | 
						|
		
 | 
						|
			<a class="nav nav-prev" href="/" title="Encompass"> <i class="fa fa-chevron-left"></i></a>
 | 
						|
		
 | 
						|
		
 | 
						|
			<a class="nav nav-next" href="/why/architecture/" title="" style="margin-right: 0px;"><i class="fa fa-chevron-right"></i></a>
 | 
						|
		
 | 
						|
	
 | 
						|
    </div>
 | 
						|
 | 
						|
    </section>
 | 
						|
    
 | 
						|
    <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
 | 
						|
      <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
 | 
						|
    </div>
 | 
						|
    <script src="/js/clipboard.min.js?1558477076"></script>
 | 
						|
    <script src="/js/perfect-scrollbar.min.js?1558477076"></script>
 | 
						|
    <script src="/js/perfect-scrollbar.jquery.min.js?1558477076"></script>
 | 
						|
    <script src="/js/jquery.sticky.js?1558477076"></script>
 | 
						|
    <script src="/js/featherlight.min.js?1558477076"></script>
 | 
						|
    <script src="/js/html5shiv-printshiv.min.js?1558477076"></script>
 | 
						|
    <script src="/js/highlight.pack.js?1558477076"></script>
 | 
						|
    <script>hljs.initHighlightingOnLoad();</script>
 | 
						|
    <script src="/js/modernizr.custom-3.6.0.js?1558477076"></script>
 | 
						|
    <script src="/js/learn.js?1558477076"></script>
 | 
						|
    <script src="/js/hugo-learn.js?1558477076"></script>
 | 
						|
 | 
						|
    <link href="/mermaid/mermaid.css?1558477076" type="text/css" rel="stylesheet" />
 | 
						|
    <script src="/mermaid/mermaid.js?1558477076"></script>
 | 
						|
    <script>
 | 
						|
        mermaid.initialize({ startOnLoad: true });
 | 
						|
    </script>
 | 
						|
    
 | 
						|
 | 
						|
  </body>
 | 
						|
</html>
 |