<!DOCTYPE html>
<html class="has-no-js template-thread_view uix_page--fixed uix_hasSectionLinks uix_hasCrumbs uix_hasPageAction" data-app="public" data-container-key="node-44" data-content-key="thread-19338" data-cookie-prefix="xf_" data-csrf="" data-logged-in="true" data-template="thread_view" dir="LTR" id="XF" lang="en-US" style="font-size: 62.5%;">
 <head>
  <meta charset="utf-8"/>
  <meta content="IE=Edge" http-equiv="X-UA-Compatible"/>
  <meta content="width=device-width, initial-scale=1, viewport-fit=cover" name="viewport"/>
  <meta content="noarchive" name="robots"/>
  <meta content="default-src 'self' https://*.f95zone.com https://f95zone.com https://*.f95zone.to https://f95zone.to; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://*.f95zone.com https://f95zone.com https://*.f95zone.to https://f95zone.to https://cdn.jsdelivr.net https://cdnjs.cloudflare.com https://www.google.com https://www.gstatic.com https://www.googletagmanager.com https://www.google-analytics.com; img-src 'self' data: blob: https://*.f95zone.com https://f95zone.com https://*.f95zone.to https://f95zone.to https://external-content.duckduckgo.com https://www.google-analytics.com https://www.googletagmanager.com https://www.google.com https://www.google.ad https://www.google.ae https://www.google.com.af https://www.google.com.ag https://www.google.com.ai https://www.google.al https://www.google.am https://www.google.co.ao https://www.google.com.ar https://www.google.as https://www.google.at https://www.google.com.au https://www.google.az https://www.google.ba https://www.google.com.bd https://www.google.be https://www.google.bf https://www.google.bg https://www.google.com.bh https://www.google.bi https://www.google.bj https://www.google.com.bn https://www.google.com.bo https://www.google.com.br https://www.google.bs https://www.google.bt https://www.google.co.bw https://www.google.by https://www.google.com.bz https://www.google.ca https://www.google.cd https://www.google.cf https://www.google.cg https://www.google.ch https://www.google.ci https://www.google.co.ck https://www.google.cl https://www.google.cm https://www.google.cn https://www.google.com.co https://www.google.co.cr https://www.google.com.cu https://www.google.cv https://www.google.com.cy https://www.google.cz https://www.google.de https://www.google.dj https://www.google.dk https://www.google.dm https://www.google.com.do https://www.google.dz https://www.google.com.ec https://www.google.ee https://www.google.com.eg https://www.google.es https://www.google.com.et https://www.google.fi https://www.google.com.fj https://www.google.fm https://www.google.fr https://www.google.ga https://www.google.ge https://www.google.gg https://www.google.com.gh https://www.google.com.gi https://www.google.gl https://www.google.gm https://www.google.gr https://www.google.com.gt https://www.google.gy https://www.google.com.hk https://www.google.hn https://www.google.hr https://www.google.ht https://www.google.hu https://www.google.co.id https://www.google.ie https://www.google.co.il https://www.google.im https://www.google.co.in https://www.google.iq https://www.google.is https://www.google.it https://www.google.je https://www.google.com.jm https://www.google.jo https://www.google.co.jp https://www.google.co.ke https://www.google.com.kh https://www.google.ki https://www.google.kg https://www.google.co.kr https://www.google.com.kw https://www.google.kz https://www.google.la https://www.google.com.lb https://www.google.li https://www.google.lk https://www.google.co.ls https://www.google.lt https://www.google.lu https://www.google.lv https://www.google.com.ly https://www.google.co.ma https://www.google.md https://www.google.me https://www.google.mg https://www.google.mk https://www.google.ml https://www.google.com.mm https://www.google.mn https://www.google.ms https://www.google.com.mt https://www.google.mu https://www.google.mv https://www.google.mw https://www.google.com.mx https://www.google.com.my https://www.google.co.mz https://www.google.com.na https://www.google.com.ng https://www.google.com.ni https://www.google.ne https://www.google.nl https://www.google.no https://www.google.com.np https://www.google.nr https://www.google.nu https://www.google.co.nz https://www.google.com.om https://www.google.com.pa https://www.google.com.pe https://www.google.com.pg https://www.google.com.ph https://www.google.com.pk https://www.google.pl https://www.google.pn https://www.google.com.pr https://www.google.ps https://www.google.pt https://www.google.com.py https://www.google.com.qa https://www.google.ro https://www.google.ru https://www.google.rw https://www.google.com.sa https://www.google.com.sb https://www.google.sc https://www.google.se https://www.google.com.sg https://www.google.sh https://www.google.si https://www.google.sk https://www.google.com.sl https://www.google.sn https://www.google.so https://www.google.sm https://www.google.sr https://www.google.st https://www.google.com.sv https://www.google.td https://www.google.tg https://www.google.co.th https://www.google.com.tj https://www.google.tl https://www.google.tm https://www.google.tn https://www.google.to https://www.google.com.tr https://www.google.tt https://www.google.com.tw https://www.google.co.tz https://www.google.com.ua https://www.google.co.ug https://www.google.co.uk https://www.google.com.uy https://www.google.co.uz https://www.google.com.vc https://www.google.co.ve https://www.google.vg https://www.google.co.vi https://www.google.com.vn https://www.google.vu https://www.google.ws https://www.google.rs https://www.google.co.za https://www.google.co.zm https://www.google.co.zw https://www.google.cat https://stats.g.doubleclick.net https://*.giphy.com https://*.gfycat.com https://media.tenor.com https://*.redgifs.com/ https://*.sendvid.com https://*.gifdeliverynetwork.com https://*.media.tumblr.com https://*.imgur.com https://*.patreonusercontent.com https://cdn.discordapp.com https://media.discordapp.net https://i.redd.it https://*.imgbox.com https://i.gyazo.com https://secure.gravatar.com https://cdn.betterttv.net https://static-cdn.jtvnw.net https://*.photobucket.com https://*.deviantart.net https://*.pixhost.to https://puu.sh https://*.postimg.org https://*.kym-cdn.com https://i.ytimg.com; style-src 'unsafe-inline' https: data:; font-src https: data:; connect-src 'self' https:; frame-src https: data:; form-action 'self' https://discord.com https://*.f95.io; upgrade-insecure-requests; block-all-mixed-content;" http-equiv="Content-Security-Policy"/>
  <title>
   Tutorial - Easy way to deploy HTML5 games using Electron | F95zone
  </title>
  <meta content="A guide to making your html5 game available on multiple platforms (Desktop only).

The information contained here is intended for Windows users, but can..." name="description"/>
  <meta content="A guide to making your html5 game available on multiple platforms (Desktop only).

The information contained here is intended for Windows users, but can also be applied to other platforms with some adaptations.

1. Install Node.js .


2. Open Node.js command prompt (C:\Windows\System32\cmd.exe..." property="og:description"/>
  <meta content="A guide to making your html5 game available on multiple platforms (Desktop only).

The information contained here is intended for Windows users, but can also be applied to other platforms with..." property="twitter:description"/>
  <meta content="https://f95zone.to/threads/easy-way-to-deploy-html5-games-using-electron.19338/" property="og:url"/>
  <meta content="F95zone" property="og:site_name"/>
  <meta content="website" property="og:type"/>
  <meta content="Tutorial - Easy way to deploy HTML5 games using Electron" property="og:title"/>
  <meta content="Tutorial - Easy way to deploy HTML5 games using Electron" property="twitter:title"/>
  <meta content="https://f95zone.to/assets/favicon-32x32.png" property="og:image"/>
  <meta content="https://f95zone.to/assets/favicon-32x32.png" property="twitter:image"/>
  <meta content="summary" property="twitter:card"/>
  <meta content="#181a1d" name="theme-color"/>
  <meta content="#181a1d" name="msapplication-TileColor"/>
  <meta content="ok_5603d60c9ec3f9189a2c7da22c2173e2" name="lb-check"/>
  <meta content="same-origin" name="referrer"/>
  <meta content="yes" name="apple-mobile-web-app-capable"/>
 </head>
 <body data-template="thread_view">
  <style>
   .uix_headerContainer .p-navSticky.is-sticky {
		top: 0 !important;
	}

	

	
	

	
	
	
		
			
			
				
			
		
	

	

	

		
		
		.uix_mainTabBar {top: 90px !important;}
		.uix_stickyBodyElement:not(.offCanvasMenu) {
			top: 110px !important;
			min-height: calc(100vh - 110px) !important;
		}
		.uix_sidebarInner .uix_sidebar--scroller {margin-top: 110px;}
		.uix_sidebarInner {margin-top: -110px;}
		.p-body-sideNavInner .uix_sidebar--scroller {margin-top: 110px;}
		.p-body-sideNavInner {margin-top: -110px;}
		.uix_stickyCategoryStrips {top: 110px !important;}
		#XF .u-anchorTarget {
			height: 110px;
			margin-top: -110px;
		}
	
		

		
			@media (max-width: 900px) {
		
				.p-sectionLinks {display: none;}

				

				.uix_mainTabBar {top: 50px !important;}
				.uix_stickyBodyElement:not(.offCanvasMenu) {
					top: 70px !important;
					min-height: calc(100vh - 70px) !important;
				}
				.uix_sidebarInner .uix_sidebar--scroller {margin-top: 70px;}
				.uix_sidebarInner {margin-top: -70px;}
				.p-body-sideNavInner .uix_sidebar--scroller {margin-top: 70px;}
				.p-body-sideNavInner {margin-top: -70px;}
				.uix_stickyCategoryStrips {top: 70px !important;}
				#XF .u-anchorTarget {
					height: 70px;
					margin-top: -70px;
				}

				
		
			}
		
	

	.uix_sidebarNav .uix_sidebar--scroller {max-height: calc(100vh - 70px);}
  </style>
  <div id="jumpToTop">
  </div>
  <div class="uix_pageWrapper--fixed">
   <div class="p-pageWrapper" id="top">
    <div class="p-body">
     <div class="p-body-inner">
      <!--XF:EXTRA_OUTPUT-->
      <noscript>
       <div class="blockMessage blockMessage--important blockMessage--iconic u-noJsOnly">
        JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
       </div>
      </noscript>
      <!--[if lt IE 9]><div class="blockMessage blockMessage&#45;&#45;important blockMessage&#45;&#45;iconic">You are using an out of date browser. It  may not display this or other websites correctly.<br />You should upgrade or use an <a href="https://www.google.com/chrome/browser/" target="_blank">alternative browser</a>.</div><![endif]-->
      <div class="uix_contentWrapper" uix_component="MainContainer">
       <div class="p-body-main">
        <div class="p-body-content" uix_component="MainContent">
         <!-- ABOVE MAIN CONTENT -->
         <div class="breadcrumb block">
          <div class="pageContent">
           <ul class="p-breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList">
            <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
             <a href="/" itemprop="item">
              <span itemprop="name">
               Forums
              </span>
             </a>
             <meta content="1" itemprop="position"/>
            </li>
            <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
             <a href="/categories/development.72/" itemprop="item">
              <span itemprop="name">
               Development
              </span>
             </a>
             <meta content="2" itemprop="position"/>
            </li>
            <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
             <a href="/forums/programming-development-art.73/" itemprop="item">
              <span itemprop="name">
               Programming, Development &amp; Art
              </span>
             </a>
             <meta content="3" itemprop="position"/>
            </li>
            <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
             <a href="/forums/dev-tools-guides.44/" itemprop="item">
              <span itemprop="name">
               Dev Tools &amp; Guides
              </span>
             </a>
             <meta content="4" itemprop="position"/>
            </li>
           </ul>
          </div>
         </div>
         <div class="samBannerUnit samAlignCenter samCustomSize" data-position="container_breadcrumb_top_below" style="width: 728px; height: 90px;">
          <div class="samItem">
           <iframe allow="autoplay; fullscreen" frameborder="0" src="https://candy.engine.adglare.net/?496266440&amp;iframe&amp;sizes=728x90&amp;ag_custom_vlmcp=d1ca4cff-9d71-4fc8-b2eb-041dac16559a&amp;ag_custom_vlmspot=leaderboard_header" style="width:728px; height:90px;">
           </iframe>
          </div>
         </div>
         <div class="p-body-header" style=" ">
          <div class="pageContent">
           <div class="uix_headerInner">
            <div class="p-title">
             <h1 class="p-title-value">
              <a class="labelLink" href="/forums/dev-tools-guides.44/?prefix_id=45" rel="nofollow">
               <span class="label label--lightGreen" dir="auto">
                Tutorial
               </span>
              </a>
              <span class="label-append">
              </span>
              Easy way to deploy HTML5 games using Electron
             </h1>
            </div>
            <div class="p-description">
             <ul class="listInline listInline--bullet">
              <li>
               <i aria-hidden="true" class="fa--xf fas fa-user" title="Thread starter">
               </i>
               <span class="u-srOnly">
                Thread starter
               </span>
               <span class="username u-concealed" data-user-id="0" dir="auto">
                User_920791
               </span>
              </li>
              <li>
               <i aria-hidden="true" class="fa--xf fas fa-clock" title="Start date">
               </i>
               <span class="u-srOnly">
                Start date
               </span>
               <a class="u-concealed" href="/threads/easy-way-to-deploy-html5-games-using-electron.19338/">
                <time class="u-dt" data-date-string="Oct 15, 2018" data-time="1539545819" data-time-string="3:36 AM" datetime="2018-10-15T03:36:59+0800" dir="auto" title="Oct 15, 2018 at 3:36 AM">
                 Oct 15, 2018
                </time>
               </a>
              </li>
             </ul>
            </div>
           </div>
           <div class="uix_headerInner--opposite">
            <div class="p-title-pageAction">
             <select class="br-select input" data-deselectable="false" data-initial-rating="0" data-rating-href="/threads/easy-way-to-deploy-html5-games-using-electron.19338/br-rate" data-readonly="false" data-show-selected="true" data-vote-content='&lt;div data-href="/threads/easy-way-to-deploy-html5-games-using-electron.19338/br-user-rated" data-xf-click="overlay" data-xf-init="tooltip" title="Members who rated this thread"&gt;0 Votes&lt;/div&gt;' data-widget-class="bratr-rating" data-xf-init="rating" name="rating">
              <option value="">
              </option>
              <option value="1">
               Terrible
              </option>
              <option value="2">
               Poor
              </option>
              <option value="3">
               Average
              </option>
              <option value="4">
               Good
              </option>
              <option value="5">
               Excellent
              </option>
             </select>
            </div>
           </div>
          </div>
         </div>
         <div class="p-body-pageContent">
          <div class="block block--messages" data-href="/inline-mod/" data-type="post" data-xf-init="">
           <div class="block-outer">
            <div class="block-outer-opposite">
             <div class="buttonGroup">
              <a class="button--link button" data-xf-click="overlay" href="/account/dpp-update?content_type=thread&amp;content_id=19338">
               <span class="button-text">
                Showing 100 posts per page
               </span>
              </a>
              <a class="tic--button button button--link" data-xf-click="overlay" href="/tic-ignore/ignore?content_type=thread&amp;content_id=19338">
               Ignore thread
              </a>
              <a class="button--link button" data-sk-unwatch="Unwatch" data-sk-watch="Watch" data-xf-click="switch-overlay" href="/threads/easy-way-to-deploy-html5-games-using-electron.19338/watch">
               <span class="button-text">
                Watch
               </span>
              </a>
             </div>
            </div>
           </div>
           <div class="block-outer js-threadStatusField">
           </div>
           <div class="block-container lbContainer" data-lb-id="thread-19338" data-lb-universal="0" data-message-selector=".js-post" data-xf-init="lightbox select-to-quote">
            <div class="block-body js-replyNewMessageContainer">
             <article class="message message-threadStarterPost message--post js-post js-inlineModContainer" data-author="User_920791" data-content="post-1185903" id="js-post-1185903">
              <span class="u-anchorTarget" id="post-1185903">
              </span>
              <div class="message-inner">
               <div class="message-cell message-cell--user">
                <section class="message-user userExtra--expand" itemscope="" itemtype="https://schema.org/Person">
                 <div class="message-avatar">
                  <div class="message-avatar-wrapper">
                   <span class="avatar avatar--m avatar--default avatar--default--dynamic" data-user-id="0" style="background-color: #1976d2; color: #82b1ff">
                    <span class="avatar-u0-m">
                     U
                    </span>
                   </span>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <span class="username" data-user-id="0" dir="auto" itemprop="name">
                     User_920791
                    </span>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Guest
                   </h5>
                   <div class="userBanner userBanner userBanner--orange message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Guest
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                 </div>
                 <span class="message-userArrow">
                 </span>
                </section>
               </div>
               <div class="message-cell message-cell--main">
                <div class="message-main uix_messageContent js-quickEditTarget">
                 <header class="message-attribution message-attribution--split">
                  <div class="message-attribution-main">
                   <a class="u-concealed" href="/threads/easy-way-to-deploy-html5-games-using-electron.19338/post-1185903" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 15, 2018" data-time="1539545819" data-time-string="3:36 AM" datetime="2018-10-15T03:36:59+0800" dir="auto" title="Oct 15, 2018 at 3:36 AM">
                     Oct 15, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1185903/share" data-xf-init="share-tooltip" href="/threads/easy-way-to-deploy-html5-games-using-electron.19338/post-1185903" rel="nofollow">
                     <i aria-hidden="true" class="fa--xf fas fa-share-alt uix_icon uix_icon--share">
                     </i>
                    </a>
                   </li>
                   <li>
                    <a class="bookmarkLink bookmarkLink--highlightable" data-label=".js-bookmarkText" data-sk-bookmarked="addClass:is-bookmarked, Edit bookmark" data-sk-bookmarkremoved="removeClass:is-bookmarked, Add bookmark" data-xf-click="bookmark-click" href="/posts/1185903/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/easy-way-to-deploy-html5-games-using-electron.19338/post-1185903" rel="nofollow">
                     #1
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="User_920791 · Oct 15, 2018 at 3:36 AM" data-lb-id="post-1185903">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     A guide to making your html5 game available on multiple platforms (Desktop only).
                     <br/>
                     <br/>
                     The information contained here is intended for Windows users, but can also be applied to other platforms with some adaptations.
                     <br/>
                     <br/>
                     1. Install
                     <a class="link link--external" href="https://nodejs.org/dist/v8.12.0/node-v8.12.0-x64.msi" rel="nofollow noopener" target="_blank">
                      Node.js
                     </a>
                     .
                     <br/>
                     <br/>
                     <br/>
                     2. Open Node.js command prompt (C:\Windows\System32\cmd.exe /k "C:\Program Files\nodejs\nodevars.bat") And run the following commands:
                     <br/>
                     <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                      <div class="bbCodeBlock-title">
                       Code:
                      </div>
                      <div class="bbCodeBlock-content" dir="ltr">
                       <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>npm install electron-packager -g</code></pre>
                      </div>
                     </div>
                     <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                      <div class="bbCodeBlock-title">
                       Code:
                      </div>
                      <div class="bbCodeBlock-content" dir="ltr">
                       <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>cd \</code></pre>
                      </div>
                     </div>
                     <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                      <div class="bbCodeBlock-title">
                       Code:
                      </div>
                      <div class="bbCodeBlock-content" dir="ltr">
                       <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>mkdir html5games</code></pre>
                      </div>
                     </div>
                     <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                      <div class="bbCodeBlock-title">
                       Code:
                      </div>
                      <div class="bbCodeBlock-content" dir="ltr">
                       <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>cd html5games</code></pre>
                      </div>
                     </div>
                     <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                      <div class="bbCodeBlock-title">
                       Code:
                      </div>
                      <div class="bbCodeBlock-content" dir="ltr">
                       <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>mkdir randomgame</code></pre>
                      </div>
                     </div>
                     <br/>
                     3. Keep Node.js command prompt open and copy the contents of your game (index.html etc) to C:\html5games\randomgame\ .
                     <br/>
                     <br/>
                     <br/>
                     4. Create two text files inside C:\html5games\randomgame\ folder and rename them to "main.js" and "package.json".
                     <br/>
                     <br/>
                     <i>
                      *Some engines already have these files (
                      <a class="link link--external" href="https://monogatari.io/" rel="nofollow noopener" target="_blank">
                       Monogatari
                      </a>
                      , for example). If this is your case, skip to item 7.
                     </i>
                     <br/>
                     <br/>
                     <br/>
                     5. Insert the following content into the file "main.js":
                     <br/>
                     <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                      <div class="bbCodeBlock-title">
                       Code:
                      </div>
                      <div class="bbCodeBlock-content" dir="ltr">
                       <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>const { app, BrowserWindow } = require('electron')
 
  let win
 
  function createWindow () {
    win = new BrowserWindow({ width: 1280, height: 720 })
 
    win.loadFile('index.html')
 
    win.on('closed', () =&gt; {
      win = null
    })
  }
 
  app.on('ready', createWindow)
 
  app.on('window-all-closed', () =&gt; {
    if (process.platform !== 'darwin') {
      app.quit()
    }
  })
 
  app.on('activate', () =&gt; {
    if (win === null) {
      createWindow()
    }
  })</code></pre>
                      </div>
                     </div>
                     6. Insert the following content into the file "package.json":
                     <br/>
                     <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                      <div class="bbCodeBlock-title">
                       Code:
                      </div>
                      <div class="bbCodeBlock-content" dir="ltr">
                       <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>{
    "name": "randomgame",
    "version": "1.0.0",
    "main": "main.js"
  }</code></pre>
                      </div>
                     </div>
                     7. Run the following command on Node.js command prompt:
                     <br/>
                     <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                      <div class="bbCodeBlock-title">
                       Code:
                      </div>
                      <div class="bbCodeBlock-content" dir="ltr">
                       <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>electron-packager C:\html5games\randomgame randomgame --arch=ia32,x64 --platform=win32,linux,darwin --electron-version=2.0.11 --asar</code></pre>
                      </div>
                     </div>
                     <br/>
                     After a few minutes, you will find new folders in C:\html5games :
                     <br/>
                     <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                      <div class="bbCodeBlock-title">
                       Code:
                      </div>
                      <div class="bbCodeBlock-content" dir="ltr">
                       <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>randomgame-darwin-x64
randomgame-linux-ia32
randomgame-linux-x64
randomgame-win32-ia32
randomgame-win32-x64</code></pre>
                      </div>
                     </div>
                     <i>
                      *The folder "randomgame-darwin-x64" is the version for Mac.
                     </i>
                     <br/>
                     <br/>
                     For information related to customization, check the following links:
                     <br/>
                     <br/>
                     <a class="link link--external" href="https://electronjs.org/docs" rel="nofollow noopener" target="_blank">
                      Electron Documentation
                     </a>
                     <br/>
                     <a class="link link--external" href="https://raw.githubusercontent.com/electron-userland/electron-packager/master/usage.txt" rel="nofollow noopener" target="_blank">
                      Electron Packager usage
                     </a>
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                 </div>
                 <div class="reactionsBar js-reactionsList is-active">
                  <ul class="reactionSummary th_reactplus_reactionSummary--condensed">
                   <li>
                    <span class="reaction reaction--small reaction--1" data-reaction-id="1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                    </span>
                   </li>
                  </ul>
                  <span class="u-srOnly">
                   Reactions:
                  </span>
                  <a class="reactionsBar-link" data-cache="false" data-xf-click="overlay" href="/posts/1185903/reactions">
                   <bdi>
                    HiEv
                   </bdi>
                  </a>
                 </div>
                 <footer class="message-footer">
                  <div class="message-actionBar actionBar">
                   <div class="actionBar-set actionBar-set--external">
                    <a class="reaction reaction--small actionBar-action actionBar-action--reaction reaction--imageHidden reaction--1" data-reaction-id="1" data-reaction-list="&lt; .js-post | .js-reactionsList" data-th-react-plus-content-id="1185903" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1185903/react?reaction_id=1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                     <span class="reaction-text js-reactionText">
                      <bdi>
                       Like
                      </bdi>
                     </span>
                    </a>
                    <a class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote" data-message-id="1185903" data-mq-action="add" href="/threads/easy-way-to-deploy-html5-games-using-electron.19338/reply?quote=1185903" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1185903/quote" data-xf-click="quote" href="/threads/easy-way-to-deploy-html5-games-using-electron.19338/reply?quote=1185903" title="Reply, quoting this message">
                     Reply
                    </a>
                   </div>
                   <div class="actionBar-set actionBar-set--internal">
                    <a class="actionBar-action actionBar-action--report" data-xf-click="overlay" href="/posts/1185903/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <div class="samBannerUnit samAlignCenter" data-position="post_below_container_1">
              <div class="samItem">
               <iframe allow="autoplay; fullscreen" frameborder="0" src="https://candy.engine.adglare.net/?711900550&amp;iframe&amp;sizes=728x90&amp;ag_custom_vlmcp=11d8884a-c204-4705-8dc5-d17be23ed7bf&amp;ag_custom_vlmspot=leaderboard_posts" style="width:728px; height:90px;">
               </iframe>
              </div>
             </div>
            </div>
           </div>
           <div class="block-outer block-outer--after">
            <div class="block-outer-opposite">
             <a class="showIgnoredLink is-hidden js-showIgnored" data-xf-init="tooltip" href="javascript:" title="Show hidden content by {{names}}">
              Show ignored content
             </a>
            </div>
            <div class="block-outer-opposite">
             <a class="th_reactplus_showHiddenLink js-thReactPlusShowHidden is-hidden" data-xf-init="tooltip" href="javascript:void(0)" title="Show hidden content by {{names}}">
              Show hidden low quality content
             </a>
            </div>
           </div>
          </div>
          <div class="blockMessage blockMessage--warning">
           <strong>
            Warning!
           </strong>
           This thread is more than 2202 days old.
           <br/>
           It's likely that no further discussion is required, in which case we recommend starting a new thread. If however you feel your response is required you can still do so.
           <div class="blockMessage blockMessage--error">
            <ul class="inputChoices">
             <li class="inputChoices-choice">
              <label class="iconic">
               <input id="js-confirmOld" name="confirm" type="checkbox" value="1"/>
               <i aria-hidden="true">
               </i>
               <span class="iconic-label">
                I understand this is an old thread, but want to reply anyway
               </span>
              </label>
             </li>
            </ul>
           </div>
          </div>
          <div class="blockMessage blockMessage--none">
          </div>
          <div class="block-container block--similarContents view-thread">
           <h3 class="block-minorHeader collapseTrigger collapseTrigger--block is-active" data-storage-key="_similarThreads" data-storage-type="cookie" data-target=".block--similarContents .block-body" data-xf-click="toggle" data-xf-init="toggle-storage-ex">
            Similar threads
           </h3>
           <div class="block-body toggleTarget is-active">
            <div class="structItemContainer">
             <div class="structItemContainer-group js-threadList">
              <div class="structItem structItem--thread js-trendingThreadItem is-prefix45 js-inlineModContainer js-threadListItem-6045" data-author="Lt. Aldo Raine">
               <div class="structItem-cell structItem-cell--icon">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--s" data-user-id="11564" data-xf-init="member-tooltip" href="/members/lt-aldo-raine.11564/">
                  <img alt="Lt. Aldo Raine" class="avatar-u11564-s" src="/data/avatars/s/11/11564.jpg?1514437299" srcset="/data/avatars/m/11/11564.jpg?1514437299 2x"/>
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
                <ul class="structItem-statuses">
                 <li>
                  <i aria-hidden="true" class="structItem-status structItem-status--sticky" title="Sticky">
                  </i>
                  <span class="u-srOnly">
                   Sticky
                  </span>
                 </li>
                </ul>
                <div class="structItem-title" uix-data-href="/threads/how-to-install-content-to-daz-w-w-o-install-manager.6045/">
                 <a class="labelLink" data-xf-init="tooltip" href="/forums/dev-tools-guides.44/?prefix_id[0]=45" rel="nofollow" title="Add to filters">
                  <span class="label label--lightGreen" dir="auto">
                   Tutorial
                  </span>
                 </a>
                 <a class="" data-preview-url="/threads/how-to-install-content-to-daz-w-w-o-install-manager.6045/preview" data-tp-primary="on" data-xf-init="preview-tooltip" href="/threads/how-to-install-content-to-daz-w-w-o-install-manager.6045/">
                  How to Install Content to Daz w/ w/o Install Manager
                 </a>
                </div>
                <div class="structItem-minor">
                 <ul class="structItem-extraInfo">
                  <li>
                   <a class="tic--button button--ignoreText" data-xf-click="overlay" href="/tic-ignore/ignore?content_type=thread&amp;content_id=6045">
                    Ignore
                   </a>
                  </li>
                 </ul>
                 <ul class="structItem-parts">
                  <li>
                   <a class="username" data-user-id="11564" data-xf-init="member-tooltip" dir="auto" href="/members/lt-aldo-raine.11564/">
                    <i class="fa-fw fa-spin fas fa-share" style="padding-right: 2px; color: rgb(190, 43, 235);">
                    </i>
                    Lt. Aldo Raine
                   </a>
                  </li>
                  <li class="structItem-startDate">
                   <a href="/threads/how-to-install-content-to-daz-w-w-o-install-manager.6045/" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 27, 2017" data-time="1509073698" data-time-string="11:08 AM" datetime="2017-10-27T11:08:18+0800" dir="auto" title="Oct 27, 2017 at 11:08 AM">
                     Oct 27, 2017
                    </time>
                   </a>
                  </li>
                  <span class="structItem-pageJump">
                   <a href="/threads/how-to-install-content-to-daz-w-w-o-install-manager.6045/page-2">
                    2
                   </a>
                   <a href="/threads/how-to-install-content-to-daz-w-w-o-install-manager.6045/page-3">
                    3
                   </a>
                   <a href="/threads/how-to-install-content-to-daz-w-w-o-install-manager.6045/page-4">
                    4
                   </a>
                  </span>
                 </ul>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--meta" title="First message reaction score: 148">
                <dl class="pairs pairs--justified">
                 <dt>
                  Replies
                 </dt>
                 <dd>
                  320
                 </dd>
                </dl>
                <dl class="pairs pairs--justified structItem-minor">
                 <dt>
                  Views
                 </dt>
                 <dd>
                  167K
                 </dd>
                </dl>
               </div>
               <div class="structItem-cell structItem-cell--latest">
                <a href="/threads/how-to-install-content-to-daz-w-w-o-install-manager.6045/latest" rel="nofollow">
                 <time class="structItem-latestDate u-dt" data-date-string="Sep 22, 2024" data-time="1726998975" data-time-string="5:56 PM" datetime="2024-09-22T17:56:15+0800" dir="auto" title="Sep 22, 2024 at 5:56 PM">
                  Sep 22, 2024
                 </time>
                </a>
                <div class="structItem-minor">
                 <a class="username" data-user-id="1280163" data-xf-init="member-tooltip" dir="auto" href="/members/jt400.1280163/">
                  jt400
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--icon structItem-cell--iconEnd">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--xxs avatar--default avatar--default--dynamic" data-user-id="1280163" data-xf-init="member-tooltip" href="/members/jt400.1280163/" style="background-color: #03a9f4; color: #80d8ff">
                  <span class="avatar-u1280163-s">
                   J
                  </span>
                 </a>
                </div>
               </div>
              </div>
              <div class="structItem structItem--thread js-trendingThreadItem is-prefix45 js-inlineModContainer js-threadListItem-7441" data-author="anne O'nymous">
               <div class="structItem-cell structItem-cell--icon">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--s" data-user-id="63812" data-xf-init="member-tooltip" href="/members/anne-onymous.63812/">
                  <img alt="anne O'nymous" class="avatar-u63812-s" src="/data/avatars/s/63/63812.jpg?1507736890" srcset="/data/avatars/m/63/63812.jpg?1507736890 2x"/>
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
                <div class="structItem-title" uix-data-href="/threads/how-to-easy-string-patching.7441/">
                 <a class="labelLink" data-xf-init="tooltip" href="/forums/dev-tools-guides.44/?prefix_id[0]=45" rel="nofollow" title="Add to filters">
                  <span class="label label--lightGreen" dir="auto">
                   Tutorial
                  </span>
                 </a>
                 <a class="" data-preview-url="/threads/how-to-easy-string-patching.7441/preview" data-tp-primary="on" data-xf-init="preview-tooltip" href="/threads/how-to-easy-string-patching.7441/">
                  How-to: Easy string patching
                 </a>
                </div>
                <div class="structItem-minor">
                 <ul class="structItem-extraInfo">
                  <li>
                   <a class="tic--button button--ignoreText" data-xf-click="overlay" href="/tic-ignore/ignore?content_type=thread&amp;content_id=7441">
                    Ignore
                   </a>
                  </li>
                 </ul>
                 <ul class="structItem-parts">
                  <li>
                   <a class="username" data-user-id="63812" data-xf-init="member-tooltip" dir="auto" href="/members/anne-onymous.63812/">
                    anne O'nymous
                   </a>
                  </li>
                  <li class="structItem-startDate">
                   <a href="/threads/how-to-easy-string-patching.7441/" rel="nofollow">
                    <time class="u-dt" data-date-string="Dec 24, 2017" data-time="1514123825" data-time-string="9:57 PM" datetime="2017-12-24T21:57:05+0800" dir="auto" title="Dec 24, 2017 at 9:57 PM">
                     Dec 24, 2017
                    </time>
                   </a>
                  </li>
                 </ul>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--meta" title="First message reaction score: 23">
                <dl class="pairs pairs--justified">
                 <dt>
                  Replies
                 </dt>
                 <dd>
                  25
                 </dd>
                </dl>
                <dl class="pairs pairs--justified structItem-minor">
                 <dt>
                  Views
                 </dt>
                 <dd>
                  9K
                 </dd>
                </dl>
               </div>
               <div class="structItem-cell structItem-cell--latest">
                <a href="/threads/how-to-easy-string-patching.7441/latest" rel="nofollow">
                 <time class="structItem-latestDate u-dt" data-date-string="Jun 21, 2023" data-time="1687285338" data-time-string="2:22 AM" datetime="2023-06-21T02:22:18+0800" dir="auto" title="Jun 21, 2023 at 2:22 AM">
                  Jun 21, 2023
                 </time>
                </a>
                <div class="structItem-minor">
                 <a class="username" data-user-id="63812" data-xf-init="member-tooltip" dir="auto" href="/members/anne-onymous.63812/">
                  anne O'nymous
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--icon structItem-cell--iconEnd">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--xxs" data-user-id="63812" data-xf-init="member-tooltip" href="/members/anne-onymous.63812/">
                  <img alt="anne O'nymous" class="avatar-u63812-s" src="/data/avatars/s/63/63812.jpg?1507736890"/>
                 </a>
                </div>
               </div>
              </div>
              <div class="structItem structItem--thread js-trendingThreadItem is-prefix45 js-inlineModContainer js-threadListItem-23799" data-author="79flavors">
               <div class="structItem-cell structItem-cell--icon">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--s" data-user-id="682588" data-xf-init="member-tooltip" href="/members/79flavors.682588/">
                  <img alt="79flavors" class="avatar-u682588-s" src="/data/avatars/s/682/682588.jpg?1528990279" srcset="/data/avatars/m/682/682588.jpg?1528990279 2x"/>
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
                <div class="structItem-title" uix-data-href="/threads/newbie-guide-to-spellchecking-us-english-for-renpy-games-using-the-atom-io-editor.23799/">
                 <a class="labelLink" data-xf-init="tooltip" href="/forums/dev-tools-guides.44/?prefix_id[0]=45" rel="nofollow" title="Add to filters">
                  <span class="label label--lightGreen" dir="auto">
                   Tutorial
                  </span>
                 </a>
                 <a class="" data-preview-url="/threads/newbie-guide-to-spellchecking-us-english-for-renpy-games-using-the-atom-io-editor.23799/preview" data-tp-primary="on" data-xf-init="preview-tooltip" href="/threads/newbie-guide-to-spellchecking-us-english-for-renpy-games-using-the-atom-io-editor.23799/">
                  Newbie guide to spellchecking US-English for RenPy games using the atom.io editor
                 </a>
                </div>
                <div class="structItem-minor">
                 <ul class="structItem-extraInfo">
                  <li>
                   <a class="tic--button button--ignoreText" data-xf-click="overlay" href="/tic-ignore/ignore?content_type=thread&amp;content_id=23799">
                    Ignore
                   </a>
                  </li>
                 </ul>
                 <ul class="structItem-parts">
                  <li>
                   <a class="username" data-user-id="682588" data-xf-init="member-tooltip" dir="auto" href="/members/79flavors.682588/">
                    79flavors
                   </a>
                  </li>
                  <li class="structItem-startDate">
                   <a href="/threads/newbie-guide-to-spellchecking-us-english-for-renpy-games-using-the-atom-io-editor.23799/" rel="nofollow">
                    <time class="u-dt" data-date-string="Jan 11, 2019" data-time="1547139287" data-time-string="12:54 AM" datetime="2019-01-11T00:54:47+0800" dir="auto" title="Jan 11, 2019 at 12:54 AM">
                     Jan 11, 2019
                    </time>
                   </a>
                  </li>
                 </ul>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--meta" title="First message reaction score: 21">
                <dl class="pairs pairs--justified">
                 <dt>
                  Replies
                 </dt>
                 <dd>
                  13
                 </dd>
                </dl>
                <dl class="pairs pairs--justified structItem-minor">
                 <dt>
                  Views
                 </dt>
                 <dd>
                  6K
                 </dd>
                </dl>
               </div>
               <div class="structItem-cell structItem-cell--latest">
                <a href="/threads/newbie-guide-to-spellchecking-us-english-for-renpy-games-using-the-atom-io-editor.23799/latest" rel="nofollow">
                 <time class="structItem-latestDate u-dt" data-date-string="Nov 17, 2021" data-time="1637079228" data-time-string="12:13 AM" datetime="2021-11-17T00:13:48+0800" dir="auto" title="Nov 17, 2021 at 12:13 AM">
                  Nov 17, 2021
                 </time>
                </a>
                <div class="structItem-minor">
                 <a class="username" data-user-id="4310358" data-xf-init="member-tooltip" dir="auto" href="/members/sunderz.4310358/">
                  sunderz
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--icon structItem-cell--iconEnd">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--xxs avatar--default avatar--default--dynamic" data-user-id="4310358" data-xf-init="member-tooltip" href="/members/sunderz.4310358/" style="background-color: #fb8c00; color: #ffd180">
                  <span class="avatar-u4310358-s">
                   S
                  </span>
                 </a>
                </div>
               </div>
              </div>
              <div class="structItem structItem--thread js-trendingThreadItem is-prefix7 is-prefix45 js-inlineModContainer js-threadListItem-99929" data-author="anne O'nymous">
               <div class="structItem-cell structItem-cell--icon">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--s" data-user-id="63812" data-xf-init="member-tooltip" href="/members/anne-onymous.63812/">
                  <img alt="anne O'nymous" class="avatar-u63812-s" src="/data/avatars/s/63/63812.jpg?1507736890" srcset="/data/avatars/m/63/63812.jpg?1507736890 2x"/>
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
                <div class="structItem-title" uix-data-href="/threads/how-to-have-a-dynamic-story-that-react-to-player-choices.99929/">
                 <a class="labelLink" data-xf-init="tooltip" href="/forums/dev-tools-guides.44/?prefix_id[0]=7" rel="nofollow" title="Add to filters">
                  <span class="pre-renpy" dir="auto">
                   Ren'Py
                  </span>
                 </a>
                 <span class="label-append">
                 </span>
                 <a class="labelLink" data-xf-init="tooltip" href="/forums/dev-tools-guides.44/?prefix_id[0]=45" rel="nofollow" title="Add to filters">
                  <span class="label label--lightGreen" dir="auto">
                   Tutorial
                  </span>
                 </a>
                 <a class="" data-preview-url="/threads/how-to-have-a-dynamic-story-that-react-to-player-choices.99929/preview" data-tp-primary="on" data-xf-init="preview-tooltip" href="/threads/how-to-have-a-dynamic-story-that-react-to-player-choices.99929/">
                  How-To have a dynamic story that react to player choices.
                 </a>
                </div>
                <div class="structItem-minor">
                 <ul class="structItem-extraInfo">
                  <li>
                   <a class="tic--button button--ignoreText" data-xf-click="overlay" href="/tic-ignore/ignore?content_type=thread&amp;content_id=99929">
                    Ignore
                   </a>
                  </li>
                 </ul>
                 <ul class="structItem-parts">
                  <li>
                   <a class="username" data-user-id="63812" data-xf-init="member-tooltip" dir="auto" href="/members/anne-onymous.63812/">
                    anne O'nymous
                   </a>
                  </li>
                  <li class="structItem-startDate">
                   <a href="/threads/how-to-have-a-dynamic-story-that-react-to-player-choices.99929/" rel="nofollow">
                    <time class="u-dt" data-date-string="Nov 16, 2021" data-time="1637036564" data-time-string="12:22 PM" datetime="2021-11-16T12:22:44+0800" dir="auto" title="Nov 16, 2021 at 12:22 PM">
                     Nov 16, 2021
                    </time>
                   </a>
                  </li>
                 </ul>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--meta" title="First message reaction score: 53">
                <dl class="pairs pairs--justified">
                 <dt>
                  Replies
                 </dt>
                 <dd>
                  50
                 </dd>
                </dl>
                <dl class="pairs pairs--justified structItem-minor">
                 <dt>
                  Views
                 </dt>
                 <dd>
                  12K
                 </dd>
                </dl>
               </div>
               <div class="structItem-cell structItem-cell--latest">
                <a href="/threads/how-to-have-a-dynamic-story-that-react-to-player-choices.99929/latest" rel="nofollow">
                 <time class="structItem-latestDate u-dt" data-date-string="Feb 17, 2024" data-time="1708119883" data-time-string="5:44 AM" datetime="2024-02-17T05:44:43+0800" dir="auto" title="Feb 17, 2024 at 5:44 AM">
                  Feb 17, 2024
                 </time>
                </a>
                <div class="structItem-minor">
                 <a class="username" data-user-id="7022268" data-xf-init="member-tooltip" dir="auto" href="/members/kaeruvn.7022268/">
                  KaeruVN
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--icon structItem-cell--iconEnd">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--xxs" data-user-id="7022268" data-xf-init="member-tooltip" href="/members/kaeruvn.7022268/">
                  <img alt="KaeruVN" class="avatar-u7022268-s" src="/data/avatars/s/7022/7022268.jpg?1708271115"/>
                 </a>
                </div>
               </div>
              </div>
              <div class="structItem structItem--thread js-trendingThreadItem is-prefix7 is-prefix45 js-inlineModContainer js-threadListItem-16011" data-author="anne O'nymous">
               <div class="structItem-cell structItem-cell--icon">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--s" data-user-id="63812" data-xf-init="member-tooltip" href="/members/anne-onymous.63812/">
                  <img alt="anne O'nymous" class="avatar-u63812-s" src="/data/avatars/s/63/63812.jpg?1507736890" srcset="/data/avatars/m/63/63812.jpg?1507736890 2x"/>
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
                <div class="structItem-title" uix-data-href="/threads/how-to-variables-and-save-compatibility.16011/">
                 <a class="labelLink" data-xf-init="tooltip" href="/forums/dev-tools-guides.44/?prefix_id[0]=7" rel="nofollow" title="Add to filters">
                  <span class="pre-renpy" dir="auto">
                   Ren'Py
                  </span>
                 </a>
                 <span class="label-append">
                 </span>
                 <a class="labelLink" data-xf-init="tooltip" href="/forums/dev-tools-guides.44/?prefix_id[0]=45" rel="nofollow" title="Add to filters">
                  <span class="label label--lightGreen" dir="auto">
                   Tutorial
                  </span>
                 </a>
                 <a class="" data-preview-url="/threads/how-to-variables-and-save-compatibility.16011/preview" data-tp-primary="on" data-xf-init="preview-tooltip" href="/threads/how-to-variables-and-save-compatibility.16011/">
                  [How-To] Variables and save compatibility...
                 </a>
                </div>
                <div class="structItem-minor">
                 <ul class="structItem-extraInfo">
                  <li>
                   <a class="tic--button button--ignoreText" data-xf-click="overlay" href="/tic-ignore/ignore?content_type=thread&amp;content_id=16011">
                    Ignore
                   </a>
                  </li>
                 </ul>
                 <ul class="structItem-parts">
                  <li>
                   <a class="username" data-user-id="63812" data-xf-init="member-tooltip" dir="auto" href="/members/anne-onymous.63812/">
                    anne O'nymous
                   </a>
                  </li>
                  <li class="structItem-startDate">
                   <a href="/threads/how-to-variables-and-save-compatibility.16011/" rel="nofollow">
                    <time class="u-dt" data-date-string="Aug 9, 2018" data-time="1533760252" data-time-string="4:30 AM" datetime="2018-08-09T04:30:52+0800" dir="auto" title="Aug 9, 2018 at 4:30 AM">
                     Aug 9, 2018
                    </time>
                   </a>
                  </li>
                 </ul>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--meta" title="First message reaction score: 53">
                <dl class="pairs pairs--justified">
                 <dt>
                  Replies
                 </dt>
                 <dd>
                  43
                 </dd>
                </dl>
                <dl class="pairs pairs--justified structItem-minor">
                 <dt>
                  Views
                 </dt>
                 <dd>
                  29K
                 </dd>
                </dl>
               </div>
               <div class="structItem-cell structItem-cell--latest">
                <a href="/threads/how-to-variables-and-save-compatibility.16011/latest" rel="nofollow">
                 <time class="structItem-latestDate u-dt" data-date-string="Nov 27, 2022" data-time="1669486394" data-time-string="2:13 AM" datetime="2022-11-27T02:13:14+0800" dir="auto" title="Nov 27, 2022 at 2:13 AM">
                  Nov 27, 2022
                 </time>
                </a>
                <div class="structItem-minor">
                 <a class="username" data-user-id="63812" data-xf-init="member-tooltip" dir="auto" href="/members/anne-onymous.63812/">
                  anne O'nymous
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--icon structItem-cell--iconEnd">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--xxs" data-user-id="63812" data-xf-init="member-tooltip" href="/members/anne-onymous.63812/">
                  <img alt="anne O'nymous" class="avatar-u63812-s" src="/data/avatars/s/63/63812.jpg?1507736890"/>
                 </a>
                </div>
               </div>
              </div>
             </div>
            </div>
           </div>
          </div>
         </div>
         <!-- BELOW MAIN CONTENT -->
        </div>
       </div>
      </div>
      <div class="breadcrumb block p-breadcrumb--bottom">
       <div class="pageContent">
        <ul class="p-breadcrumbs p-breadcrumbs--bottom" itemscope="" itemtype="https://schema.org/BreadcrumbList">
         <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
          <a href="/" itemprop="item">
           <span itemprop="name">
            Forums
           </span>
          </a>
          <meta content="1" itemprop="position"/>
         </li>
         <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
          <a href="/categories/development.72/" itemprop="item">
           <span itemprop="name">
            Development
           </span>
          </a>
          <meta content="2" itemprop="position"/>
         </li>
         <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
          <a href="/forums/programming-development-art.73/" itemprop="item">
           <span itemprop="name">
            Programming, Development &amp; Art
           </span>
          </a>
          <meta content="3" itemprop="position"/>
         </li>
         <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
          <a href="/forums/dev-tools-guides.44/" itemprop="item">
           <span itemprop="name">
            Dev Tools &amp; Guides
           </span>
          </a>
          <meta content="4" itemprop="position"/>
         </li>
        </ul>
       </div>
      </div>
      <div class="samBannerUnit samAlignCenter" data-position="container_breadcrumb_bottom_below">
       <div class="samItem">
        <iframe allow="autoplay; fullscreen" frameborder="0" src="https://candy.engine.adglare.net/?356780338&amp;iframe&amp;sizes=728x90&amp;ag_custom_vlmcp=e44a1cb3-639e-45f1-831b-672df53f2a57&amp;ag_custom_vlmspot=leaderboard_footer" style="width:728px; height:90px;">
        </iframe>
       </div>
      </div>
     </div>
    </div>
    <div class="uix_fabBar uix_fabBar--active">
     <div class="u-scrollButtons js-scrollButtons" data-trigger-type="both">
      <a class="button--scroll button" data-xf-click="scroll-to" href="#top">
       <span class="button-text">
        <i aria-hidden="true" class="fa--xf fas fa-arrow-up">
        </i>
        <span class="u-srOnly">
         Top
        </span>
       </span>
      </a>
      <a class="button--scroll button" data-xf-click="scroll-to" href="#footer">
       <span class="button-text">
        <i aria-hidden="true" class="fa--xf fas fa-arrow-down">
        </i>
        <span class="u-srOnly">
         Bottom
        </span>
       </span>
      </a>
     </div>
     <div class="p-title-pageAction">
      <select class="br-select input" data-deselectable="false" data-initial-rating="0" data-rating-href="/threads/easy-way-to-deploy-html5-games-using-electron.19338/br-rate" data-readonly="false" data-show-selected="true" data-vote-content='&lt;div data-href="/threads/easy-way-to-deploy-html5-games-using-electron.19338/br-user-rated" data-xf-click="overlay" data-xf-init="tooltip" title="Members who rated this thread"&gt;0 Votes&lt;/div&gt;' data-widget-class="bratr-rating" data-xf-init="rating" name="rating">
       <option value="">
       </option>
       <option value="1">
        Terrible
       </option>
       <option value="2">
        Poor
       </option>
       <option value="3">
        Average
       </option>
       <option value="4">
        Good
       </option>
       <option value="5">
        Excellent
       </option>
      </select>
     </div>
    </div>
   </div>
  </div>
  <div class="u-bottomFixer js-bottomFixTarget">
  </div>
  <form hidden="hidden" style="display:none">
   <input id="_xfClientLoadTime" name="_xfClientLoadTime" tabindex="-1" title="_xfClientLoadTime" type="text" value=""/>
  </form>
 </body>
</html>
