<!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-113" data-content-key="thread-19567" 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>
   Ren'Py - [solved] drag 32:9 content horizontal on a 16:9 screen | F95zone
  </title>
  <meta content="Disclaimer: I've never touched Ren'Py Drag- and Drop before.

I want to drag 3840x1080 content horizontally. For now just the background, later additional..." name="description"/>
  <meta content="Disclaimer: I've never touched Ren'Py Drag- and Drop before.

I want to drag 3840x1080 content horizontally. For now just the background, later additional imagebuttons must be moved with the background. The game's resolution is 1920x1080.

By default RenPy seems to prevent the user from dragging..." property="og:description"/>
  <meta content="Disclaimer: I've never touched Ren'Py Drag- and Drop before.

I want to drag 3840x1080 content horizontally. For now just the background, later additional imagebuttons must be moved with the..." property="twitter:description"/>
  <meta content="https://f95zone.to/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/" property="og:url"/>
  <meta content="F95zone" property="og:site_name"/>
  <meta content="website" property="og:type"/>
  <meta content="Ren'Py - [solved] drag 32:9 content horizontal on a 16:9 screen" property="og:title"/>
  <meta content="Ren'Py - [solved] drag 32:9 content horizontal on a 16:9 screen" 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-help.113/" itemprop="item">
              <span itemprop="name">
               Dev Help
              </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-help.113/?prefix_id=7" rel="nofollow">
               <span class="pre-renpy" dir="auto">
                Ren'Py
               </span>
              </a>
              <span class="label-append">
              </span>
              [solved] drag 32:9 content horizontal on a 16:9 screen
             </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>
               <a class="username u-concealed" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/">
                <img class="xfa_cui_srv" src="/data/xfa/customusernameicons/icons/star.png" style="padding-right: 2px; height: 12px;"/>
                <span style="color: rgb(162, 0, 255);">
                 <a class="username u-concealed" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/">
                  f95zoneuser463
                 </a>
                </span>
               </a>
              </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/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/">
                <time class="u-dt" data-date-string="Oct 21, 2018" data-time="1540088990" data-time-string="10:29 AM" datetime="2018-10-21T10:29:50+0800" dir="auto" title="Oct 21, 2018 at 10:29 AM">
                 Oct 21, 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/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/br-rate" data-readonly="false" data-show-selected="true" data-vote-content='&lt;div data-href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/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=19567">
               <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=19567">
               Ignore thread
              </a>
              <a class="button--link button" data-sk-unwatch="Unwatch" data-sk-watch="Watch" data-xf-click="switch-overlay" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/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-19567" 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="f95zoneuser463" data-content="post-1204873" id="js-post-1204873">
              <span class="u-anchorTarget" id="post-1204873">
              </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">
                   <a class="avatar avatar--m" data-user-id="164782" data-xf-init="member-tooltip" href="/members/f95zoneuser463.164782/">
                    <img alt="f95zoneuser463" class="avatar-u164782-m" itemprop="image" src="/data/avatars/m/164/164782.jpg?1524792608" srcset="/data/avatars/l/164/164782.jpg?1524792608 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/" itemprop="name">
                     <img class="xfa_cui_srv" src="/data/xfa/customusernameicons/icons/star.png" style="padding-right: 2px; height: 12px;"/>
                     <span style="color: rgb(162, 0, 255);">
                      <a class="username" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/" itemprop="name">
                       f95zoneuser463
                      </a>
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Member
                   </h5>
                   <div class="userBanner .userBanner GameDeveloper message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Game Developer
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Aug 15, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     219
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     1,024
                    </dd>
                   </dl>
                   <div class="f95-support-btns">
                    <a class="f95-patreon-btn" href="https://www.patreon.com/devonart" rel="noopener noreferrer" target="_blank">
                     <span>
                     </span>
                    </a>
                   </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/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1204873" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 21, 2018" data-time="1540088990" data-time-string="10:29 AM" datetime="2018-10-21T10:29:50+0800" dir="auto" title="Oct 21, 2018 at 10:29 AM">
                     Oct 21, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1204873/share" data-xf-init="share-tooltip" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1204873" 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/1204873/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1204873" rel="nofollow">
                     #1
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="f95zoneuser463 · Oct 21, 2018 at 10:29 AM" data-lb-id="post-1204873">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     Disclaimer: I've never touched Ren'Py Drag- and Drop before.
                     <br/>
                     <br/>
                     I want to drag
                     <span style="color: #ff0000">
                      3840
                     </span>
                     x1080 content horizontally. For now just the background, later additional imagebuttons must be moved with the background. The game's resolution is 1920x1080.
                     <br/>
                     <br/>
                     By default RenPy seems to prevent the user from dragging things off screen. It is assumed that the content is smaller than the screen. In my scenario
                     <span style="color: #00ff00">
                      drag_offscreen True
                     </span>
                     is required to make large content draggable. Otherwise the image will just "jump" to the right side in this example and it stops dragging instantly. I guess this "jump" happens because Ren'Py tries to fit the 3840x1080 background on the 1920x1080 screen (with
                     <span style="color: #00ff00">
                      drag_offscreen False
                     </span>
                     ).
                     <br/>
                     <br/>
                     <span style="color: #00ff00">
                      <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>default debugtext = "Drag me!"

init python:
    ##  https://www.renpy.org/doc/html/drag_drop.html
    ##  after the drag has been rendered, the following fields become available:
    ##  x,y,w,h

    def drag_activated(drags):
        store.debugtext = ""
        for d in drags:
            store.debugtext += "drag_activated()-&gt;"+d.drag_name+" x,y,w,h=("+str(d.x)+","+str(d.y)+","+str(d.w)+","+str(d.h)+")"
        renpy.restart_interaction() # to update screen
        return


    def drag_dragged(drags, drop):
        store.debugtext = ""
        for d in drags:
            store.debugtext += "drag_dragged()-&gt;"+d.drag_name+" x,y,w,h=("+str(d.x)+","+str(d.y)+","+str(d.w)+","+str(d.h)+")"
        renpy.restart_interaction() # to update screen
        return True

    def drag_clicked():
        store.debugtext = "drag_clicked()"
        # no restart_interaction() needed, screen seems to update anyway
        return True

screen photo_beach():
    tag master
    layer "master"

    drag:
        drag_name "photo_beach"
        drag_handle (0,0,1.0,1.0)
        drag_offscreen True # must be True for content larger than screensize
        activated drag_activated
        dragged drag_dragged
        clicked drag_clicked

        image "images/bg photo beach.jpg" # 3840x1080 background image

    text debugtext align(0.5,0.5)

label start:
    scene
    show screen photo_beach
    jump loop

label loop:
    pause
    jump loop</code></pre>
                       </div>
                      </div>
                     </span>
                     <b>
                      Question:
                     </b>
                     <br/>
                     How can I prevent the user from dragging the content off screen in this example? Is it even possible in THIS scenario (image&gt;screensize-&gt;drag_offscreen True)? The x,y position from the Callbacks is the obvious way to start, but these don't seem to "live"-update while dragging (event based?). So locking for example the y to 0 is pointless because the image would "jump" only back to a correct position when an event is fired. While dragging there is no event, no blocking possible? Right?
                     <br/>
                     <br/>
                     Test project with background attached (RenPy 7.1.1.929).
                     <br/>
                     <br/>
                     edit link for reference:
                     <a class="link link--external" href="https://www.renpy.org/doc/html/drag_drop.html" rel="nofollow noopener" target="_blank">
                      Drag and Drop - Ren'Py Documentation
                     </a>
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                   <section class="message-attachments">
                    <h4 class="block-textHeader">
                     Attachments
                    </h4>
                    <ul class="attachmentList">
                     <li class="attachment hasEngine">
                      <div class="attachment-icon" data-extension="zip">
                       <a href="https://attachments.f95zone.to/2018/10/176838_drag.zip" target="_blank">
                        <i aria-hidden="true">
                        </i>
                       </a>
                      </div>
                      <div class="attachment-name">
                       <a href="https://attachments.f95zone.to/2018/10/176838_drag.zip" target="_blank" title="drag.zip">
                        drag.zip
                       </a>
                      </div>
                      <div class="attachment-details">
                       <span class="attachment-details-size">
                        2.6 MB
                       </span>
                       <span class="attachment-details-views">
                        Views: 0
                       </span>
                      </div>
                     </li>
                    </ul>
                   </section>
                  </div>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </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="1204873" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1204873/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="1204873" data-mq-action="add" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1204873" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1204873/quote" data-xf-click="quote" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1204873" 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/1204873/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>
             <article class="message message-threadStarterPost message--post js-post js-inlineModContainer" data-author="f95zoneuser463" data-content="post-1205712" id="js-post-1205712">
              <span class="u-anchorTarget" id="post-1205712">
              </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">
                   <a class="avatar avatar--m" data-user-id="164782" data-xf-init="member-tooltip" href="/members/f95zoneuser463.164782/">
                    <img alt="f95zoneuser463" class="avatar-u164782-m" itemprop="image" src="/data/avatars/m/164/164782.jpg?1524792608" srcset="/data/avatars/l/164/164782.jpg?1524792608 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/" itemprop="name">
                     <img class="xfa_cui_srv" src="/data/xfa/customusernameicons/icons/star.png" style="padding-right: 2px; height: 12px;"/>
                     <span style="color: rgb(162, 0, 255);">
                      <a class="username" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/" itemprop="name">
                       f95zoneuser463
                      </a>
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Member
                   </h5>
                   <div class="userBanner .userBanner GameDeveloper message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Game Developer
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Aug 15, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     219
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     1,024
                    </dd>
                   </dl>
                   <div class="f95-support-btns">
                    <a class="f95-patreon-btn" href="https://www.patreon.com/devonart" rel="noopener noreferrer" target="_blank">
                     <span>
                     </span>
                    </a>
                   </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/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1205712" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 21, 2018" data-time="1540121078" data-time-string="7:24 PM" datetime="2018-10-21T19:24:38+0800" dir="auto" title="Oct 21, 2018 at 7:24 PM">
                     Oct 21, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1205712/share" data-xf-init="share-tooltip" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1205712" 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/1205712/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1205712" rel="nofollow">
                     #2
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="f95zoneuser463 · Oct 21, 2018 at 7:24 PM" data-lb-id="post-1205712">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <b>
                      next day...
                     </b>
                     <br/>
                     I'm stuck with the Drag and Drop method. Looking for alternative ways to move the content I came up with a scrollbar.
                     <br/>
                     <br/>
                     pro:
                     <br/>
                     <ul>
                      <li data-xf-list-type="ul">
                       moves smoother compared to dragging
                      </li>
                      <li data-xf-list-type="ul">
                       can't be dragged off screen
                      </li>
                     </ul>
                     contra:
                     <br/>
                     <ul>
                      <li data-xf-list-type="ul">
                       ugly visible scrollbar all the time
                      </li>
                     </ul>
                     It's a barely 'acceptable' solution for me but I will use it for now. I'm not really happy with it.
                     <img alt=":mad:" class="smilie smilie--sprite smilie--sprite670" data-shortname=":mad:" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Mad    :mad:"/>
                     I'd still prefer dragging without a visible UI-element. On the other hand the movement while dragging is very choppy ... meh ... so that's shit vs shit.
                     <br/>
                     <span style="color: rgb(0, 255, 0)">
                      <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>default debugtext = ""
default photo_screen_bar_value = 0

init python:
    ##  https://www.renpy.org/doc/html/drag_drop.html
    ##  after the drag has been rendered, the following fields become available:
    ##  x,y,w,h

    def Drag_activated(drags):
        store.debugtext = ""
        for d in drags:
            store.debugtext += "drag_activated()-&gt;"+d.drag_name+" x,y,w,h=("+str(d.x)+","+str(d.y)+","+str(d.w)+","+str(d.h)+")"
            d.y = 0
        renpy.restart_interaction() # to update screen
        return

    def Drag_dragged(drags, drop):
        store.debugtext = ""
        for d in drags:
            store.debugtext += "drag_dragged()-&gt;"+d.drag_name+" x,y,w,h=("+str(d.x)+","+str(d.y)+","+str(d.w)+","+str(d.h)+")"
            d.y = 0
        renpy.restart_interaction() # to update screen
        return True

    def Drag_clicked():
        store.debugtext = "drag_clicked()"
        # no restart_interaction() needed, screen seems to update anyway
        return True

    def Photo_screen_bar_value_changed(value):
        store.debugtext = "bar value="+str(value)
        store.photo_screen_bar_value = -value
        renpy.restart_interaction() # to update screen
        return

screen draggable_photo_beach():
    tag master
    layer "master"

    drag:
        drag_name "photo_beach"
        drag_handle (0,0,1.0,1.0)
        drag_offscreen True # must be True for content larger than screensize
        activated Drag_activated
        dragged Drag_dragged
        clicked Drag_clicked

        image "images/bg photo beach.jpg" # 3840x1080 background image

    text debugtext align(0.5,0.5)

screen scrollable_photo_screen():
    tag master
    layer "master"
    # red test-background to check for precise positioning
    # I'm not sure whether the bar range must be 1919 or 1920, both show no red pixels for me in fullscreen 1080p
    #add "#F00"
    image "images/bg photo beach.jpg" xpos photo_screen_bar_value # 3840x1080 background image

    $ bar_width = 960 # 960 results in exactly 2 pixels moved per changed value
    bar value 0 range 1920 changed Photo_screen_bar_value_changed area(1920/2-bar_width/2,980,bar_width,64) bottom_bar "#0002" top_bar "#7bf6"

    text debugtext align(0.5,0.5)

label start:
    scene
    menu:
        "draggable photo screen":
            $ debugtext = "Drag me!"
            show screen draggable_photo_beach
        "scrollable photo screen":
            $ debugtext = "Scroll bar!"
            show screen scrollable_photo_screen
    jump loop

label loop:
    pause
    jump loop</code></pre>
                       </div>
                      </div>
                     </span>
                     Code can be copy-pasted into script.rpy from attached project in post 1.
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </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="1205712" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1205712/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="1205712" data-mq-action="add" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1205712" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1205712/quote" data-xf-click="quote" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1205712" 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/1205712/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message--post js-post js-inlineModContainer" data-author="anne O'nymous" data-content="post-1205845" id="js-post-1205845">
              <span class="u-anchorTarget" id="post-1205845">
              </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">
                   <a class="avatar avatar--m" data-user-id="63812" data-xf-init="member-tooltip" href="/members/anne-onymous.63812/">
                    <img alt="anne O'nymous" class="avatar-u63812-m" itemprop="image" src="/data/avatars/m/63/63812.jpg?1507736890" srcset="/data/avatars/l/63/63812.jpg?1507736890 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="63812" data-xf-init="member-tooltip" dir="auto" href="/members/anne-onymous.63812/" itemprop="name">
                     <span class="username--style15">
                      anne O'nymous
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    I'm not grumpy, I'm just coded that way.
                   </h5>
                   <div class="userBanner userBanner userBanner--green message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Modder
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner .userBanner Donor message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Donor
                     <i class="fa fa-coffee">
                     </i>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner userBanner userBanner--orange message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Respected User
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Jun 11, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     10,727
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     15,771
                    </dd>
                   </dl>
                  </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/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1205845" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 21, 2018" data-time="1540124746" data-time-string="8:25 PM" datetime="2018-10-21T20:25:46+0800" dir="auto" title="Oct 21, 2018 at 8:25 PM">
                     Oct 21, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1205845/share" data-xf-init="share-tooltip" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1205845" 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/1205845/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1205845" rel="nofollow">
                     #3
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="anne O'nymous · Oct 21, 2018 at 8:25 PM" data-lb-id="post-1205845">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-1205712" data-xf-click="attribution" href="/goto/post?id=1205712">
                        f95zoneuser463 said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        contra:
                        <br/>
                        <ul>
                         <li data-xf-list-type="ul">
                          ugly visible scrollbar all the time
                         </li>
                        </ul>
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     This is not a problem, just style the bar as invisible :
                     <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>style myScrollbar:
    base_bar Solid( "#00000000" )
    thumb    Solid( "#00000000" )</code></pre>
                      </div>
                     </div>
                     As for the drag&amp;drop, I have no answer sorry, but why exactly do you want this ?
                     <br/>
                     Since a scroll bar can do the trick, I assume that it's not explicitly to drag&amp;drop, but more to simulate some kind of "look right, look left".
                     <br/>
                     If it's that, you can also try with something like this :
                     <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>screen myMove:

    default x = 0
    default moveLeft = False
    default moveRight = False
    default nextX = 0
  
    if moveLeft is True:
        timer 0.1 repeat True action If( x &lt;= nextX, SetScreenVariable( "moveLeft", False ), SetScreenVariable( "x", x - 0.01 ) )
    elif moveRight is True:
        timer 0.1 repeat True action If( x &gt;= nextX, SetScreenVariable( "moveRight", False ), SetScreenVariable( "x", x + 0.01 ) )

    key "K_LEFT" action [ SetScreenVariable( "moveLeft", True ), SetScreenVariable( "moveRight", False ), SetScreenVariable( "nextX", x - 0.05 ) ]
    key "K_RIGHT" action [ SetScreenVariable( "moveRight", True ), SetScreenVariable( "moveLeft", False ), SetScreenVariable( "nextX", x + 0.05 ) ]

    add "images/The image of your choice":
        xalign x

    textbutton "ok":
        action Return()</code></pre>
                      </div>
                     </div>
                     It's not very smooth like this, but you surely can come to a better result by working on the values for both the timer interval and the step for the "x" value.
                     <br/>
                     You can also have it as continuous movement with this :
                     <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>screen myMove:

    default x = 0
    default moveLeft = False
    default moveRight = False
  
    if moveLeft is True:
        timer 0.1 repeat True action If( x &lt;= -0.5, SetScreenVariable( "moveLeft", False ), SetScreenVariable( "x", x - 0.01 ) )
    elif moveRight is True:
        timer 0.1 repeat True action If( x &gt;= 1.5, SetScreenVariable( "moveRight", False ), SetScreenVariable( "x", x + 0.01 ) )

    key "K_LEFT" action [ SetScreenVariable( "moveLeft", True ), SetScreenVariable( "moveRight", False ) ]
    key "K_RIGHT" action [ SetScreenVariable( "moveRight", True ), SetScreenVariable( "moveLeft", False ) ]
    key "K_SPACE" action [ SetScreenVariable( "moveRight", False ), SetScreenVariable( "moveLeft", False ) ]

    add "images/The image of your choice":
        xalign x

    textbutton "ok":
        action Return()</code></pre>
                      </div>
                     </div>
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                  <aside class="message-signature">
                   <div class="uix_signatureExpand">
                    Expand Signature
                   </div>
                   <div class="bbWrapper">
                    Ren'py:
                    <a class="link link--external" href="https://f95zone.com/threads/5676/" rel="nofollow noopener" target="_blank">
                     Track variables
                    </a>
                    -
                    <a class="link link--external" href="https://f95zone.com/threads/16011/" rel="nofollow noopener" target="_blank">
                     Save compatibiliy
                    </a>
                    -
                    <a class="link link--internal" href="https://f95zone.to/threads/125005/">
                     Track labels
                    </a>
                    <span style="color: rgb(41, 105, 176)">
                     Updated
                    </span>
                    <br/>
                    <a class="link link--internal" href="https://f95zone.to/threads/99929/">
                     Write a dynamic Ren'Py game
                    </a>
                   </div>
                  </aside>
                 </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/1205845/reactions">
                   <bdi>
                    f95zoneuser463
                   </bdi>
                   and
                   <bdi>
                    wx448
                   </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="1205845" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1205845/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="1205845" data-mq-action="add" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1205845" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1205845/quote" data-xf-click="quote" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1205845" 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/1205845/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message-threadStarterPost message--post js-post js-inlineModContainer" data-author="f95zoneuser463" data-content="post-1205950" id="js-post-1205950">
              <span class="u-anchorTarget" id="post-1205950">
              </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">
                   <a class="avatar avatar--m" data-user-id="164782" data-xf-init="member-tooltip" href="/members/f95zoneuser463.164782/">
                    <img alt="f95zoneuser463" class="avatar-u164782-m" itemprop="image" src="/data/avatars/m/164/164782.jpg?1524792608" srcset="/data/avatars/l/164/164782.jpg?1524792608 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/" itemprop="name">
                     <img class="xfa_cui_srv" src="/data/xfa/customusernameicons/icons/star.png" style="padding-right: 2px; height: 12px;"/>
                     <span style="color: rgb(162, 0, 255);">
                      <a class="username" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/" itemprop="name">
                       f95zoneuser463
                      </a>
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Member
                   </h5>
                   <div class="userBanner .userBanner GameDeveloper message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Game Developer
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Aug 15, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     219
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     1,024
                    </dd>
                   </dl>
                   <div class="f95-support-btns">
                    <a class="f95-patreon-btn" href="https://www.patreon.com/devonart" rel="noopener noreferrer" target="_blank">
                     <span>
                     </span>
                    </a>
                   </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/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1205950" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 21, 2018" data-time="1540127978" data-time-string="9:19 PM" datetime="2018-10-21T21:19:38+0800" dir="auto" title="Oct 21, 2018 at 9:19 PM">
                     Oct 21, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1205950/share" data-xf-init="share-tooltip" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1205950" 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/1205950/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1205950" rel="nofollow">
                     #4
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="f95zoneuser463 · Oct 21, 2018 at 9:19 PM" data-lb-id="post-1205950">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-1205845" data-xf-click="attribution" href="/goto/post?id=1205845">
                        anne O'nymous said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        ...to simulate some kind of "look right, look left".
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     Yeah something like that. Preferably without "steps" to look left/right since some "points of interest" would end up on a screen edge. (I'm not sure I can explain this very well with my english).
                     <br/>
                     The idea is to have a large scene where the player would pick various locations for shooting photos. The scene just happens to fit perfectly into a 32:9 format. Splitting it into two 16:9 images would result in a bad image composition. It's just an artistic decision.
                     <img alt=":)" class="smilie smilie--sprite smilie--sprite667" data-shortname=":)" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Smile    :)"/>
                     <br/>
                     <br/>
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-1205845" data-xf-click="attribution" href="/goto/post?id=1205845">
                        anne O'nymous said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        This is not a problem, just style the bar as invisible :
                        <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>style myScrollbar:
base_bar Solid( "#00000000" )
thumb Solid( "#00000000" )</code></pre>
                         </div>
                        </div>
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     Hmm ... you just gave me the idea for this:
                     <br/>
                     <ul>
                      <li data-xf-list-type="ul">
                       make scrollbar invisible
                      </li>
                      <li data-xf-list-type="ul">
                       make scrollbar take up the entire screen
                      </li>
                      <li data-xf-list-type="ul">
                       make sure the scrollbar does not "catch" clicks for other clickable things, they must be "above" the scrollbar
                      </li>
                     </ul>
                     Basically a fake horizontal drag. I'm pretty sure this will work ... will try this once I finished other script-stuff and report back.
                     <br/>
                     <br/>
                     Thanks for the help!
                     <br/>
                     <br/>
                     <span style="color: #ff0000">
                      Edit:
                     </span>
                     <br/>
                     The idea with the invisible fullscreen scrollbar works but has a problem: With the initial click the background image "jumps" based on the bar value (obvious due to how scrollbar work *doh*). In my scenario the jump would be 1920 pixels or an entire screen in the worst case. That's to confusing and not intuitive. After the initial click the fake-drag effect is perfect and smooth. The jumps make this unusable unfortunately. I'm sure this is fixable somehow with some bar-range, bar-value and/or trickery with a custom xoffset (remember last x-click positon and take new x-click position =&gt; calculate xoffset =&gt; use to keep image at position without jumps) ... this is to hackish. Time to stop. I'll stick with a small visible transparent scrollbar for now.
                    </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/1205950/reactions">
                   <bdi>
                    wx448
                   </bdi>
                   and
                   <bdi>
                    anne O'nymous
                   </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="1205950" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1205950/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="1205950" data-mq-action="add" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1205950" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1205950/quote" data-xf-click="quote" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1205950" 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/1205950/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message--post js-post js-inlineModContainer" data-author="Atmus" data-content="post-1207672" id="js-post-1207672">
              <span class="u-anchorTarget" id="post-1207672">
              </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">
                   <a class="avatar avatar--m avatar--default avatar--default--dynamic" data-user-id="519023" data-xf-init="member-tooltip" href="/members/atmus.519023/" style="background-color: #c0ca33; color: #f4ff81">
                    <span class="avatar-u519023-m">
                     A
                    </span>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="519023" data-xf-init="member-tooltip" dir="auto" href="/members/atmus.519023/" itemprop="name">
                     Atmus
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    New Member
                   </h5>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Mar 28, 2018
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     10
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     7
                    </dd>
                   </dl>
                  </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/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1207672" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 22, 2018" data-time="1540170836" data-time-string="9:13 AM" datetime="2018-10-22T09:13:56+0800" dir="auto" title="Oct 22, 2018 at 9:13 AM">
                     Oct 22, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1207672/share" data-xf-init="share-tooltip" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1207672" 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/1207672/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1207672" rel="nofollow">
                     #5
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="Atmus · Oct 22, 2018 at 9:13 AM" data-lb-id="post-1207672">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     Is this what you are looking for?  These are the contents of my script.rpy using your test background image.
                     <br/>
                     <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>init python:
    class Panner(renpy.Displayable):
        def __init__(self, child, **kwargs):
            renpy.Displayable.__init__(self, **kwargs)
            self.child = Image(child)
            self.mouseDown = False
            self.offsetx = 0.0
            self.lastx = 0.0

        def visit(self):
            return [ self.child ]

        def render(self, width, height, st, at):
            render = renpy.Render(width, height)
            child_render = renpy.render(self.child, 3840, 1080, st, at)
            render.blit(child_render, (int(self.offsetx), 0))
            renpy.redraw(self, 0)
            return render

        def event(self, ev, x, y, st):
            import pygame

            if ev.type == pygame.MOUSEBUTTONDOWN and ev.button == 1:
                self.mouseDown = True
                self.lastx = x
            elif ev.type == pygame.MOUSEBUTTONUP and ev.button == 1:
                self.mouseDown = False

            dx = x - self.lastx
            self.lastx = x

            if self.mouseDown == True:
                self.offsetx = self.offsetx + dx
                self.offsetx = max( min( self.offsetx, 0 ), -1920 )

            return self.child.event(ev, x, y, st)

define MyPan = Panner("images/bg photo beach.jpg")

screen panner_test():
    add MyPan

label start:
    scene
    show screen panner_test
    jump loop

label loop:
    pause
    "Test 1"
    "Test 2"
    jump loop</code></pre>
                      </div>
                     </div>
                    </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/1207672/reactions">
                   <bdi>
                    f95zoneuser463
                   </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="1207672" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1207672/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="1207672" data-mq-action="add" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1207672" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1207672/quote" data-xf-click="quote" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1207672" 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/1207672/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message-threadStarterPost message--post js-post js-inlineModContainer" data-author="f95zoneuser463" data-content="post-1208903" id="js-post-1208903">
              <span class="u-anchorTarget" id="post-1208903">
              </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">
                   <a class="avatar avatar--m" data-user-id="164782" data-xf-init="member-tooltip" href="/members/f95zoneuser463.164782/">
                    <img alt="f95zoneuser463" class="avatar-u164782-m" itemprop="image" src="/data/avatars/m/164/164782.jpg?1524792608" srcset="/data/avatars/l/164/164782.jpg?1524792608 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/" itemprop="name">
                     <img class="xfa_cui_srv" src="/data/xfa/customusernameicons/icons/star.png" style="padding-right: 2px; height: 12px;"/>
                     <span style="color: rgb(162, 0, 255);">
                      <a class="username" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/" itemprop="name">
                       f95zoneuser463
                      </a>
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Member
                   </h5>
                   <div class="userBanner .userBanner GameDeveloper message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Game Developer
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Aug 15, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     219
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     1,024
                    </dd>
                   </dl>
                   <div class="f95-support-btns">
                    <a class="f95-patreon-btn" href="https://www.patreon.com/devonart" rel="noopener noreferrer" target="_blank">
                     <span>
                     </span>
                    </a>
                   </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/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1208903" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 22, 2018" data-time="1540215393" data-time-string="9:36 PM" datetime="2018-10-22T21:36:33+0800" dir="auto" title="Oct 22, 2018 at 9:36 PM">
                     Oct 22, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1208903/share" data-xf-init="share-tooltip" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1208903" 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/1208903/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1208903" rel="nofollow">
                     #6
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="f95zoneuser463 · Oct 22, 2018 at 9:36 PM" data-lb-id="post-1208903">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <a class="username" data-user-id="519023" data-username="@Atmus" data-xf-init="member-tooltip" href="https://f95zone.to/members/519023/">
                      @Atmus
                     </a>
                     <br/>
                     Custom Displayables are somewhat above my level of expertise. Very powerful but scary for me. By looking at your code I assume it's suppose to drag the image only when the mousebutton is down. Yep, exactly what I want.
                     <br/>
                     While testing it I found out that
                     <span style="color: #00ff00">
                      event()
                     </span>
                     does never receive a
                     <span style="color: #00ff00">
                      MOUSEBUTTONUP
                     </span>
                     event. That resulted in the image being dragged all the time.
                     <br/>
                     <br/>
                     I've added a
                     <span style="color: #00ff00">
                      print(ev)
                     </span>
                     to the start of the
                     <span style="color: #00ff00">
                      event()
                     </span>
                     -function to see all events in the console. The results for a short drag and drop in Ren'Py 7.1.1.929 (latest stable):
                     <br/>
                     <div class="lbContainer lbContainer--inline" data-lb-container-zoom="1" data-lb-id="attachment166001" data-lb-single-image="1" data-lb-trigger=".js-lbImage-attachment166001" data-xf-init="lightbox" title="panner all events from a short mouse drag and drop.png">
                      <div aria-label="Zoom" class="lbContainer-zoomer js-lbImage-attachment166001" data-src="https://attachments.f95zone.to/2018/10/177597_panner_all_events_from_a_short_mouse_drag_and_drop.png">
                      </div>
                      <img alt="panner all events from a short mouse drag and drop.png" class="bbImage lazyload" data-src="https://attachments.f95zone.to/2018/10/177597_panner_all_events_from_a_short_mouse_drag_and_drop.png" data-url="" data-zoom-target="1" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width='1679' height='962' viewBox%3D'0 0 1679 962'%2F%3E" style=""/>
                      <noscript>
                       <img alt="panner all events from a short mouse drag and drop.png" class="bbImage" data-url="" data-zoom-target="1" src="https://attachments.f95zone.to/2018/10/177597_panner_all_events_from_a_short_mouse_drag_and_drop.png" style=""/>
                      </noscript>
                     </div>
                     <br/>
                     I got it working by modifying it:
                     <br/>
                     <span style="color: #00ff00">
                      <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>if ev.type == pygame.MOUSEBUTTONDOWN and ev.button == 1:
    print(ev)
    self.mouseDown = True
    self.lastx = x
elif ev.type == pygame.MOUSEMOTION:# and ev.buttons == 1:
    # do nothing with MOUSEMOTION events, keep self.mouseDown in whatever state it is
    print(ev)
else:
    self.mouseDown = False</code></pre>
                       </div>
                      </div>
                     </span>
                     Not exactly "clean" but it works around the
                     <span style="color: #00ff00">
                      MOUSEBUTTONUP
                     </span>
                     -problem.
                     <br/>
                     Possibly a bug? May I ask what RenPy-Version you used Atmus?
                     <br/>
                     <br/>
                     I've attached my messy script for fiddling. The "scrolling" with this solution is very smooth, better than anything else I've tried. Now I just have to look into how I can drag additional imagebuttons with the image in the "real" project ... shouldn't be a problem, I've a few ideas.
                     <br/>
                     <br/>
                     Thanks! I appreciate your help! *marked as solved*
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                   <section class="message-attachments">
                    <h4 class="block-textHeader">
                     Attachments
                    </h4>
                    <ul class="attachmentList">
                     <li class="attachment hasEngine">
                      <div class="attachment-icon" data-extension="rpy">
                       <a href="https://attachments.f95zone.to/2018/10/177601_script.rpy" target="_blank">
                        <i aria-hidden="true">
                        </i>
                       </a>
                      </div>
                      <div class="attachment-name">
                       <a href="https://attachments.f95zone.to/2018/10/177601_script.rpy" target="_blank" title="script.rpy">
                        script.rpy
                       </a>
                      </div>
                      <div class="attachment-details">
                       <span class="attachment-details-size">
                        5.3 KB
                       </span>
                       <span class="attachment-details-views">
                        Views: 0
                       </span>
                      </div>
                     </li>
                    </ul>
                   </section>
                  </div>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </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="1208903" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1208903/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="1208903" data-mq-action="add" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1208903" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1208903/quote" data-xf-click="quote" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1208903" 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/1208903/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message--post js-post js-inlineModContainer" data-author="anne O'nymous" data-content="post-1209321" id="js-post-1209321">
              <span class="u-anchorTarget" id="post-1209321">
              </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">
                   <a class="avatar avatar--m" data-user-id="63812" data-xf-init="member-tooltip" href="/members/anne-onymous.63812/">
                    <img alt="anne O'nymous" class="avatar-u63812-m" itemprop="image" src="/data/avatars/m/63/63812.jpg?1507736890" srcset="/data/avatars/l/63/63812.jpg?1507736890 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="63812" data-xf-init="member-tooltip" dir="auto" href="/members/anne-onymous.63812/" itemprop="name">
                     <span class="username--style15">
                      anne O'nymous
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    I'm not grumpy, I'm just coded that way.
                   </h5>
                   <div class="userBanner userBanner userBanner--green message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Modder
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner .userBanner Donor message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Donor
                     <i class="fa fa-coffee">
                     </i>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner userBanner userBanner--orange message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Respected User
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Jun 11, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     10,727
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     15,771
                    </dd>
                   </dl>
                  </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/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1209321" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 23, 2018" data-time="1540227145" data-time-string="12:52 AM" datetime="2018-10-23T00:52:25+0800" dir="auto" title="Oct 23, 2018 at 12:52 AM">
                     Oct 23, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1209321/share" data-xf-init="share-tooltip" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1209321" 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/1209321/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1209321" rel="nofollow">
                     #7
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="anne O'nymous · Oct 23, 2018 at 12:52 AM" data-lb-id="post-1209321">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-1207672" data-xf-click="attribution" href="/goto/post?id=1207672">
                        Atmus said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        <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>start:
    scene
    show screen panner_test
    jump loop

label loop:
    pause
    "Test 1"
    "Test 2"
    jump loop</code></pre>
                         </div>
                        </div>
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     I'm curious. How can you use something as advanced than a custom displayable, and in the same time use an endless loop in place of "call screen" ?
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                  <aside class="message-signature">
                   <div class="uix_signatureExpand">
                    Expand Signature
                   </div>
                   <div class="bbWrapper">
                    Ren'py:
                    <a class="link link--external" href="https://f95zone.com/threads/5676/" rel="nofollow noopener" target="_blank">
                     Track variables
                    </a>
                    -
                    <a class="link link--external" href="https://f95zone.com/threads/16011/" rel="nofollow noopener" target="_blank">
                     Save compatibiliy
                    </a>
                    -
                    <a class="link link--internal" href="https://f95zone.to/threads/125005/">
                     Track labels
                    </a>
                    <span style="color: rgb(41, 105, 176)">
                     Updated
                    </span>
                    <br/>
                    <a class="link link--internal" href="https://f95zone.to/threads/99929/">
                     Write a dynamic Ren'Py game
                    </a>
                   </div>
                  </aside>
                 </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/1209321/reactions">
                   <bdi>
                    f95zoneuser463
                   </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="1209321" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1209321/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="1209321" data-mq-action="add" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1209321" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1209321/quote" data-xf-click="quote" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1209321" 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/1209321/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message-threadStarterPost message--post js-post js-inlineModContainer" data-author="f95zoneuser463" data-content="post-1210089" id="js-post-1210089">
              <span class="u-anchorTarget" id="post-1210089">
              </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">
                   <a class="avatar avatar--m" data-user-id="164782" data-xf-init="member-tooltip" href="/members/f95zoneuser463.164782/">
                    <img alt="f95zoneuser463" class="avatar-u164782-m" itemprop="image" src="/data/avatars/m/164/164782.jpg?1524792608" srcset="/data/avatars/l/164/164782.jpg?1524792608 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/" itemprop="name">
                     <img class="xfa_cui_srv" src="/data/xfa/customusernameicons/icons/star.png" style="padding-right: 2px; height: 12px;"/>
                     <span style="color: rgb(162, 0, 255);">
                      <a class="username" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/" itemprop="name">
                       f95zoneuser463
                      </a>
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Member
                   </h5>
                   <div class="userBanner .userBanner GameDeveloper message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Game Developer
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Aug 15, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     219
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     1,024
                    </dd>
                   </dl>
                   <div class="f95-support-btns">
                    <a class="f95-patreon-btn" href="https://www.patreon.com/devonart" rel="noopener noreferrer" target="_blank">
                     <span>
                     </span>
                    </a>
                   </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/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1210089" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 23, 2018" data-time="1540243438" data-time-string="5:23 AM" datetime="2018-10-23T05:23:58+0800" dir="auto" title="Oct 23, 2018 at 5:23 AM">
                     Oct 23, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1210089/share" data-xf-init="share-tooltip" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1210089" 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/1210089/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1210089" rel="nofollow">
                     #8
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="f95zoneuser463 · Oct 23, 2018 at 5:23 AM" data-lb-id="post-1210089">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <a class="username" data-user-id="63812" data-username="@anne O'nymous" data-xf-init="member-tooltip" href="https://f95zone.to/members/63812/">
                      @anne O'nymous
                     </a>
                     <br/>
                     Good question. I guess it's a habit from a time when I didn't know that screens can be called ... I'm stupid :FeelsBadMan:
                     <br/>
                     <br/>
                     Btw. could somebody confirm that MOUSEBUTTONUP is broken for that custom displayable example in the latest RenPy stable version? I find it hard to believe.
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </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="1210089" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1210089/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="1210089" data-mq-action="add" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1210089" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1210089/quote" data-xf-click="quote" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1210089" 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/1210089/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message--post js-post js-inlineModContainer" data-author="anne O'nymous" data-content="post-1210132" id="js-post-1210132">
              <span class="u-anchorTarget" id="post-1210132">
              </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">
                   <a class="avatar avatar--m" data-user-id="63812" data-xf-init="member-tooltip" href="/members/anne-onymous.63812/">
                    <img alt="anne O'nymous" class="avatar-u63812-m" itemprop="image" src="/data/avatars/m/63/63812.jpg?1507736890" srcset="/data/avatars/l/63/63812.jpg?1507736890 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="63812" data-xf-init="member-tooltip" dir="auto" href="/members/anne-onymous.63812/" itemprop="name">
                     <span class="username--style15">
                      anne O'nymous
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    I'm not grumpy, I'm just coded that way.
                   </h5>
                   <div class="userBanner userBanner userBanner--green message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Modder
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner .userBanner Donor message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Donor
                     <i class="fa fa-coffee">
                     </i>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner userBanner userBanner--orange message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Respected User
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Jun 11, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     10,727
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     15,771
                    </dd>
                   </dl>
                  </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/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1210132" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 23, 2018" data-time="1540244418" data-time-string="5:40 AM" datetime="2018-10-23T05:40:18+0800" dir="auto" title="Oct 23, 2018 at 5:40 AM">
                     Oct 23, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1210132/share" data-xf-init="share-tooltip" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1210132" 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/1210132/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1210132" rel="nofollow">
                     #9
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="anne O'nymous · Oct 23, 2018 at 5:40 AM" data-lb-id="post-1210132">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-1210089" data-xf-click="attribution" href="/goto/post?id=1210089">
                        f95zoneuser463 said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        I'm stupid :FeelsBadMan:
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     Sorry, really, but I must confirm. This said, not for the reason you think, but because you weren't the person I quoted, and so talked to
                     <img alt=":D" class="smilie smilie--sprite smilie--sprite674" data-shortname=":D" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Big grin    :D"/>
                     <br/>
                     Need some sleep perhaps ?
                     <br/>
                     <br/>
                     <br/>
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-1210089" data-xf-click="attribution" href="/goto/post?id=1210089">
                        f95zoneuser463 said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        Btw. could somebody confirm that MOUSEBUTTONUP is broken for that custom displayable example in the latest RenPy stable version? I find it hard to believe.
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     I don't really have the time, but if my memory don't betray me, there's a thing with the buttons in custom displayable. Something like "to see if the button is up, look if it's not down". I seem to remember having read that on the official forum.
                     <br/>
                     Perhaps that
                     <a class="username" data-user-id="231693" data-username="@Palanto" data-xf-init="member-tooltip" href="https://f95zone.to/members/231693/">
                      @Palanto
                     </a>
                     know more, he's the ace when it come to the official forum.
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                  <aside class="message-signature">
                   <div class="uix_signatureExpand">
                    Expand Signature
                   </div>
                   <div class="bbWrapper">
                    Ren'py:
                    <a class="link link--external" href="https://f95zone.com/threads/5676/" rel="nofollow noopener" target="_blank">
                     Track variables
                    </a>
                    -
                    <a class="link link--external" href="https://f95zone.com/threads/16011/" rel="nofollow noopener" target="_blank">
                     Save compatibiliy
                    </a>
                    -
                    <a class="link link--internal" href="https://f95zone.to/threads/125005/">
                     Track labels
                    </a>
                    <span style="color: rgb(41, 105, 176)">
                     Updated
                    </span>
                    <br/>
                    <a class="link link--internal" href="https://f95zone.to/threads/99929/">
                     Write a dynamic Ren'Py game
                    </a>
                   </div>
                  </aside>
                 </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/1210132/reactions">
                   <bdi>
                    Palanto
                   </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="1210132" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1210132/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="1210132" data-mq-action="add" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1210132" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1210132/quote" data-xf-click="quote" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1210132" 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/1210132/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message-threadStarterPost message--post js-post js-inlineModContainer" data-author="f95zoneuser463" data-content="post-1210285" id="js-post-1210285">
              <span class="u-anchorTarget" id="post-1210285">
              </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">
                   <a class="avatar avatar--m" data-user-id="164782" data-xf-init="member-tooltip" href="/members/f95zoneuser463.164782/">
                    <img alt="f95zoneuser463" class="avatar-u164782-m" itemprop="image" src="/data/avatars/m/164/164782.jpg?1524792608" srcset="/data/avatars/l/164/164782.jpg?1524792608 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/" itemprop="name">
                     <img class="xfa_cui_srv" src="/data/xfa/customusernameicons/icons/star.png" style="padding-right: 2px; height: 12px;"/>
                     <span style="color: rgb(162, 0, 255);">
                      <a class="username" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/" itemprop="name">
                       f95zoneuser463
                      </a>
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Member
                   </h5>
                   <div class="userBanner .userBanner GameDeveloper message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Game Developer
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Aug 15, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     219
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     1,024
                    </dd>
                   </dl>
                   <div class="f95-support-btns">
                    <a class="f95-patreon-btn" href="https://www.patreon.com/devonart" rel="noopener noreferrer" target="_blank">
                     <span>
                     </span>
                    </a>
                   </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/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1210285" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 23, 2018" data-time="1540248192" data-time-string="6:43 AM" datetime="2018-10-23T06:43:12+0800" dir="auto" title="Oct 23, 2018 at 6:43 AM">
                     Oct 23, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1210285/share" data-xf-init="share-tooltip" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1210285" 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/1210285/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1210285" rel="nofollow">
                     #10
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="f95zoneuser463 · Oct 23, 2018 at 6:43 AM" data-lb-id="post-1210285">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     I'm to blame for that loop code, no big deal.
                     <img alt=";)" class="smilie smilie--sprite smilie--sprite668" data-shortname=";)" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Wink    ;)"/>
                     Atmus probably just copied the end from my first post to help me quickly with custom displayable example.
                     <br/>
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-1210132" data-xf-click="attribution" href="/goto/post?id=1210132">
                        anne O'nymous said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        Need some sleep perhaps ?
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     I really do ... there is just never enough time ... so much stuff to do ...
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </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="1210285" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1210285/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="1210285" data-mq-action="add" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1210285" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1210285/quote" data-xf-click="quote" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1210285" 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/1210285/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message--post js-post js-inlineModContainer" data-author="anne O'nymous" data-content="post-1210293" id="js-post-1210293">
              <span class="u-anchorTarget" id="post-1210293">
              </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">
                   <a class="avatar avatar--m" data-user-id="63812" data-xf-init="member-tooltip" href="/members/anne-onymous.63812/">
                    <img alt="anne O'nymous" class="avatar-u63812-m" itemprop="image" src="/data/avatars/m/63/63812.jpg?1507736890" srcset="/data/avatars/l/63/63812.jpg?1507736890 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="63812" data-xf-init="member-tooltip" dir="auto" href="/members/anne-onymous.63812/" itemprop="name">
                     <span class="username--style15">
                      anne O'nymous
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    I'm not grumpy, I'm just coded that way.
                   </h5>
                   <div class="userBanner userBanner userBanner--green message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Modder
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner .userBanner Donor message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Donor
                     <i class="fa fa-coffee">
                     </i>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner userBanner userBanner--orange message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Respected User
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Jun 11, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     10,727
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     15,771
                    </dd>
                   </dl>
                  </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/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1210293" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 23, 2018" data-time="1540248377" data-time-string="6:46 AM" datetime="2018-10-23T06:46:17+0800" dir="auto" title="Oct 23, 2018 at 6:46 AM">
                     Oct 23, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1210293/share" data-xf-init="share-tooltip" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1210293" 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/1210293/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1210293" rel="nofollow">
                     #11
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="anne O'nymous · Oct 23, 2018 at 6:46 AM" data-lb-id="post-1210293">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-1210285" data-xf-click="attribution" href="/goto/post?id=1210285">
                        f95zoneuser463 said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        I'm to blame for that loop code, no big deal.
                        <img alt=";)" class="smilie smilie--sprite smilie--sprite668" data-shortname=";)" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Wink    ;)"/>
                        Atmus probably just copied the end from my first post to help me quickly with custom displayable example.
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     Well, apparently I also need to sleep... For the same reason than you.
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                  <aside class="message-signature">
                   <div class="uix_signatureExpand">
                    Expand Signature
                   </div>
                   <div class="bbWrapper">
                    Ren'py:
                    <a class="link link--external" href="https://f95zone.com/threads/5676/" rel="nofollow noopener" target="_blank">
                     Track variables
                    </a>
                    -
                    <a class="link link--external" href="https://f95zone.com/threads/16011/" rel="nofollow noopener" target="_blank">
                     Save compatibiliy
                    </a>
                    -
                    <a class="link link--internal" href="https://f95zone.to/threads/125005/">
                     Track labels
                    </a>
                    <span style="color: rgb(41, 105, 176)">
                     Updated
                    </span>
                    <br/>
                    <a class="link link--internal" href="https://f95zone.to/threads/99929/">
                     Write a dynamic Ren'Py game
                    </a>
                   </div>
                  </aside>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </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="1210293" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1210293/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="1210293" data-mq-action="add" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1210293" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1210293/quote" data-xf-click="quote" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1210293" 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/1210293/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message--post js-post js-inlineModContainer" data-author="Atmus" data-content="post-1210749" id="js-post-1210749">
              <span class="u-anchorTarget" id="post-1210749">
              </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">
                   <a class="avatar avatar--m avatar--default avatar--default--dynamic" data-user-id="519023" data-xf-init="member-tooltip" href="/members/atmus.519023/" style="background-color: #c0ca33; color: #f4ff81">
                    <span class="avatar-u519023-m">
                     A
                    </span>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="519023" data-xf-init="member-tooltip" dir="auto" href="/members/atmus.519023/" itemprop="name">
                     Atmus
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    New Member
                   </h5>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Mar 28, 2018
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     10
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     7
                    </dd>
                   </dl>
                  </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/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1210749" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 23, 2018" data-time="1540264814" data-time-string="11:20 AM" datetime="2018-10-23T11:20:14+0800" dir="auto" title="Oct 23, 2018 at 11:20 AM">
                     Oct 23, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1210749/share" data-xf-init="share-tooltip" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1210749" 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/1210749/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1210749" rel="nofollow">
                     #12
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="Atmus · Oct 23, 2018 at 11:20 AM" data-lb-id="post-1210749">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     f95zoneuser463 is correct, I just copied that loop from his original example.  I am still a RenPy noob myself, but I have been a Unity/Unreal game developer for a long time.
                     <br/>
                     <br/>
                     As for the MOUSEBUTTONUP not firing, that is strange because it definitely works on my test.  I originally had debug messages on screen for showing the mouseDown value, and it was getting set to false on mouse up.  I just tested again with my posted code, and the image stops scrolling when I release the mouse button.
                     <br/>
                     <br/>
                     I tested this with renpy-7.0.0-sdk, just in case its a renpy version issue.
                     <br/>
                     <br/>
                     Here is a screen shot after I added the print(ev) statement at the top of the event function.
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                   <section class="message-attachments">
                    <h4 class="block-textHeader">
                     Attachments
                    </h4>
                    <ul class="attachmentList">
                     <li class="attachment hasEngine">
                      <div class="attachment-icon attachment-icon--img">
                       <a class="js-lbImage" href="https://attachments.f95zone.to/2018/10/178106_drag-screenshot.png" target="_blank">
                        <img alt="drag-screenshot.png" src="https://attachments.f95zone.to/2018/10/thumb/178106_drag-screenshot.png"/>
                       </a>
                      </div>
                      <div class="attachment-name">
                       <a href="https://attachments.f95zone.to/2018/10/178106_drag-screenshot.png" target="_blank" title="drag-screenshot.png">
                        drag-screenshot.png
                       </a>
                      </div>
                      <div class="attachment-details">
                       <span class="attachment-details-size">
                        944.6 KB
                       </span>
                       <span class="attachment-details-views">
                        Views: 0
                       </span>
                      </div>
                     </li>
                    </ul>
                   </section>
                  </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/1210749/reactions">
                   <bdi>
                    f95zoneuser463
                   </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="1210749" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1210749/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="1210749" data-mq-action="add" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1210749" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1210749/quote" data-xf-click="quote" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1210749" 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/1210749/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message-threadStarterPost message--post js-post js-inlineModContainer" data-author="f95zoneuser463" data-content="post-1210845" id="js-post-1210845">
              <span class="u-anchorTarget" id="post-1210845">
              </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">
                   <a class="avatar avatar--m" data-user-id="164782" data-xf-init="member-tooltip" href="/members/f95zoneuser463.164782/">
                    <img alt="f95zoneuser463" class="avatar-u164782-m" itemprop="image" src="/data/avatars/m/164/164782.jpg?1524792608" srcset="/data/avatars/l/164/164782.jpg?1524792608 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/" itemprop="name">
                     <img class="xfa_cui_srv" src="/data/xfa/customusernameicons/icons/star.png" style="padding-right: 2px; height: 12px;"/>
                     <span style="color: rgb(162, 0, 255);">
                      <a class="username" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/" itemprop="name">
                       f95zoneuser463
                      </a>
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Member
                   </h5>
                   <div class="userBanner .userBanner GameDeveloper message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Game Developer
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Aug 15, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     219
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     1,024
                    </dd>
                   </dl>
                   <div class="f95-support-btns">
                    <a class="f95-patreon-btn" href="https://www.patreon.com/devonart" rel="noopener noreferrer" target="_blank">
                     <span>
                     </span>
                    </a>
                   </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/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1210845" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 23, 2018" data-time="1540269355" data-time-string="12:35 PM" datetime="2018-10-23T12:35:55+0800" dir="auto" title="Oct 23, 2018 at 12:35 PM">
                     Oct 23, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1210845/share" data-xf-init="share-tooltip" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1210845" 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/1210845/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1210845" rel="nofollow">
                     #13
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="f95zoneuser463 · Oct 23, 2018 at 12:35 PM" data-lb-id="post-1210845">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <a class="username" data-user-id="519023" data-username="@Atmus" data-xf-init="member-tooltip" href="https://f95zone.to/members/519023/">
                      @Atmus
                     </a>
                     <br/>
                     Just did the test in the 7.0.0 version you used and now I'm sure it's a bug ... it's broken in the Ren'Py 7.1.1.929 (latest stable). In 7.0.0 it works fine for me too. Why does this always happen to me? ... did somebody hide a bug-magnet in my pocket?
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </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="1210845" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1210845/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="1210845" data-mq-action="add" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1210845" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1210845/quote" data-xf-click="quote" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1210845" 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/1210845/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message--post js-post js-inlineModContainer" data-author="wx448" data-content="post-1211028" id="js-post-1211028">
              <span class="u-anchorTarget" id="post-1211028">
              </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">
                   <a class="avatar avatar--m avatar--default avatar--default--dynamic" data-user-id="905132" data-xf-init="member-tooltip" href="/members/wx448.905132/" style="background-color: #ffc107; color: #ffe57f">
                    <span class="avatar-u905132-m">
                     W
                    </span>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="905132" data-xf-init="member-tooltip" dir="auto" href="/members/wx448.905132/" itemprop="name">
                     <span class="username--style11">
                      wx448
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Newbie
                   </h5>
                   <div class="userBanner .userBanner Donor message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Donor
                     <i class="fa fa-coffee">
                     </i>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Sep 24, 2018
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     43
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     49
                    </dd>
                   </dl>
                  </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/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1211028" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 23, 2018" data-time="1540277713" data-time-string="2:55 PM" datetime="2018-10-23T14:55:13+0800" dir="auto" title="Oct 23, 2018 at 2:55 PM">
                     Oct 23, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1211028/share" data-xf-init="share-tooltip" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1211028" 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/1211028/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1211028" rel="nofollow">
                     #14
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="wx448 · Oct 23, 2018 at 2:55 PM" data-lb-id="post-1211028">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <a class="link link--external" href="https://en.wikiquote.org/wiki/C._A._R._Hoare#The_Emperor's_Old_Clothes" rel="nofollow noopener" target="_blank">
                      "
                      <b>
                       There are two ways of constructing a software design: One way is to make it so simple that there are
                       <i>
                        obviously
                       </i>
                       no deficiencies, and the other way is to make it so complicated that there are no
                       <i>
                        obvious
                       </i>
                       deficiencies. The first method is far more difficult."
                      </b>
                     </a>
                     <br/>
                     <b>
                      ~ C A R Hoare
                     </b>
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </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="1211028" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1211028/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="1211028" data-mq-action="add" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1211028" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1211028/quote" data-xf-click="quote" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1211028" 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/1211028/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message--post js-post js-inlineModContainer" data-author="anne O'nymous" data-content="post-1211489" id="js-post-1211489">
              <span class="u-anchorTarget" id="post-1211489">
              </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">
                   <a class="avatar avatar--m" data-user-id="63812" data-xf-init="member-tooltip" href="/members/anne-onymous.63812/">
                    <img alt="anne O'nymous" class="avatar-u63812-m" itemprop="image" src="/data/avatars/m/63/63812.jpg?1507736890" srcset="/data/avatars/l/63/63812.jpg?1507736890 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="63812" data-xf-init="member-tooltip" dir="auto" href="/members/anne-onymous.63812/" itemprop="name">
                     <span class="username--style15">
                      anne O'nymous
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    I'm not grumpy, I'm just coded that way.
                   </h5>
                   <div class="userBanner userBanner userBanner--green message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Modder
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner .userBanner Donor message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Donor
                     <i class="fa fa-coffee">
                     </i>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner userBanner userBanner--orange message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Respected User
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Jun 11, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     10,727
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     15,771
                    </dd>
                   </dl>
                  </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/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1211489" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 23, 2018" data-time="1540294797" data-time-string="7:39 PM" datetime="2018-10-23T19:39:57+0800" dir="auto" title="Oct 23, 2018 at 7:39 PM">
                     Oct 23, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1211489/share" data-xf-init="share-tooltip" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1211489" 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/1211489/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1211489" rel="nofollow">
                     #15
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="anne O'nymous · Oct 23, 2018 at 7:39 PM" data-lb-id="post-1211489">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-1210749" data-xf-click="attribution" href="/goto/post?id=1210749">
                        Atmus said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        f95zoneuser463 is correct, I just copied that loop from his original example.
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     Well, I'll take advantage from the fact that my daughter in not at home during this (here) holiday week to sleep more...
                     <br/>
                     <br/>
                     <br/>
                     <br/>
                     <span style="font-size: 12px">
                      Oh fuck ! I promised to repaint her bedroom
                      <img alt=":(" class="smilie smilie--sprite smilie--sprite669" data-shortname=":(" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Frown    :("/>
                     </span>
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                  <aside class="message-signature">
                   <div class="uix_signatureExpand">
                    Expand Signature
                   </div>
                   <div class="bbWrapper">
                    Ren'py:
                    <a class="link link--external" href="https://f95zone.com/threads/5676/" rel="nofollow noopener" target="_blank">
                     Track variables
                    </a>
                    -
                    <a class="link link--external" href="https://f95zone.com/threads/16011/" rel="nofollow noopener" target="_blank">
                     Save compatibiliy
                    </a>
                    -
                    <a class="link link--internal" href="https://f95zone.to/threads/125005/">
                     Track labels
                    </a>
                    <span style="color: rgb(41, 105, 176)">
                     Updated
                    </span>
                    <br/>
                    <a class="link link--internal" href="https://f95zone.to/threads/99929/">
                     Write a dynamic Ren'Py game
                    </a>
                   </div>
                  </aside>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </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="1211489" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1211489/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="1211489" data-mq-action="add" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1211489" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1211489/quote" data-xf-click="quote" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1211489" 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/1211489/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message--post js-post js-inlineModContainer" data-author="Palanto" data-content="post-1211747" id="js-post-1211747">
              <span class="u-anchorTarget" id="post-1211747">
              </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">
                   <a class="avatar avatar--m" data-user-id="231693" data-xf-init="member-tooltip" href="/members/palanto.231693/">
                    <img alt="Palanto" class="avatar-u231693-m" itemprop="image" src="/data/avatars/m/231/231693.jpg?1511976549" srcset="/data/avatars/l/231/231693.jpg?1511976549 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="231693" data-xf-init="member-tooltip" dir="auto" href="/members/palanto.231693/" itemprop="name">
                     Palanto
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Active Member
                   </h5>
                   <div class="userBanner .userBanner GameDeveloper message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Game Developer
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Oct 5, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     964
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     1,841
                    </dd>
                   </dl>
                  </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/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1211747" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 23, 2018" data-time="1540301840" data-time-string="9:37 PM" datetime="2018-10-23T21:37:20+0800" dir="auto" title="Oct 23, 2018 at 9:37 PM">
                     Oct 23, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1211747/share" data-xf-init="share-tooltip" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1211747" 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/1211747/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1211747" rel="nofollow">
                     #16
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="Palanto · Oct 23, 2018 at 9:37 PM" data-lb-id="post-1211747">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-1210132" data-xf-click="attribution" href="/goto/post?id=1210132">
                        anne O'nymous said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        Sorry, really, but I must confirm. This said, not for the reason you think, but because you weren't the person I quoted, and so talked to
                        <img alt=":D" class="smilie smilie--sprite smilie--sprite674" data-shortname=":D" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Big grin    :D"/>
                        <br/>
                        Need some sleep perhaps ?
                        <br/>
                        <br/>
                        <br/>
                        <br/>
                        <br/>
                        I don't really have the time, but if my memory don't betray me, there's a thing with the buttons in custom displayable. Something like "to see if the button is up, look if it's not down". I seem to remember having read that on the official forum.
                        <br/>
                        Perhaps that
                        <a class="username" data-user-id="231693" data-username="@Palanto" data-xf-init="member-tooltip" href="https://f95zone.to/members/231693/">
                         @Palanto
                        </a>
                        know more, he's the ace when it come to the official forum.
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     at least there's nothing in the bug tracker or on any forum page about that problem yet....
                     <br/>
                     <br/>
                     But why don't you do it viewport style? I mean, create a screen with a viewport, make it draggable and you should be good to go right?
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                  <aside class="message-signature">
                   <div class="uix_signatureExpand">
                    Expand Signature
                   </div>
                   <div class="bbWrapper">
                    <div style="text-align: center">
                     <a class="link link--external" href="https://f95zone.com/threads/wicked-choices-v0-3-0-1-aslpro3d.5925/" rel="nofollow noopener" target="_blank">
                      <img class="bbImage lazyload" data-src="https://f95zone.com/attachments/48061/" data-url="https://f95zone.com/attachments/48061/" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" style=""/>
                      <noscript>
                       <img class="bbImage" src="https://f95zone.com/attachments/48061/"/>
                      </noscript>
                     </a>
                     <br/>
                     <div class="lbContainer lbContainer--inline" data-lb-container-zoom="1" data-lb-id="_xfUid-1-1729879812" data-lb-single-image="1" data-lb-trigger=".js-lbImage-_xfUid-1-1729879812" data-xf-init="lightbox" title="">
                      <div aria-label="Zoom" class="lbContainer-zoomer js-lbImage-_xfUid-1-1729879812" data-src="https://attachments.f95zone.com/2017/10/40169_sf95-s1.gif">
                      </div>
                      <img class="bbImage lazyload" data-src="https://attachments.f95zone.com/2017/10/40169_sf95-s1.gif" data-url="https://attachments.f95zone.com/2017/10/40169_sf95-s1.gif" data-zoom-target="1" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" style=""/>
                      <noscript>
                       <img class="bbImage" data-url="https://attachments.f95zone.com/2017/10/40169_sf95-s1.gif" data-zoom-target="1" src="https://attachments.f95zone.com/2017/10/40169_sf95-s1.gif" style=""/>
                      </noscript>
                     </div>
                     <br/>
                     <span style="font-size: 12px">
                      <span style="font-family: 'Georgia'">
                       <span style="color: #b30000">
                        <s>
                         Programmer
                        </s>
                       </span>
                       <s>
                        <span style="color: #808080">
                         of
                        </span>
                       </s>
                      </span>
                      <b>
                       <span style="color: rgb(128, 128, 128)">
                        <span style="font-family: 'Arial'">
                         <s>
                          Wicked Choices
                         </s>
                        </span>
                       </span>
                      </b>
                     </span>
                     <br/>
                     <span style="font-family: 'Georgia'">
                      <span style="font-size: 15px">
                       <span style="color: #ff0000">
                        <a class="link link--external" href="https://www.patreon.com/ASLPro3D" rel="nofollow noopener" target="_blank">
                         Patreon
                        </a>
                       </span>
                       <span style="color: #808080">
                        |
                       </span>
                       <span style="color: #ff0000">
                        <a class="link link--internal" href="https://f95zone.to/threads/wicked-choices-book-one-remastered-v1-0-1-aslpro3d.5925/#post-261930">
                         F95
                        </a>
                       </span>
                      </span>
                     </span>
                     ​
                    </div>
                   </div>
                  </aside>
                 </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/1211747/reactions">
                   <bdi>
                    anne O'nymous
                   </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="1211747" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1211747/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="1211747" data-mq-action="add" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1211747" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1211747/quote" data-xf-click="quote" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1211747" 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/1211747/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message--post js-post js-inlineModContainer" data-author="anne O'nymous" data-content="post-1211795" id="js-post-1211795">
              <span class="u-anchorTarget" id="post-1211795">
              </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">
                   <a class="avatar avatar--m" data-user-id="63812" data-xf-init="member-tooltip" href="/members/anne-onymous.63812/">
                    <img alt="anne O'nymous" class="avatar-u63812-m" itemprop="image" src="/data/avatars/m/63/63812.jpg?1507736890" srcset="/data/avatars/l/63/63812.jpg?1507736890 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="63812" data-xf-init="member-tooltip" dir="auto" href="/members/anne-onymous.63812/" itemprop="name">
                     <span class="username--style15">
                      anne O'nymous
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    I'm not grumpy, I'm just coded that way.
                   </h5>
                   <div class="userBanner userBanner userBanner--green message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Modder
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner .userBanner Donor message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Donor
                     <i class="fa fa-coffee">
                     </i>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner userBanner userBanner--orange message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Respected User
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Jun 11, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     10,727
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     15,771
                    </dd>
                   </dl>
                  </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/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1211795" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 23, 2018" data-time="1540302731" data-time-string="9:52 PM" datetime="2018-10-23T21:52:11+0800" dir="auto" title="Oct 23, 2018 at 9:52 PM">
                     Oct 23, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1211795/share" data-xf-init="share-tooltip" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1211795" 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/1211795/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1211795" rel="nofollow">
                     #17
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="anne O'nymous · Oct 23, 2018 at 9:52 PM" data-lb-id="post-1211795">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-1211747" data-xf-click="attribution" href="/goto/post?id=1211747">
                        Palanto said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        But why don't you do it viewport style? I mean, create a screen with a viewport, make it draggable and you should be good to go right?
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     Because it's too obvious ? Too simple ? Because we are too much in need of sleep ?
                     <a class="username" data-user-id="164782" data-username="@f95zoneuser463" data-xf-init="member-tooltip" href="https://f95zone.to/members/164782/">
                      @f95zoneuser463
                     </a>
                     tried scroll bar, but it triggered nothing in our minds.
                     <br/>
                     <br/>
                     That's obviously the best solution since Ren'py will do all the works by itself. It just need to style the two bar as invisible (see above).
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                  <aside class="message-signature">
                   <div class="uix_signatureExpand">
                    Expand Signature
                   </div>
                   <div class="bbWrapper">
                    Ren'py:
                    <a class="link link--external" href="https://f95zone.com/threads/5676/" rel="nofollow noopener" target="_blank">
                     Track variables
                    </a>
                    -
                    <a class="link link--external" href="https://f95zone.com/threads/16011/" rel="nofollow noopener" target="_blank">
                     Save compatibiliy
                    </a>
                    -
                    <a class="link link--internal" href="https://f95zone.to/threads/125005/">
                     Track labels
                    </a>
                    <span style="color: rgb(41, 105, 176)">
                     Updated
                    </span>
                    <br/>
                    <a class="link link--internal" href="https://f95zone.to/threads/99929/">
                     Write a dynamic Ren'Py game
                    </a>
                   </div>
                  </aside>
                 </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/1211795/reactions">
                   <bdi>
                    Palanto
                   </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="1211795" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1211795/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="1211795" data-mq-action="add" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1211795" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1211795/quote" data-xf-click="quote" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1211795" 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/1211795/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message--post js-post js-inlineModContainer" data-author="Palanto" data-content="post-1211843" id="js-post-1211843">
              <span class="u-anchorTarget" id="post-1211843">
              </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">
                   <a class="avatar avatar--m" data-user-id="231693" data-xf-init="member-tooltip" href="/members/palanto.231693/">
                    <img alt="Palanto" class="avatar-u231693-m" itemprop="image" src="/data/avatars/m/231/231693.jpg?1511976549" srcset="/data/avatars/l/231/231693.jpg?1511976549 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="231693" data-xf-init="member-tooltip" dir="auto" href="/members/palanto.231693/" itemprop="name">
                     Palanto
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Active Member
                   </h5>
                   <div class="userBanner .userBanner GameDeveloper message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Game Developer
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Oct 5, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     964
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     1,841
                    </dd>
                   </dl>
                  </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/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1211843" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 23, 2018" data-time="1540303624" data-time-string="10:07 PM" datetime="2018-10-23T22:07:04+0800" dir="auto" title="Oct 23, 2018 at 10:07 PM">
                     Oct 23, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1211843/share" data-xf-init="share-tooltip" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1211843" 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/1211843/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1211843" rel="nofollow">
                     #18
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="Palanto · Oct 23, 2018 at 10:07 PM" data-lb-id="post-1211843">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     Sorry didn't see the lack of sleep you both seemed to have at the time
                     <img alt=":D" class="smilie smilie--sprite smilie--sprite674" data-shortname=":D" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Big grin    :D"/>
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                  <aside class="message-signature">
                   <div class="uix_signatureExpand">
                    Expand Signature
                   </div>
                   <div class="bbWrapper">
                    <div style="text-align: center">
                     <a class="link link--external" href="https://f95zone.com/threads/wicked-choices-v0-3-0-1-aslpro3d.5925/" rel="nofollow noopener" target="_blank">
                      <img class="bbImage lazyload" data-src="https://f95zone.com/attachments/48061/" data-url="https://f95zone.com/attachments/48061/" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" style=""/>
                      <noscript>
                       <img class="bbImage" src="https://f95zone.com/attachments/48061/"/>
                      </noscript>
                     </a>
                     <br/>
                     <div class="lbContainer lbContainer--inline" data-lb-container-zoom="1" data-lb-id="_xfUid-2-1729879812" data-lb-single-image="1" data-lb-trigger=".js-lbImage-_xfUid-2-1729879812" data-xf-init="lightbox" title="">
                      <div aria-label="Zoom" class="lbContainer-zoomer js-lbImage-_xfUid-2-1729879812" data-src="https://attachments.f95zone.com/2017/10/40169_sf95-s1.gif">
                      </div>
                      <img class="bbImage lazyload" data-src="https://attachments.f95zone.com/2017/10/40169_sf95-s1.gif" data-url="https://attachments.f95zone.com/2017/10/40169_sf95-s1.gif" data-zoom-target="1" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" style=""/>
                      <noscript>
                       <img class="bbImage" data-url="https://attachments.f95zone.com/2017/10/40169_sf95-s1.gif" data-zoom-target="1" src="https://attachments.f95zone.com/2017/10/40169_sf95-s1.gif" style=""/>
                      </noscript>
                     </div>
                     <br/>
                     <span style="font-size: 12px">
                      <span style="font-family: 'Georgia'">
                       <span style="color: #b30000">
                        <s>
                         Programmer
                        </s>
                       </span>
                       <s>
                        <span style="color: #808080">
                         of
                        </span>
                       </s>
                      </span>
                      <b>
                       <span style="color: rgb(128, 128, 128)">
                        <span style="font-family: 'Arial'">
                         <s>
                          Wicked Choices
                         </s>
                        </span>
                       </span>
                      </b>
                     </span>
                     <br/>
                     <span style="font-family: 'Georgia'">
                      <span style="font-size: 15px">
                       <span style="color: #ff0000">
                        <a class="link link--external" href="https://www.patreon.com/ASLPro3D" rel="nofollow noopener" target="_blank">
                         Patreon
                        </a>
                       </span>
                       <span style="color: #808080">
                        |
                       </span>
                       <span style="color: #ff0000">
                        <a class="link link--internal" href="https://f95zone.to/threads/wicked-choices-book-one-remastered-v1-0-1-aslpro3d.5925/#post-261930">
                         F95
                        </a>
                       </span>
                      </span>
                     </span>
                     ​
                    </div>
                   </div>
                  </aside>
                 </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/1211843/reactions">
                   <bdi>
                    anne O'nymous
                   </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="1211843" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1211843/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="1211843" data-mq-action="add" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1211843" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1211843/quote" data-xf-click="quote" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1211843" 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/1211843/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message--post js-post js-inlineModContainer" data-author="Epadder" data-content="post-1212006" id="js-post-1212006">
              <span class="u-anchorTarget" id="post-1212006">
              </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">
                   <a class="avatar avatar--m" data-user-id="5376" data-xf-init="member-tooltip" href="/members/epadder.5376/">
                    <img alt="Epadder" class="avatar-u5376-m" itemprop="image" src="/data/avatars/m/5/5376.jpg?1529282457"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="5376" data-xf-init="member-tooltip" dir="auto" href="/members/epadder.5376/" itemprop="name">
                     <i class="fa-fw fas fa-wrench" style="padding-right: 2px; color: rgb(255, 255, 255);">
                     </i>
                     <span style="color: rgba(255, 0, 0, 0.9);">
                      <a class="username" data-user-id="5376" data-xf-init="member-tooltip" dir="auto" href="/members/epadder.5376/" itemprop="name">
                       Epadder
                      </a>
                     </span>
                    </a>
                   </h4>
                   <span style="color: rgb(242, 19, 19);">
                    <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                     Programmer
                    </h5>
                   </span>
                   <div class="userBanner .userBanner GameDeveloper message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Game Developer
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Oct 25, 2016
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     568
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     1,064
                    </dd>
                   </dl>
                  </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/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1212006" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 23, 2018" data-time="1540307661" data-time-string="11:14 PM" datetime="2018-10-23T23:14:21+0800" dir="auto" title="Oct 23, 2018 at 11:14 PM">
                     Oct 23, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1212006/share" data-xf-init="share-tooltip" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1212006" 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/1212006/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1212006" rel="nofollow">
                     #19
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="Epadder · Oct 23, 2018 at 11:14 PM" data-lb-id="post-1212006">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     With Palanto's hint and looking around about viewports a little more, to get the effect you want (dragable and no scrollbar) [Renpy 7.1.1.929]:
                     <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>screen photo_beach():
    tag master
    layer "master"
    modal True

    viewport:
        child_size (3840,1080)
        xalign 0.0 yalign 0.0
        draggable True
        add "bg photo beach" xalign 0.0 yalign 0.5
        textbutton "Help" action NullAction() xpos 3580 ypos 540

label start:
    scene
    call screen photo_beach</code></pre>
                      </div>
                     </div>
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                  <aside class="message-signature">
                   <div class="uix_signatureExpand">
                    Expand Signature
                   </div>
                   <div class="bbWrapper">
                    <div style="text-align: center">
                     <div class="lbContainer lbContainer--inline" data-lb-container-zoom="1" data-lb-id="_xfUid-3-1729879812" data-lb-single-image="1" data-lb-trigger=".js-lbImage-_xfUid-3-1729879812" data-xf-init="lightbox" title="">
                      <div aria-label="Zoom" class="lbContainer-zoomer js-lbImage-_xfUid-3-1729879812" data-src="https://attachments.f95zone.to/2020/01/549594_combined_signature.png">
                      </div>
                      <img class="bbImage lazyload" data-src="https://attachments.f95zone.to/2020/01/549594_combined_signature.png" data-url="https://attachments.f95zone.to/2020/01/549594_combined_signature.png" data-zoom-target="1" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" style=""/>
                      <noscript>
                       <img class="bbImage" data-url="https://attachments.f95zone.to/2020/01/549594_combined_signature.png" data-zoom-target="1" src="https://attachments.f95zone.to/2020/01/549594_combined_signature.png" style=""/>
                      </noscript>
                     </div>
                     <br/>
                     <a class="link link--internal" href="https://f95zone.to/threads/adam-and-gaia-thxe-current-version-foundation.14792/">
                      Adam and Gaia: THXE
                     </a>
                     |
                     <a class="link link--internal" href="https://f95zone.to/threads/breeding-farm-v0-2-team-bieno.34302/">
                      Breeding Farm
                     </a>
                     |
                     <a class="link link--internal" href="https://f95zone.to/threads/amity-park-v0-6-1-gzone.4262/">
                      Amity Park
                     </a>
                     |
                     <a class="link link--internal" href="https://f95zone.to/threads/wicked-choices-adventures-of-a-changed-boy-v0-1-5-aslpro3d.29811/">
                      Wicked Choices Book 1 :Remaster &amp; WC: Agents of Karma
                     </a>
                     ​
                    </div>
                   </div>
                  </aside>
                 </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/1212006/reactions">
                   <bdi>
                    f95zoneuser463
                   </bdi>
                   ,
                   <bdi>
                    anne O'nymous
                   </bdi>
                   and
                   <bdi>
                    Palanto
                   </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="1212006" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1212006/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="1212006" data-mq-action="add" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1212006" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1212006/quote" data-xf-click="quote" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1212006" 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/1212006/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message--post js-post js-inlineModContainer" data-author="Palanto" data-content="post-1212383" id="js-post-1212383">
              <span class="u-anchorTarget" id="post-1212383">
              </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">
                   <a class="avatar avatar--m" data-user-id="231693" data-xf-init="member-tooltip" href="/members/palanto.231693/">
                    <img alt="Palanto" class="avatar-u231693-m" itemprop="image" src="/data/avatars/m/231/231693.jpg?1511976549" srcset="/data/avatars/l/231/231693.jpg?1511976549 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="231693" data-xf-init="member-tooltip" dir="auto" href="/members/palanto.231693/" itemprop="name">
                     Palanto
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Active Member
                   </h5>
                   <div class="userBanner .userBanner GameDeveloper message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Game Developer
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Oct 5, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     964
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     1,841
                    </dd>
                   </dl>
                  </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/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1212383" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 24, 2018" data-time="1540316863" data-time-string="1:47 AM" datetime="2018-10-24T01:47:43+0800" dir="auto" title="Oct 24, 2018 at 1:47 AM">
                     Oct 24, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1212383/share" data-xf-init="share-tooltip" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1212383" 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/1212383/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1212383" rel="nofollow">
                     #20
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="Palanto · Oct 24, 2018 at 1:47 AM" data-lb-id="post-1212383">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-1212006" data-xf-click="attribution" href="/goto/post?id=1212006">
                        Epaddder said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        With Palanto's hint and looking around about viewports a little more, to get the effect you want (dragable and no scrollbar) [Renpy 7.1.1.929]:
                        <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>screen photo_beach():
    tag master
    layer "master"
    modal True

    viewport:
        child_size (3840,1080)
        xalign 0.0 yalign 0.0
        draggable True
        add "bg photo beach" xalign 0.0 yalign 0.5
        textbutton "Help" action NullAction() xpos 3580 ypos 540

label start:
    scene
    call screen photo_beach</code></pre>
                         </div>
                        </div>
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     Perfect
                     <img alt=";)" class="smilie smilie--sprite smilie--sprite668" data-shortname=";)" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Wink    ;)"/>
                     So if you want to start at i.e. the center of the image instead of the most left position of it. Just add
                     <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>xinitial 0.5</code></pre>
                      </div>
                     </div>
                     somewhere like i.e. this:
                     <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>screen photo_beach():
    tag master
    layer "master"
    modal True

    viewport:
        child_size (3840,1080)
        xalign 0.0 yalign 0.0
        draggable True
        xinitial 0.5    # starts from the center of the scene image. If you use a decimal number it works like all the align
                           # options 0.0 - 1.0 from left to right... you can also use int to specify the pixel from 0 to 3840
        add "bg photo beach" align(0.0, 0.5)
        textbutton "Help" action NullAction() xpos 3580 ypos 540</code></pre>
                      </div>
                     </div>
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                  <aside class="message-signature">
                   <div class="uix_signatureExpand">
                    Expand Signature
                   </div>
                   <div class="bbWrapper">
                    <div style="text-align: center">
                     <a class="link link--external" href="https://f95zone.com/threads/wicked-choices-v0-3-0-1-aslpro3d.5925/" rel="nofollow noopener" target="_blank">
                      <img class="bbImage lazyload" data-src="https://f95zone.com/attachments/48061/" data-url="https://f95zone.com/attachments/48061/" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" style=""/>
                      <noscript>
                       <img class="bbImage" src="https://f95zone.com/attachments/48061/"/>
                      </noscript>
                     </a>
                     <br/>
                     <div class="lbContainer lbContainer--inline" data-lb-container-zoom="1" data-lb-id="_xfUid-4-1729879812" data-lb-single-image="1" data-lb-trigger=".js-lbImage-_xfUid-4-1729879812" data-xf-init="lightbox" title="">
                      <div aria-label="Zoom" class="lbContainer-zoomer js-lbImage-_xfUid-4-1729879812" data-src="https://attachments.f95zone.com/2017/10/40169_sf95-s1.gif">
                      </div>
                      <img class="bbImage lazyload" data-src="https://attachments.f95zone.com/2017/10/40169_sf95-s1.gif" data-url="https://attachments.f95zone.com/2017/10/40169_sf95-s1.gif" data-zoom-target="1" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" style=""/>
                      <noscript>
                       <img class="bbImage" data-url="https://attachments.f95zone.com/2017/10/40169_sf95-s1.gif" data-zoom-target="1" src="https://attachments.f95zone.com/2017/10/40169_sf95-s1.gif" style=""/>
                      </noscript>
                     </div>
                     <br/>
                     <span style="font-size: 12px">
                      <span style="font-family: 'Georgia'">
                       <span style="color: #b30000">
                        <s>
                         Programmer
                        </s>
                       </span>
                       <s>
                        <span style="color: #808080">
                         of
                        </span>
                       </s>
                      </span>
                      <b>
                       <span style="color: rgb(128, 128, 128)">
                        <span style="font-family: 'Arial'">
                         <s>
                          Wicked Choices
                         </s>
                        </span>
                       </span>
                      </b>
                     </span>
                     <br/>
                     <span style="font-family: 'Georgia'">
                      <span style="font-size: 15px">
                       <span style="color: #ff0000">
                        <a class="link link--external" href="https://www.patreon.com/ASLPro3D" rel="nofollow noopener" target="_blank">
                         Patreon
                        </a>
                       </span>
                       <span style="color: #808080">
                        |
                       </span>
                       <span style="color: #ff0000">
                        <a class="link link--internal" href="https://f95zone.to/threads/wicked-choices-book-one-remastered-v1-0-1-aslpro3d.5925/#post-261930">
                         F95
                        </a>
                       </span>
                      </span>
                     </span>
                     ​
                    </div>
                   </div>
                  </aside>
                 </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/1212383/reactions">
                   <bdi>
                    wx448
                   </bdi>
                   ,
                   <bdi>
                    f95zoneuser463
                   </bdi>
                   and
                   <bdi>
                    anne O'nymous
                   </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="1212383" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1212383/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="1212383" data-mq-action="add" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1212383" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1212383/quote" data-xf-click="quote" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1212383" 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/1212383/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message-threadStarterPost message--post js-post js-inlineModContainer" data-author="f95zoneuser463" data-content="post-1216431" id="js-post-1216431">
              <span class="u-anchorTarget" id="post-1216431">
              </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">
                   <a class="avatar avatar--m" data-user-id="164782" data-xf-init="member-tooltip" href="/members/f95zoneuser463.164782/">
                    <img alt="f95zoneuser463" class="avatar-u164782-m" itemprop="image" src="/data/avatars/m/164/164782.jpg?1524792608" srcset="/data/avatars/l/164/164782.jpg?1524792608 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/" itemprop="name">
                     <img class="xfa_cui_srv" src="/data/xfa/customusernameicons/icons/star.png" style="padding-right: 2px; height: 12px;"/>
                     <span style="color: rgb(162, 0, 255);">
                      <a class="username" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/" itemprop="name">
                       f95zoneuser463
                      </a>
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Member
                   </h5>
                   <div class="userBanner .userBanner GameDeveloper message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Game Developer
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Aug 15, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     219
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     1,024
                    </dd>
                   </dl>
                   <div class="f95-support-btns">
                    <a class="f95-patreon-btn" href="https://www.patreon.com/devonart" rel="noopener noreferrer" target="_blank">
                     <span>
                     </span>
                    </a>
                   </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/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1216431" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 25, 2018" data-time="1540440061" data-time-string="12:01 PM" datetime="2018-10-25T12:01:01+0800" dir="auto" title="Oct 25, 2018 at 12:01 PM">
                     Oct 25, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1216431/share" data-xf-init="share-tooltip" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1216431" 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/1216431/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/post-1216431" rel="nofollow">
                     #21
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="f95zoneuser463 · Oct 25, 2018 at 12:01 PM" data-lb-id="post-1216431">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     Replaced the scrollbar code in my real project with the viewport solution this night. It's is gold. Let's me add other things like imagebutton simply to the screen and Ren'Py handles everything, not tricky workarounds, no screen-space wasted. It's all good now.
                    </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/1216431/reactions">
                   <bdi>
                    Palanto
                   </bdi>
                   ,
                   <bdi>
                    anne O'nymous
                   </bdi>
                   and
                   <bdi>
                    wx448
                   </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="1216431" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1216431/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="1216431" data-mq-action="add" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1216431" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1216431/quote" data-xf-click="quote" href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/reply?quote=1216431" 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/1216431/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
            </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 2192 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-prefix33 js-inlineModContainer js-threadListItem-33801" data-author="Heisenberg867">
               <div class="structItem-cell structItem-cell--icon">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--s avatar--default avatar--default--dynamic" data-user-id="761056" data-xf-init="member-tooltip" href="/members/heisenberg867.761056/" style="background-color: #ffc107; color: #ffe57f">
                  <span class="avatar-u761056-s">
                   H
                  </span>
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
                <div class="structItem-title" uix-data-href="/threads/advice-on-using-daz3d-for-a-rookie.33801/">
                 <a class="labelLink" data-xf-init="tooltip" href="/forums/dev-help.113/?prefix_id[0]=33" rel="nofollow" title="Add to filters">
                  <span class="label label--orange" dir="auto">
                   Daz
                  </span>
                 </a>
                 <a class="" data-preview-url="/threads/advice-on-using-daz3d-for-a-rookie.33801/preview" data-tp-primary="on" data-xf-init="preview-tooltip" href="/threads/advice-on-using-daz3d-for-a-rookie.33801/">
                  Advice on using Daz3D for a rookie
                 </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=33801">
                    Ignore
                   </a>
                  </li>
                 </ul>
                 <ul class="structItem-parts">
                  <li>
                   <a class="username" data-user-id="761056" data-xf-init="member-tooltip" dir="auto" href="/members/heisenberg867.761056/">
                    Heisenberg867
                   </a>
                  </li>
                  <li class="structItem-startDate">
                   <a href="/threads/advice-on-using-daz3d-for-a-rookie.33801/" rel="nofollow">
                    <time class="u-dt" data-date-string="Jul 23, 2019" data-time="1563864713" data-time-string="2:51 PM" datetime="2019-07-23T14:51:53+0800" dir="auto" title="Jul 23, 2019 at 2:51 PM">
                     Jul 23, 2019
                    </time>
                   </a>
                  </li>
                 </ul>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--meta" title="First message reaction score: 6">
                <dl class="pairs pairs--justified">
                 <dt>
                  Replies
                 </dt>
                 <dd>
                  9
                 </dd>
                </dl>
                <dl class="pairs pairs--justified structItem-minor">
                 <dt>
                  Views
                 </dt>
                 <dd>
                  5K
                 </dd>
                </dl>
               </div>
               <div class="structItem-cell structItem-cell--latest">
                <a href="/threads/advice-on-using-daz3d-for-a-rookie.33801/latest" rel="nofollow">
                 <time class="structItem-latestDate u-dt" data-date-string="Aug 24, 2019" data-time="1566638567" data-time-string="5:22 PM" datetime="2019-08-24T17:22:47+0800" dir="auto" title="Aug 24, 2019 at 5:22 PM">
                  Aug 24, 2019
                 </time>
                </a>
                <div class="structItem-minor">
                 <a class="username" data-user-id="761056" data-xf-init="member-tooltip" dir="auto" href="/members/heisenberg867.761056/">
                  Heisenberg867
                 </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="761056" data-xf-init="member-tooltip" href="/members/heisenberg867.761056/" style="background-color: #ffc107; color: #ffe57f">
                  <span class="avatar-u761056-s">
                   H
                  </span>
                 </a>
                </div>
               </div>
              </div>
              <div class="structItem structItem--thread js-trendingThreadItem is-prefix7 js-inlineModContainer js-threadListItem-39670" data-author="Avalonica">
               <div class="structItem-cell structItem-cell--icon">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--s avatar--default avatar--default--dynamic" data-user-id="241794" data-xf-init="member-tooltip" href="/members/avalonica.241794/" style="background-color: #f44336; color: #ff8a80">
                  <span class="avatar-u241794-s">
                   A
                  </span>
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
                <div class="structItem-title" uix-data-href="/threads/making-a-vn-called-dune-generations-of-doom-need-some-coding-assistance.39670/">
                 <a class="labelLink" data-xf-init="tooltip" href="/forums/dev-help.113/?prefix_id[0]=7" rel="nofollow" title="Add to filters">
                  <span class="pre-renpy" dir="auto">
                   Ren'Py
                  </span>
                 </a>
                 <a class="" data-preview-url="/threads/making-a-vn-called-dune-generations-of-doom-need-some-coding-assistance.39670/preview" data-tp-primary="on" data-xf-init="preview-tooltip" href="/threads/making-a-vn-called-dune-generations-of-doom-need-some-coding-assistance.39670/">
                  Making a VN called "DUNE - Generations of Doom" - need some coding assistance
                 </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=39670">
                    Ignore
                   </a>
                  </li>
                 </ul>
                 <ul class="structItem-parts">
                  <li>
                   <a class="username" data-user-id="241794" data-xf-init="member-tooltip" dir="auto" href="/members/avalonica.241794/">
                    Avalonica
                   </a>
                  </li>
                  <li class="structItem-startDate">
                   <a href="/threads/making-a-vn-called-dune-generations-of-doom-need-some-coding-assistance.39670/" rel="nofollow">
                    <time class="u-dt" data-date-string="Nov 2, 2019" data-time="1572667664" data-time-string="12:07 PM" datetime="2019-11-02T12:07:44+0800" dir="auto" title="Nov 2, 2019 at 12:07 PM">
                     Nov 2, 2019
                    </time>
                   </a>
                  </li>
                 </ul>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--meta" title="First message reaction score: 10">
                <dl class="pairs pairs--justified">
                 <dt>
                  Replies
                 </dt>
                 <dd>
                  0
                 </dd>
                </dl>
                <dl class="pairs pairs--justified structItem-minor">
                 <dt>
                  Views
                 </dt>
                 <dd>
                  3K
                 </dd>
                </dl>
               </div>
               <div class="structItem-cell structItem-cell--latest uix_posterIsUser">
                <a href="/threads/making-a-vn-called-dune-generations-of-doom-need-some-coding-assistance.39670/latest" rel="nofollow">
                 <time class="structItem-latestDate u-dt" data-date-string="Nov 2, 2019" data-time="1572667664" data-time-string="12:07 PM" datetime="2019-11-02T12:07:44+0800" dir="auto" title="Nov 2, 2019 at 12:07 PM">
                  Nov 2, 2019
                 </time>
                </a>
                <div class="structItem-minor">
                 <a class="username" data-user-id="241794" data-xf-init="member-tooltip" dir="auto" href="/members/avalonica.241794/">
                  Avalonica
                 </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="241794" data-xf-init="member-tooltip" href="/members/avalonica.241794/" style="background-color: #f44336; color: #ff8a80">
                  <span class="avatar-u241794-s">
                   A
                  </span>
                 </a>
                </div>
               </div>
              </div>
              <div class="structItem structItem--thread js-trendingThreadItem js-inlineModContainer js-threadListItem-38203" data-author="Deleted member 1434013">
               <div class="structItem-cell structItem-cell--icon">
                <div class="structItem-iconContainer">
                 <span class="avatar avatar--s avatar--default avatar--default--dynamic" data-user-id="0" style="background-color: #7b1fa2; color: #ea80fc">
                  <span class="avatar-u0-s">
                   D
                  </span>
                 </span>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
                <div class="structItem-title" uix-data-href="/threads/help-making-a-game.38203/">
                 <a class="" data-preview-url="/threads/help-making-a-game.38203/preview" data-tp-primary="on" data-xf-init="preview-tooltip" href="/threads/help-making-a-game.38203/">
                  HELP!!! Making a game.
                 </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=38203">
                    Ignore
                   </a>
                  </li>
                 </ul>
                 <ul class="structItem-parts">
                  <li>
                   <span class="username" data-user-id="0" dir="auto">
                    Deleted member 1434013
                   </span>
                  </li>
                  <li class="structItem-startDate">
                   <a href="/threads/help-making-a-game.38203/" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 9, 2019" data-time="1570603940" data-time-string="2:52 PM" datetime="2019-10-09T14:52:20+0800" dir="auto" title="Oct 9, 2019 at 2:52 PM">
                     Oct 9, 2019
                    </time>
                   </a>
                  </li>
                 </ul>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--meta" title="First message reaction score: 5">
                <dl class="pairs pairs--justified">
                 <dt>
                  Replies
                 </dt>
                 <dd>
                  11
                 </dd>
                </dl>
                <dl class="pairs pairs--justified structItem-minor">
                 <dt>
                  Views
                 </dt>
                 <dd>
                  2K
                 </dd>
                </dl>
               </div>
               <div class="structItem-cell structItem-cell--latest">
                <a href="/threads/help-making-a-game.38203/latest" rel="nofollow">
                 <time class="structItem-latestDate u-dt" data-date-string="Oct 19, 2019" data-time="1571415824" data-time-string="12:23 AM" datetime="2019-10-19T00:23:44+0800" dir="auto" title="Oct 19, 2019 at 12:23 AM">
                  Oct 19, 2019
                 </time>
                </a>
                <div class="structItem-minor">
                 <a class="username" data-user-id="997095" data-xf-init="member-tooltip" dir="auto" href="/members/lancelotdulak.997095/">
                  lancelotdulak
                 </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="997095" data-xf-init="member-tooltip" href="/members/lancelotdulak.997095/" style="background-color: #ab47bc; color: #ea80fc">
                  <span class="avatar-u997095-s">
                   L
                  </span>
                 </a>
                </div>
               </div>
              </div>
              <div class="structItem structItem--thread js-trendingThreadItem is-prefix14 js-inlineModContainer js-threadListItem-147438" data-author="ShinyRock_Productions">
               <div class="structItem-cell structItem-cell--icon">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--s" data-user-id="5367524" data-xf-init="member-tooltip" href="/members/shinyrock_productions.5367524/">
                  <img alt="ShinyRock_Productions" class="avatar-u5367524-s" src="/data/avatars/s/5367/5367524.jpg?1675758244" srcset="/data/avatars/m/5367/5367524.jpg?1675758244 2x"/>
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
                <div class="structItem-title" uix-data-href="/threads/is-there-a-graphical-only-not-code-smartphone-chat-template-program-solved.147438/">
                 <a class="labelLink" data-xf-init="tooltip" href="/forums/dev-help.113/?prefix_id[0]=14" rel="nofollow" title="Add to filters">
                  <span class="label label--lightGreen" dir="auto">
                   Others
                  </span>
                 </a>
                 <a class="" data-preview-url="/threads/is-there-a-graphical-only-not-code-smartphone-chat-template-program-solved.147438/preview" data-tp-primary="on" data-xf-init="preview-tooltip" href="/threads/is-there-a-graphical-only-not-code-smartphone-chat-template-program-solved.147438/">
                  Is there a graphical only (not code) smartphone chat template program? SOLVED
                 </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=147438">
                    Ignore
                   </a>
                  </li>
                 </ul>
                 <ul class="structItem-parts">
                  <li>
                   <a class="username" data-user-id="5367524" data-xf-init="member-tooltip" dir="auto" href="/members/shinyrock_productions.5367524/">
                    ShinyRock_Productions
                   </a>
                  </li>
                  <li class="structItem-startDate">
                   <a href="/threads/is-there-a-graphical-only-not-code-smartphone-chat-template-program-solved.147438/" rel="nofollow">
                    <time class="u-dt" data-date-string="Feb 7, 2023" data-time="1675748392" data-time-string="1:39 PM" datetime="2023-02-07T13:39:52+0800" dir="auto" title="Feb 7, 2023 at 1:39 PM">
                     Feb 7, 2023
                    </time>
                   </a>
                  </li>
                 </ul>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--meta" title="First message reaction score: 2">
                <dl class="pairs pairs--justified">
                 <dt>
                  Replies
                 </dt>
                 <dd>
                  8
                 </dd>
                </dl>
                <dl class="pairs pairs--justified structItem-minor">
                 <dt>
                  Views
                 </dt>
                 <dd>
                  911
                 </dd>
                </dl>
               </div>
               <div class="structItem-cell structItem-cell--latest">
                <a href="/threads/is-there-a-graphical-only-not-code-smartphone-chat-template-program-solved.147438/latest" rel="nofollow">
                 <time class="structItem-latestDate u-dt" data-date-string="Feb 8, 2023" data-time="1675822258" data-time-string="10:10 AM" datetime="2023-02-08T10:10:58+0800" dir="auto" title="Feb 8, 2023 at 10:10 AM">
                  Feb 8, 2023
                 </time>
                </a>
                <div class="structItem-minor">
                 <a class="username" data-user-id="763644" data-xf-init="member-tooltip" dir="auto" href="/members/gnve.763644/">
                  GNVE
                 </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="763644" data-xf-init="member-tooltip" href="/members/gnve.763644/">
                  <img alt="GNVE" class="avatar-u763644-s" src="/data/avatars/s/763/763644.jpg?1582493965"/>
                 </a>
                </div>
               </div>
              </div>
              <div class="structItem structItem--thread js-trendingThreadItem is-prefix3 js-inlineModContainer js-threadListItem-51156" data-author="kuroTenshi007">
               <div class="structItem-cell structItem-cell--icon">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--s avatar--default avatar--default--dynamic" data-user-id="2272049" data-xf-init="member-tooltip" href="/members/kurotenshi007.2272049/" style="background-color: #558b2f; color: #ccff90">
                  <span class="avatar-u2272049-s">
                   K
                  </span>
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
                <div class="structItem-title" uix-data-href="/threads/vnty-engine-new-vn-sandbox-game-development-tool-inputs-from-devs-on-features.51156/">
                 <a class="labelLink" data-xf-init="tooltip" href="/forums/dev-help.113/?prefix_id[0]=3" rel="nofollow" title="Add to filters">
                  <span class="pre-unity" dir="auto">
                   Unity
                  </span>
                 </a>
                 <a class="" data-preview-url="/threads/vnty-engine-new-vn-sandbox-game-development-tool-inputs-from-devs-on-features.51156/preview" data-tp-primary="on" data-xf-init="preview-tooltip" href="/threads/vnty-engine-new-vn-sandbox-game-development-tool-inputs-from-devs-on-features.51156/">
                  VNty Engine - New VN / Sandbox game development tool - inputs from devs on features
                 </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=51156">
                    Ignore
                   </a>
                  </li>
                 </ul>
                 <ul class="structItem-parts">
                  <li>
                   <a class="username" data-user-id="2272049" data-xf-init="member-tooltip" dir="auto" href="/members/kurotenshi007.2272049/">
                    kuroTenshi007
                   </a>
                  </li>
                  <li class="structItem-startDate">
                   <a href="/threads/vnty-engine-new-vn-sandbox-game-development-tool-inputs-from-devs-on-features.51156/" rel="nofollow">
                    <time class="u-dt" data-date-string="Apr 29, 2020" data-time="1588106013" data-time-string="4:33 AM" datetime="2020-04-29T04:33:33+0800" dir="auto" title="Apr 29, 2020 at 4:33 AM">
                     Apr 29, 2020
                    </time>
                   </a>
                  </li>
                 </ul>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--meta" title="First message reaction score: 4">
                <dl class="pairs pairs--justified">
                 <dt>
                  Replies
                 </dt>
                 <dd>
                  12
                 </dd>
                </dl>
                <dl class="pairs pairs--justified structItem-minor">
                 <dt>
                  Views
                 </dt>
                 <dd>
                  2K
                 </dd>
                </dl>
               </div>
               <div class="structItem-cell structItem-cell--latest">
                <a href="/threads/vnty-engine-new-vn-sandbox-game-development-tool-inputs-from-devs-on-features.51156/latest" rel="nofollow">
                 <time class="structItem-latestDate u-dt" data-date-string="Jun 12, 2020" data-time="1591953072" data-time-string="5:11 PM" datetime="2020-06-12T17:11:12+0800" dir="auto" title="Jun 12, 2020 at 5:11 PM">
                  Jun 12, 2020
                 </time>
                </a>
                <div class="structItem-minor">
                 <a class="username" data-user-id="2255261" data-xf-init="member-tooltip" dir="auto" href="/members/incompletecontroller.2255261/">
                  InCompleteController
                 </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="2255261" data-xf-init="member-tooltip" href="/members/incompletecontroller.2255261/">
                  <img alt="InCompleteController" class="avatar-u2255261-s" src="/data/avatars/s/2255/2255261.jpg?1616498311"/>
                 </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-help.113/" itemprop="item">
           <span itemprop="name">
            Dev Help
           </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/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/br-rate" data-readonly="false" data-show-selected="true" data-vote-content='&lt;div data-href="/threads/solved-drag-32-9-content-horizontal-on-a-16-9-screen.19567/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>
