<!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>Encompass :: 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="/">
    <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 
        
        
        
        ">
      <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 id="head-tags">
        
        </div>
        
        <div id="body-inner">
          

        


<span id="sidebar-toggle-span">
<a href="#" id="sidebar-toggle" data-sidebar-toggle=""><i class="fas fa-bars"></i> navigation</a>
</span>

 


<h1 id="encompass">Encompass</h1>

<p><strong>encompass</strong> is a powerful engine-agnostic framework to help you code games, or other kinds of simulations.</p>

<p>Object-oriented code is messy and rapidly becomes unmaintainable.</p>

<p>encompass lets you write clean, de-coupled code so you can spend more time on your game design and less time fixing bugs.</p>

<p>encompass is currently available with a TypeScript implementation that fully supports transpilation to Javascript and Lua.
A C# implementation is forthcoming.</p>
	
  
        
        </div> 
        

      </div>

    <div id="navigation">
        
        
        
        
            
            
                
                    
                    
                
                

                    
                    
                        
                    
                    

                    
                        
            
            
                
                    
                        
                        
                    
                
                

                    
                    
                        
                    
                    

                    
                        
            
            
                
                    
                
                

                    
                    
                    

                    
            
        
                    
            
        
                    
            
        
        
        


	 
	 
		
		
			<a class="nav nav-next" href="/why/" title="Why" 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>