<!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-12122" 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 - tint entire screen with im.MatrixColor() | F95zone
  </title>
  <meta content="I'm in the process of implementing a day/night cycle into Holiday Islands.

Since I do not have the computing-power to do additional night-renders I have..." name="description"/>
  <meta content="I'm in the process of implementing a day/night cycle into Holiday Islands.

Since I do not have the computing-power to do additional night-renders I have decided to use color-tinting with im.MatrixColor(). This also has the positive side-effect that it's not increasing the size of the game by..." property="og:description"/>
  <meta content="I'm in the process of implementing a day/night cycle into Holiday Islands.

Since I do not have the computing-power to do additional night-renders I have decided to use color-tinting with..." property="twitter:description"/>
  <meta content="https://f95zone.to/threads/tint-entire-screen-with-im-matrixcolor.12122/" property="og:url"/>
  <meta content="F95zone" property="og:site_name"/>
  <meta content="website" property="og:type"/>
  <meta content="Ren'Py - tint entire screen with im.MatrixColor()" property="og:title"/>
  <meta content="Ren'Py - tint entire screen with im.MatrixColor()" 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>
              tint entire screen with im.MatrixColor()
             </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/tint-entire-screen-with-im-matrixcolor.12122/">
                <time class="u-dt" data-date-string="May 1, 2018" data-time="1525128363" data-time-string="6:46 AM" datetime="2018-05-01T06:46:03+0800" dir="auto" title="May 1, 2018 at 6:46 AM">
                 May 1, 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/tint-entire-screen-with-im-matrixcolor.12122/br-rate" data-readonly="false" data-show-selected="true" data-vote-content='&lt;div data-href="/threads/tint-entire-screen-with-im-matrixcolor.12122/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=12122">
               <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=12122">
               Ignore thread
              </a>
              <a class="button--link button" data-sk-unwatch="Unwatch" data-sk-watch="Watch" data-xf-click="switch-overlay" href="/threads/tint-entire-screen-with-im-matrixcolor.12122/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-12122" 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-706322" id="js-post-706322">
              <span class="u-anchorTarget" id="post-706322">
              </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/tint-entire-screen-with-im-matrixcolor.12122/post-706322" rel="nofollow">
                    <time class="u-dt" data-date-string="May 1, 2018" data-time="1525128363" data-time-string="6:46 AM" datetime="2018-05-01T06:46:03+0800" dir="auto" title="May 1, 2018 at 6:46 AM">
                     May 1, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/706322/share" data-xf-init="share-tooltip" href="/threads/tint-entire-screen-with-im-matrixcolor.12122/post-706322" 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/706322/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/tint-entire-screen-with-im-matrixcolor.12122/post-706322" 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 · May 1, 2018 at 6:46 AM" data-lb-id="post-706322">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     I'm in the process of implementing a day/night cycle into
                     <a class="link link--external" href="https://f95zone.com/threads/holiday-islands-episode-1-v1-devon-andersson.11971/" rel="nofollow noopener" target="_blank">
                      Holiday Islands
                     </a>
                     .
                     <br/>
                     <br/>
                     Since I do not have the computing-power to do additional night-renders I have decided to use color-tinting with
                     <span style="color: #00ff00">
                      im.MatrixColor()
                     </span>
                     . This also has the positive side-effect that it's not increasing the size of the game by adding many images.
                     <br/>
                     <br/>
                     The color-matrix is fed with dynamic values that are based on the ingame-time in the real code.
                     <br/>
                     <br/>
                     background at night example:
                     <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>image i_bg = im.MatrixColor("images/bg.png",im.matrix.saturation(0.5)*im.matrix.tint(.75,.75,1.0)*im.matrix.brightness(-0.2))
scene i_bg</code></pre>
                       </div>
                      </div>
                     </span>
                     The problem:
                     <br/>
                     I have many screens that hold overlay-images. These need to be tinted as well. I could just add the im.MatrixColor-code for every image but that is a lot of fiddling. What I am looking for is a solution that can tint an entire screen will all it's content.
                     <br/>
                     <br/>
                     I've search the web up- and down and could only find this post from 2015 ... not yet possible it seems:
                     <br/>
                     <a class="link link--external" href="https://lemmasoft.renai.us/forums/viewtopic.php?t=32265" rel="nofollow noopener" target="_blank">
                      https://lemmasoft.renai.us/forums/viewtopic.php?t=32265
                     </a>
                     <br/>
                     <br/>
                     Since there is a preview of Ren'Py 7 out ... maybe some people know more about it.
                     <br/>
                     <br/>
                     Btw. I tried the very cheap way of just placing a screen with only a translucent background-color over the scene ... no way ... it looks very bad ... using
                     <span style="color: #00ff00">
                      im.MatrixColor()
                     </span>
                     is required to make this look good. Placing a translucent-layer of the scene can never look that good because it will just add colors together.
                     <br/>
                     <br/>
                     <span style="color: #a64dff">
                      Edit: im.MatrixColor() is not GPU hardware accelerated and runs on the CPU, careful with the performance when using it.
                     </span>
                    </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="706322" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/706322/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="706322" data-mq-action="add" href="/threads/tint-entire-screen-with-im-matrixcolor.12122/reply?quote=706322" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/706322/quote" data-xf-click="quote" href="/threads/tint-entire-screen-with-im-matrixcolor.12122/reply?quote=706322" 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/706322/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--post js-post js-inlineModContainer" data-author="anne O'nymous" data-content="post-709516" id="js-post-709516">
              <span class="u-anchorTarget" id="post-709516">
              </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/tint-entire-screen-with-im-matrixcolor.12122/post-709516" rel="nofollow">
                    <time class="u-dt" data-date-string="May 2, 2018" data-time="1525214608" data-time-string="6:43 AM" datetime="2018-05-02T06:43:28+0800" dir="auto" title="May 2, 2018 at 6:43 AM">
                     May 2, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/709516/share" data-xf-init="share-tooltip" href="/threads/tint-entire-screen-with-im-matrixcolor.12122/post-709516" 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/709516/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/tint-entire-screen-with-im-matrixcolor.12122/post-709516" rel="nofollow">
                     #2
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="anne O'nymous · May 2, 2018 at 6:43 AM" data-lb-id="post-709516">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     MatrixColor is for complex computing, while your problem is more simple. So, why not simply using a screen ?
                     <br/>
                     <br/>
                     Something like :
                     <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 myTint:
   zorder 1000
   add Frame( Solid( "#00000055" ), xsize=config.screen_width, ysize=config.screen_height )</code></pre>
                      </div>
                     </div>
                     The value of
                     <i>
                      Solid
                     </i>
                     is RRGGBBAA (red, green, blue, alpha channel). So you can chose the color of your tint and with the alpha channel control it's opacity.
                     <br/>
                     <br/>
                     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 myTint( alpha ):
   zorder 1000
   add Frame( Solid( "#000000"+alpha ), xsize=config.screen_width, ysize=config.screen_height )</code></pre>
                      </div>
                     </div>
                     and things 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>    show screen myTint( "50" ) 
    pause 5
    show screen myTint( "80" ) 
    pause 5
    show screen myTint( "A0" )</code></pre>
                      </div>
                     </div>
                     You can even use a single screen to simulate different lighting.
                     <br/>
                     <br/>
                     And going full custom, 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 myTint( color, alpha ):
   zorder 1000
   add Frame( Solid( color+alpha ), xsize=config.screen_width, ysize=config.screen_height )</code></pre>
                      </div>
                     </div>
                     and 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>init python:
    nightTint = "#000000"
    fogTint = "#FFFFFF"

label someLabel:
    show screen myTint( nightTint, "50" )</code></pre>
                      </div>
                     </div>
                     You can even use the same screen to handle a lot of different lighting case.
                    </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/709516/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="709516" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/709516/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="709516" data-mq-action="add" href="/threads/tint-entire-screen-with-im-matrixcolor.12122/reply?quote=709516" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/709516/quote" data-xf-click="quote" href="/threads/tint-entire-screen-with-im-matrixcolor.12122/reply?quote=709516" 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/709516/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-709731" id="js-post-709731">
              <span class="u-anchorTarget" id="post-709731">
              </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/tint-entire-screen-with-im-matrixcolor.12122/post-709731" rel="nofollow">
                    <time class="u-dt" data-date-string="May 2, 2018" data-time="1525220154" data-time-string="8:15 AM" datetime="2018-05-02T08:15:54+0800" dir="auto" title="May 2, 2018 at 8:15 AM">
                     May 2, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/709731/share" data-xf-init="share-tooltip" href="/threads/tint-entire-screen-with-im-matrixcolor.12122/post-709731" 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/709731/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/tint-entire-screen-with-im-matrixcolor.12122/post-709731" rel="nofollow">
                     #3
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="f95zoneuser463 · May 2, 2018 at 8:15 AM" data-lb-id="post-709731">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     That is what I did already and what I meant with this:
                     <br/>
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        Btw. I tried the very cheap way of just placing a screen with only a translucent background-color over the scene ... no way ... it looks very bad ... using im.MatrixColor() is required to make this look good. Placing a translucent-layer of the scene can never look that good because it will just add colors together.
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     The quality of the screen-method is just to low due to the additive color-blending. By now I already gave up on the idea to have an entire screen tinted directly ... this does not seem to be possible.
                     <br/>
                     <br/>
                     I just have accepted the fact that I have to use
                     <span style="color: #00ff00">
                      im.MatrixColor()
                     </span>
                     on every image that I want to tint. Meanwhile I've added a tiny
                     <span style="color: #00ff00">
                      tint()
                     </span>
                     -function to wrap
                     <span style="color: #00ff00">
                      im.MatrixColor()
                     </span>
                     and some kind of time&amp;color-look-up-dictionary that I generate with a little C#-console program.
                     <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>def tint(imagepath="images/wheelhover.png"):
    # store.tintmatrix hold colordata that gets updated based on the ingame-time
    # store.tintmatrix data comes from generated 't_dictionary' (see spoilers)
    # condition to be able to switch of tint (may be useful on very low end system)
    if use_tint:
        return im.MatrixColor(imagepath,store.tintmatrix)
    return imagepath</code></pre>
                       </div>
                      </div>
                     </span>
                     used like this for example:
                     <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>screen bg():
    tag master
    layer "master"
    frame:
        background tint("images/bg.png")
    # more tinted stuff here
    image "my_anim"</code></pre>
                       </div>
                      </div>
                     </span>
                     <div class="bbCodeSpoiler">
                      <button class="bbCodeSpoiler-button button--longText button" data-xf-click="toggle" type="button">
                       <span class="button-text">
                        <span>
                         Spoiler:
                         <span class="bbCodeSpoiler-button-title">
                          ghetto C# time-dictionary generator I made this morning:
                         </span>
                        </span>
                       </span>
                      </button>
                      <div class="bbCodeSpoiler-content">
                       <div class="bbCodeBlock bbCodeBlock--spoiler">
                        <div class="bbCodeBlock-content">
                         <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>using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace time_dictionary
{
    class Program
    {
        static void Main(string[] args)
        {
            // Enter values to fill table
            int t_tick_interval_in_seconds = 5;
            int t_ingame_minutes_per_tick = 10;
            int t_ingame_daily_playtime_hours = 18;
            int t_ingame_daily_sleeptime_hours = 6;
            // Enter values for sunrise, daytime, sunset, these must add up to 24 hours
            // tint from 00:00 to [sunrise_hours]:00
            int sunrise_hours = 7;
            // tint from [sunrise_hours]:00 to [sunrise_hours+daytime_hours]:00
            int daytime_hours = 12;
            // tint from [sunrise_hours+daytime_hours]:00 to 23:30
            int sunset_hours = 5;
            // xxx_shift values will be added partial to the default-values
            // default values without tint are:
            // saturation 1
            // RGB 1,1,1
            // brightness 0
            float saturation_shift = -0.5f;
            float red_shift = -0.4f;
            float green_shift = -0.25f;
            float blue_shift = 0.0f;
            float brightness_shift = -0.2f;

            // night example values
            // saturation 0.5 (.75, .75, 1.0) brightness(-0.2)

            // DO NOT TOUCH:
            int t_ticks_per_day = (24 * 60) / t_ingame_minutes_per_tick;
            int t_ticks_per_daily_playtime = (t_ingame_daily_playtime_hours * 60) / t_ingame_minutes_per_tick;
            int t_ticks_per_daily_sleeptime = (t_ingame_daily_sleeptime_hours * 60) / t_ingame_minutes_per_tick;
            int ticks_per_sunrise = (sunrise_hours * 60) / t_ingame_minutes_per_tick;
            int ticks_per_daytime = (daytime_hours * 60) / t_ingame_minutes_per_tick;
            int ticks_per_sunset = (sunset_hours * 60) / t_ingame_minutes_per_tick;
            int real_seconds_per_daily_playtime = t_ticks_per_daily_playtime * t_tick_interval_in_seconds;
            float real_minutes_per_daily_playtime = real_seconds_per_daily_playtime / 60.0f;

            Console.Clear();
            Console.Title = "time_dictionary";
            Console.WriteLine("t_tick_interval_in_seconds = " + t_tick_interval_in_seconds);
            Console.WriteLine("t_ingame_minutes_per_tick = " + t_ingame_minutes_per_tick);
            Console.WriteLine("t_ingame_daily_playtime_hours = " + t_ingame_daily_playtime_hours);
            Console.WriteLine("t_ingame_daily_sleeptime_hours = " + t_ingame_daily_sleeptime_hours);
            Console.WriteLine("");
            Console.WriteLine("## calculated values:");
            Console.WriteLine("t_ticks_per_day = " + t_ticks_per_day);
            Console.WriteLine("t_ticks_per_daily_playtime = " + t_ticks_per_daily_playtime);
            Console.WriteLine("t_ticks_per_daily_sleeptime = " + t_ticks_per_daily_sleeptime);
            Console.WriteLine("ticks_per_sunrise = " + ticks_per_sunrise);
            Console.WriteLine("ticks_per_daytime = " + ticks_per_daytime);
            Console.WriteLine("ticks_per_sunset = " + ticks_per_sunset);
            Console.WriteLine("real_seconds_per_daily_playtime = " + real_seconds_per_daily_playtime);
            Console.WriteLine("real_minutes_per_daily_playtime = " + real_minutes_per_daily_playtime);
            Console.WriteLine("");
            Console.WriteLine("## time dictionary:");
            Console.WriteLine("define t_dictionary = {");

            int hours24 = 0;
            int hours12 = 0;
            int minutes = 0;
            bool am = true;
            float saturation = 1.0f;
            float xsaturation = 0.0f;
            float red = 1.0f;
            float xred = 0.0f;
            float green = 1.0f;
            float xgreen = 0.0f;
            float blue = 1.0f;
            float xblue = 0.0f;
            float brightness = 0.0f;
            float xbrightness = 0.0f;
            bool sunrise_complete = false;
            bool daytime_complete = false;
            for (int t = 0; t &lt; t_ticks_per_day; t++)
            {
                String line = "";
                // add tick key string
                line += "'" + t + "'";
                // add array-opener
                line += ":[";
                // add 24 hours time string
                line += "'" + hours24.ToString("D2") + ":" + minutes.ToString("D2") + "'";
                // add comma
                line += ",";
                // add 12 hours time string
                if (am)
                    line += "'" + hours12.ToString("D2") + ":" + minutes.ToString("D2") + "am'";
                else
                    line += "'" + hours12.ToString("D2") + ":" + minutes.ToString("D2") + "pm'";
                // advance time
                minutes += t_ingame_minutes_per_tick;
                if (minutes &gt;= 60)
                {
                    minutes = 0;
                    hours24++;
                    hours12++;
                    if (hours12 &gt;= 12)
                    {
                        hours12 = 0;
                        am = !am; // toggle am/pm
                    }
                }

                // update tint
                if (hours24 &lt;= sunrise_hours &amp;&amp; !sunrise_complete)
                {
                    if (hours24 &gt;= sunrise_hours)
                        sunrise_complete = true;

                    float tick_factor = (t / (float)ticks_per_sunrise);
                    xsaturation = saturation_shift - (saturation_shift * tick_factor);
                    xred = red_shift - (red_shift * tick_factor);
                    xgreen = green_shift - (green_shift * tick_factor);
                    xblue = blue_shift - (blue_shift * tick_factor);
                    xbrightness = brightness_shift - (brightness_shift * tick_factor);
                }
                else if (hours24 &lt;= sunrise_hours + daytime_hours &amp;&amp; !daytime_complete)
                {
                    if (hours24 &gt;= sunrise_hours + daytime_hours)
                        daytime_complete = true;
                    // do nothing here and leave all graphic un-tinted
                    xsaturation = 0.0f;
                    xred = 0.0f;
                    xgreen = 0.0f;
                    xblue = 0.0f;
                    xbrightness = 0.0f;
                }
                else// if (hours24 &lt;= sunrise_hours + daytime_hours + sunset_hours)
                {
                    float tick_factor = (float)(t - ticks_per_sunrise - ticks_per_daytime) / (float)(ticks_per_sunset);
                    xsaturation = saturation_shift * tick_factor;
                    xred = red_shift * tick_factor;
                    xgreen = green_shift * tick_factor;
                    xblue = blue_shift * tick_factor;
                    xbrightness = brightness_shift * tick_factor;
                }

                // add comma
                line += ",";
                // add matrix saturation
                line += "im.matrix.saturation(" + (saturation + xsaturation).ToString("0.0000").Replace(',','.') + ")*";
                // add matrix tint
                line += "im.matrix.tint(" + (red + xred).ToString("0.0000").Replace(',', '.') + "," + (green + xgreen).ToString("0.0000").Replace(',', '.') + "," + (blue + xblue).ToString("0.0000").Replace(',', '.') + ")*";
                // add matrix brightness
                line += "im.matrix.brightness(" + (brightness + xbrightness).ToString("0.0000").Replace(',', '.') + ")";
                // add array-end
                line += "],";


                Console.WriteLine(line);
            }
            Console.WriteLine("}");

            Console.ReadKey();
        }
    }
}</code></pre>
                           </div>
                          </div>
                         </span>
                        </div>
                       </div>
                      </div>
                     </div>
                     <br/>
                     <div class="bbCodeSpoiler">
                      <button class="bbCodeSpoiler-button button--longText button" data-xf-click="toggle" type="button">
                       <span class="button-text">
                        <span>
                         Spoiler:
                         <span class="bbCodeSpoiler-button-title">
                          Example output
                         </span>
                        </span>
                       </span>
                      </button>
                      <div class="bbCodeSpoiler-content">
                       <div class="bbCodeBlock bbCodeBlock--spoiler">
                        <div class="bbCodeBlock-content">
                         <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>define t_dictionary = {
'0':['00:00','00:00am',im.matrix.saturation(0.5000)*im.matrix.tint(0.6000,0.7500,1.0000)*im.matrix.brightness(-0.2000)],
'1':['00:10','00:10am',im.matrix.saturation(0.5119)*im.matrix.tint(0.6095,0.7560,1.0000)*im.matrix.brightness(-0.1952)],
'2':['00:20','00:20am',im.matrix.saturation(0.5238)*im.matrix.tint(0.6190,0.7619,1.0000)*im.matrix.brightness(-0.1905)],
'3':['00:30','00:30am',im.matrix.saturation(0.5357)*im.matrix.tint(0.6286,0.7679,1.0000)*im.matrix.brightness(-0.1857)],
'4':['00:40','00:40am',im.matrix.saturation(0.5476)*im.matrix.tint(0.6381,0.7738,1.0000)*im.matrix.brightness(-0.1810)],
'5':['00:50','00:50am',im.matrix.saturation(0.5595)*im.matrix.tint(0.6476,0.7798,1.0000)*im.matrix.brightness(-0.1762)],
'6':['01:00','01:00am',im.matrix.saturation(0.5714)*im.matrix.tint(0.6571,0.7857,1.0000)*im.matrix.brightness(-0.1714)],
'7':['01:10','01:10am',im.matrix.saturation(0.5833)*im.matrix.tint(0.6667,0.7917,1.0000)*im.matrix.brightness(-0.1667)],
'8':['01:20','01:20am',im.matrix.saturation(0.5952)*im.matrix.tint(0.6762,0.7976,1.0000)*im.matrix.brightness(-0.1619)],
'9':['01:30','01:30am',im.matrix.saturation(0.6071)*im.matrix.tint(0.6857,0.8036,1.0000)*im.matrix.brightness(-0.1571)],
'10':['01:40','01:40am',im.matrix.saturation(0.6190)*im.matrix.tint(0.6952,0.8095,1.0000)*im.matrix.brightness(-0.1524)],
'11':['01:50','01:50am',im.matrix.saturation(0.6310)*im.matrix.tint(0.7048,0.8155,1.0000)*im.matrix.brightness(-0.1476)],
'12':['02:00','02:00am',im.matrix.saturation(0.6429)*im.matrix.tint(0.7143,0.8214,1.0000)*im.matrix.brightness(-0.1429)],
'13':['02:10','02:10am',im.matrix.saturation(0.6548)*im.matrix.tint(0.7238,0.8274,1.0000)*im.matrix.brightness(-0.1381)],
'14':['02:20','02:20am',im.matrix.saturation(0.6667)*im.matrix.tint(0.7333,0.8333,1.0000)*im.matrix.brightness(-0.1333)],
'15':['02:30','02:30am',im.matrix.saturation(0.6786)*im.matrix.tint(0.7429,0.8393,1.0000)*im.matrix.brightness(-0.1286)],
'16':['02:40','02:40am',im.matrix.saturation(0.6905)*im.matrix.tint(0.7524,0.8452,1.0000)*im.matrix.brightness(-0.1238)],
'17':['02:50','02:50am',im.matrix.saturation(0.7024)*im.matrix.tint(0.7619,0.8512,1.0000)*im.matrix.brightness(-0.1190)],
'18':['03:00','03:00am',im.matrix.saturation(0.7143)*im.matrix.tint(0.7714,0.8571,1.0000)*im.matrix.brightness(-0.1143)],
'19':['03:10','03:10am',im.matrix.saturation(0.7262)*im.matrix.tint(0.7810,0.8631,1.0000)*im.matrix.brightness(-0.1095)],
'20':['03:20','03:20am',im.matrix.saturation(0.7381)*im.matrix.tint(0.7905,0.8690,1.0000)*im.matrix.brightness(-0.1048)],
'21':['03:30','03:30am',im.matrix.saturation(0.7500)*im.matrix.tint(0.8000,0.8750,1.0000)*im.matrix.brightness(-0.1000)],
'22':['03:40','03:40am',im.matrix.saturation(0.7619)*im.matrix.tint(0.8095,0.8810,1.0000)*im.matrix.brightness(-0.0952)],
'23':['03:50','03:50am',im.matrix.saturation(0.7738)*im.matrix.tint(0.8190,0.8869,1.0000)*im.matrix.brightness(-0.0905)],
'24':['04:00','04:00am',im.matrix.saturation(0.7857)*im.matrix.tint(0.8286,0.8929,1.0000)*im.matrix.brightness(-0.0857)],
'25':['04:10','04:10am',im.matrix.saturation(0.7976)*im.matrix.tint(0.8381,0.8988,1.0000)*im.matrix.brightness(-0.0810)],
'26':['04:20','04:20am',im.matrix.saturation(0.8095)*im.matrix.tint(0.8476,0.9048,1.0000)*im.matrix.brightness(-0.0762)],
'27':['04:30','04:30am',im.matrix.saturation(0.8214)*im.matrix.tint(0.8571,0.9107,1.0000)*im.matrix.brightness(-0.0714)],
'28':['04:40','04:40am',im.matrix.saturation(0.8333)*im.matrix.tint(0.8667,0.9167,1.0000)*im.matrix.brightness(-0.0667)],
'29':['04:50','04:50am',im.matrix.saturation(0.8452)*im.matrix.tint(0.8762,0.9226,1.0000)*im.matrix.brightness(-0.0619)],
'30':['05:00','05:00am',im.matrix.saturation(0.8571)*im.matrix.tint(0.8857,0.9286,1.0000)*im.matrix.brightness(-0.0571)],
'31':['05:10','05:10am',im.matrix.saturation(0.8690)*im.matrix.tint(0.8952,0.9345,1.0000)*im.matrix.brightness(-0.0524)],
'32':['05:20','05:20am',im.matrix.saturation(0.8810)*im.matrix.tint(0.9048,0.9405,1.0000)*im.matrix.brightness(-0.0476)],
'33':['05:30','05:30am',im.matrix.saturation(0.8929)*im.matrix.tint(0.9143,0.9464,1.0000)*im.matrix.brightness(-0.0429)],
'34':['05:40','05:40am',im.matrix.saturation(0.9048)*im.matrix.tint(0.9238,0.9524,1.0000)*im.matrix.brightness(-0.0381)],
'35':['05:50','05:50am',im.matrix.saturation(0.9167)*im.matrix.tint(0.9333,0.9583,1.0000)*im.matrix.brightness(-0.0333)],
'36':['06:00','06:00am',im.matrix.saturation(0.9286)*im.matrix.tint(0.9429,0.9643,1.0000)*im.matrix.brightness(-0.0286)],
'37':['06:10','06:10am',im.matrix.saturation(0.9405)*im.matrix.tint(0.9524,0.9702,1.0000)*im.matrix.brightness(-0.0238)],
'38':['06:20','06:20am',im.matrix.saturation(0.9524)*im.matrix.tint(0.9619,0.9762,1.0000)*im.matrix.brightness(-0.0190)],
'39':['06:30','06:30am',im.matrix.saturation(0.9643)*im.matrix.tint(0.9714,0.9821,1.0000)*im.matrix.brightness(-0.0143)],
'40':['06:40','06:40am',im.matrix.saturation(0.9762)*im.matrix.tint(0.9810,0.9881,1.0000)*im.matrix.brightness(-0.0095)],
'41':['06:50','06:50am',im.matrix.saturation(0.9881)*im.matrix.tint(0.9905,0.9940,1.0000)*im.matrix.brightness(-0.0048)],
'42':['07:00','07:00am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'43':['07:10','07:10am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'44':['07:20','07:20am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'45':['07:30','07:30am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'46':['07:40','07:40am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'47':['07:50','07:50am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'48':['08:00','08:00am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'49':['08:10','08:10am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'50':['08:20','08:20am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'51':['08:30','08:30am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'52':['08:40','08:40am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'53':['08:50','08:50am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'54':['09:00','09:00am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'55':['09:10','09:10am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'56':['09:20','09:20am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'57':['09:30','09:30am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'58':['09:40','09:40am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'59':['09:50','09:50am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'60':['10:00','10:00am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'61':['10:10','10:10am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'62':['10:20','10:20am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'63':['10:30','10:30am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'64':['10:40','10:40am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'65':['10:50','10:50am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'66':['11:00','11:00am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'67':['11:10','11:10am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'68':['11:20','11:20am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'69':['11:30','11:30am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'70':['11:40','11:40am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'71':['11:50','11:50am',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'72':['12:00','00:00pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'73':['12:10','00:10pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'74':['12:20','00:20pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'75':['12:30','00:30pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'76':['12:40','00:40pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'77':['12:50','00:50pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'78':['13:00','01:00pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'79':['13:10','01:10pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'80':['13:20','01:20pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'81':['13:30','01:30pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'82':['13:40','01:40pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'83':['13:50','01:50pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'84':['14:00','02:00pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'85':['14:10','02:10pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'86':['14:20','02:20pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'87':['14:30','02:30pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'88':['14:40','02:40pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'89':['14:50','02:50pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'90':['15:00','03:00pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'91':['15:10','03:10pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'92':['15:20','03:20pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'93':['15:30','03:30pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'94':['15:40','03:40pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'95':['15:50','03:50pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'96':['16:00','04:00pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'97':['16:10','04:10pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'98':['16:20','04:20pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'99':['16:30','04:30pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'100':['16:40','04:40pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'101':['16:50','04:50pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'102':['17:00','05:00pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'103':['17:10','05:10pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'104':['17:20','05:20pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'105':['17:30','05:30pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'106':['17:40','05:40pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'107':['17:50','05:50pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'108':['18:00','06:00pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'109':['18:10','06:10pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'110':['18:20','06:20pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'111':['18:30','06:30pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'112':['18:40','06:40pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'113':['18:50','06:50pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'114':['19:00','07:00pm',im.matrix.saturation(1.0000)*im.matrix.tint(1.0000,1.0000,1.0000)*im.matrix.brightness(0.0000)],
'115':['19:10','07:10pm',im.matrix.saturation(0.9833)*im.matrix.tint(0.9867,0.9917,1.0000)*im.matrix.brightness(-0.0067)],
'116':['19:20','07:20pm',im.matrix.saturation(0.9667)*im.matrix.tint(0.9733,0.9833,1.0000)*im.matrix.brightness(-0.0133)],
'117':['19:30','07:30pm',im.matrix.saturation(0.9500)*im.matrix.tint(0.9600,0.9750,1.0000)*im.matrix.brightness(-0.0200)],
'118':['19:40','07:40pm',im.matrix.saturation(0.9333)*im.matrix.tint(0.9467,0.9667,1.0000)*im.matrix.brightness(-0.0267)],
'119':['19:50','07:50pm',im.matrix.saturation(0.9167)*im.matrix.tint(0.9333,0.9583,1.0000)*im.matrix.brightness(-0.0333)],
'120':['20:00','08:00pm',im.matrix.saturation(0.9000)*im.matrix.tint(0.9200,0.9500,1.0000)*im.matrix.brightness(-0.0400)],
'121':['20:10','08:10pm',im.matrix.saturation(0.8833)*im.matrix.tint(0.9067,0.9417,1.0000)*im.matrix.brightness(-0.0467)],
'122':['20:20','08:20pm',im.matrix.saturation(0.8667)*im.matrix.tint(0.8933,0.9333,1.0000)*im.matrix.brightness(-0.0533)],
'123':['20:30','08:30pm',im.matrix.saturation(0.8500)*im.matrix.tint(0.8800,0.9250,1.0000)*im.matrix.brightness(-0.0600)],
'124':['20:40','08:40pm',im.matrix.saturation(0.8333)*im.matrix.tint(0.8667,0.9167,1.0000)*im.matrix.brightness(-0.0667)],
'125':['20:50','08:50pm',im.matrix.saturation(0.8167)*im.matrix.tint(0.8533,0.9083,1.0000)*im.matrix.brightness(-0.0733)],
'126':['21:00','09:00pm',im.matrix.saturation(0.8000)*im.matrix.tint(0.8400,0.9000,1.0000)*im.matrix.brightness(-0.0800)],
'127':['21:10','09:10pm',im.matrix.saturation(0.7833)*im.matrix.tint(0.8267,0.8917,1.0000)*im.matrix.brightness(-0.0867)],
'128':['21:20','09:20pm',im.matrix.saturation(0.7667)*im.matrix.tint(0.8133,0.8833,1.0000)*im.matrix.brightness(-0.0933)],
'129':['21:30','09:30pm',im.matrix.saturation(0.7500)*im.matrix.tint(0.8000,0.8750,1.0000)*im.matrix.brightness(-0.1000)],
'130':['21:40','09:40pm',im.matrix.saturation(0.7333)*im.matrix.tint(0.7867,0.8667,1.0000)*im.matrix.brightness(-0.1067)],
'131':['21:50','09:50pm',im.matrix.saturation(0.7167)*im.matrix.tint(0.7733,0.8583,1.0000)*im.matrix.brightness(-0.1133)],
'132':['22:00','10:00pm',im.matrix.saturation(0.7000)*im.matrix.tint(0.7600,0.8500,1.0000)*im.matrix.brightness(-0.1200)],
'133':['22:10','10:10pm',im.matrix.saturation(0.6833)*im.matrix.tint(0.7467,0.8417,1.0000)*im.matrix.brightness(-0.1267)],
'134':['22:20','10:20pm',im.matrix.saturation(0.6667)*im.matrix.tint(0.7333,0.8333,1.0000)*im.matrix.brightness(-0.1333)],
'135':['22:30','10:30pm',im.matrix.saturation(0.6500)*im.matrix.tint(0.7200,0.8250,1.0000)*im.matrix.brightness(-0.1400)],
'136':['22:40','10:40pm',im.matrix.saturation(0.6333)*im.matrix.tint(0.7067,0.8167,1.0000)*im.matrix.brightness(-0.1467)],
'137':['22:50','10:50pm',im.matrix.saturation(0.6167)*im.matrix.tint(0.6933,0.8083,1.0000)*im.matrix.brightness(-0.1533)],
'138':['23:00','11:00pm',im.matrix.saturation(0.6000)*im.matrix.tint(0.6800,0.8000,1.0000)*im.matrix.brightness(-0.1600)],
'139':['23:10','11:10pm',im.matrix.saturation(0.5833)*im.matrix.tint(0.6667,0.7917,1.0000)*im.matrix.brightness(-0.1667)],
'140':['23:20','11:20pm',im.matrix.saturation(0.5667)*im.matrix.tint(0.6533,0.7833,1.0000)*im.matrix.brightness(-0.1733)],
'141':['23:30','11:30pm',im.matrix.saturation(0.5500)*im.matrix.tint(0.6400,0.7750,1.0000)*im.matrix.brightness(-0.1800)],
'142':['23:40','11:40pm',im.matrix.saturation(0.5333)*im.matrix.tint(0.6267,0.7667,1.0000)*im.matrix.brightness(-0.1867)],
'143':['23:50','11:50pm',im.matrix.saturation(0.5167)*im.matrix.tint(0.6133,0.7583,1.0000)*im.matrix.brightness(-0.1933)],
}</code></pre>
                          </div>
                         </div>
                        </div>
                       </div>
                      </div>
                     </div>
                     <br/>
                     I got everything working except for one big problem now:
                     <br/>
                     <span style="color: #ff0080">
                      ATL-animation do not update tinted images
                     </span>
                     when the ingame-time ticks/advances, this is where I'm stuck right now. The result: the background and overlays are tinted correct, but the animation does not update. My ingame-time advances at a fixed tick-rate/interval of 5 seconds and this is when all images must be re-tinted.
                     <br/>
                     <span style="color: #00ff80">
                      <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>image my_anim:
    tint("drink1.png")
    pause 4.0
    tint("drink2.png")
    pause 2.0
    repeat</code></pre>
                       </div>
                      </div>
                     </span>
                     If this animation is placed inside a screen it will tint the images only the first time when it's initially displayed.
                    </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="709731" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/709731/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="709731" data-mq-action="add" href="/threads/tint-entire-screen-with-im-matrixcolor.12122/reply?quote=709731" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/709731/quote" data-xf-click="quote" href="/threads/tint-entire-screen-with-im-matrixcolor.12122/reply?quote=709731" 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/709731/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-709824" id="js-post-709824">
              <span class="u-anchorTarget" id="post-709824">
              </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/tint-entire-screen-with-im-matrixcolor.12122/post-709824" rel="nofollow">
                    <time class="u-dt" data-date-string="May 2, 2018" data-time="1525224330" data-time-string="9:25 AM" datetime="2018-05-02T09:25:30+0800" dir="auto" title="May 2, 2018 at 9:25 AM">
                     May 2, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/709824/share" data-xf-init="share-tooltip" href="/threads/tint-entire-screen-with-im-matrixcolor.12122/post-709824" 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/709824/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/tint-entire-screen-with-im-matrixcolor.12122/post-709824" rel="nofollow">
                     #4
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="anne O'nymous · May 2, 2018 at 9:25 AM" data-lb-id="post-709824">
                   <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-709731" data-xf-click="attribution" href="/goto/post?id=709731">
                        f95zoneuser463 said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        <span style="color: #00ff80">
                         <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>image my_anim:
    tint("drink1.png")
    pause 4.0
    tint("drink2.png")
    pause 2.0
    repeat</code></pre>
                          </div>
                         </div>
                        </span>
                        If this animation is placed inside a screen it will tint the images only the first time when it's initially displayed.
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     Between prediction and refresh, a screen is updated (way to) many times. Try something simple:
                     <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:
    logFile = renpy.os.path.join( config.basedir, 'logFile.txt' )
    def myLog( msg ):
        FH = open( logFile, "a" )
        FH.write( "{}\n".format( msg ) )
        FH.close()

screen control:
    $ myLog( "called" )

label start:
    "wait a little before clicking"
    $ myLog( "screen will be shown now" )
    show screen control
    "now wait again some time"
    return</code></pre>
                      </div>
                     </div>
                     If you wait long enough (let's say 30 seconds to be sure), you'll see that the screen have been predicted, and so logged on the file before the "screen will be shown now". And wait again long enough and you'll found way more than one other "called" on the log file.
                     <br/>
                     Each time the screen is predicted/refreshed, everything is done again, so here your "tint" function is called, and the screen will show the update. If you have some button on the screen, the whole screen is even refreshed each time a button change it's state because of the mouse movements.
                     <br/>
                     <br/>
                     At the opposite you've
                     <i>
                      image
                     </i>
                     which works as an assignation. It's played once and just once. Normally you can make them dynamic with something like :
                     <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>image myImage: "path/[dynamic].jpg"</code></pre>
                      </div>
                     </div>
                     But there's two limitations. Firstly
                     <i>
                      dynamic
                     </i>
                     can't be an array nor a function, because Ren'py don't like(ed?) [] and () here. Secondly, if I remember correctly (it's 3AM here) the value will be refreshed only at the moment when
                     <i>
                      myImage
                     </i>
                     is displayed.
                     <br/>
                     <br/>
                     I'm not totally sure of what I'll say, but one solution could be to dynamically create the image with the
                     <a class="link link--external" href="https://www.renpy.org/doc/html/statement_equivalents.html#renpy.image" rel="nofollow noopener" target="_blank">
                      Python equivalent
                     </a>
                     . Don't care about the, "It is an error to run this function once the game has started."  It's an error if you do it without real reason, which isn't the case here.
                     <br/>
                     Something like :
                     <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> def myTint( imageName, path2pict ):
     if time == 1:
         renpy.image( imageName, [...] )
     elif [...]

     return imageName</code></pre>
                      </div>
                     </div>
                     and instead of showing the image, you show myTint() with the right parameters.
                     <br/>
                     It should do the trick, but like I said, I'm not sure about this, never played with
                     <i>
                      renpy.image
                     </i>
                     before, so I don't know the possible side effects.
                     <br/>
                     If it works, try to add a dict as cache-like to shortcut the useless creation of an image which is already correct :
                     <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>  myTintCache = {}
  for n in [ imageName1, imageName2 ]:
      myTintCache.update( { n: 0 } )

  def myTint( imageName, path2pict ):
     if myTintCache[imageName] == time: 
        pass
     elif time == 1:
         renpy.image( imageName, [...] )
     elif [...]
     else:
        [...]

     myTintCache[imageName] = time
     return imageName</code></pre>
                      </div>
                     </div>
                     You can even don't use path2pict and have another dict to replace it if you want.
                     <br/>
                     <br/>
                     And if
                     <i>
                      renpy.image
                     </i>
                     really don't like to be called outside of init time, you still can use more or less the same trick. Instead of creating the image a runtime, you create all the tint variations at init time, and use myTint() to return the right name according to the actual time.
                    </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/709824/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="709824" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/709824/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="709824" data-mq-action="add" href="/threads/tint-entire-screen-with-im-matrixcolor.12122/reply?quote=709824" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/709824/quote" data-xf-click="quote" href="/threads/tint-entire-screen-with-im-matrixcolor.12122/reply?quote=709824" 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/709824/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-710907" id="js-post-710907">
              <span class="u-anchorTarget" id="post-710907">
              </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/tint-entire-screen-with-im-matrixcolor.12122/post-710907" rel="nofollow">
                    <time class="u-dt" data-date-string="May 2, 2018" data-time="1525264914" data-time-string="8:41 PM" datetime="2018-05-02T20:41:54+0800" dir="auto" title="May 2, 2018 at 8:41 PM">
                     May 2, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/710907/share" data-xf-init="share-tooltip" href="/threads/tint-entire-screen-with-im-matrixcolor.12122/post-710907" 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/710907/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/tint-entire-screen-with-im-matrixcolor.12122/post-710907" rel="nofollow">
                     #5
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="f95zoneuser463 · May 2, 2018 at 8:41 PM" data-lb-id="post-710907">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     I got a working solution after struggling almost 2 days with this! It is far from perfect, but it works. I tried so many things to fix this.
                     <br/>
                     <br/>
                     I tinkered around in my scripts with your suggestions. Your link to the Python equivalent-functions made me try something completely different:
                     <br/>
                     <br/>
                     In the screen, instead of using
                     <span style="color: #00ff00">
                      image "my_anim"
                     </span>
                     I tried
                     <span style="color: #00ff00">
                      $ renpy.show("my_anim")
                     </span>
                     . This does update the tint correctly ... but it does not show up instantly for some reason (don't know why). It requires on little extra *interaction* tick by the user to be shown. Hovering over a HUD-button for example will make it appear. It also does have the negative side that it is not actually tied to the screen ... more on that later.
                     <br/>
                     <br/>
                     To fix the animation not showing I added
                     <span style="color: #00ff00">
                      on "show":
                      <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 bg():
    tag master
    layer "master"

    on "show":
        action Function(renpy.restart_interaction())

    frame:
        background tint("images/bg.png")

    $ renpy.show("my_anim", layer="master", tag="anim")</code></pre>
                       </div>
                      </div>
                     </span>
                     There are two things that need to be considered when using this:
                     <br/>
                     <ul>
                      <li data-xf-list-type="ul">
                       animations will reset with each screen-update, due to the timer updating my screens every 5 seconds the animation cannot be longer than 5 seconds (they can be longer in the script but they will only ever show the first 5 seconds due to the reset)
                      </li>
                      <li data-xf-list-type="ul">
                       hiding the screen will not hide the animation, easiest solution for that is to use an empty
                       <span style="color: #00ff00">
                        scene
                       </span>
                       to clear everything when they player changes his location for example
                      </li>
                     </ul>
                     I'm not really happy with this solution but I will use it for now. When moving around in the world from location to location it is noticeable slower because all tinted screen images will be tinted twice initially. Yes I could cache this somehow but I'd like to avoid that. It would be better to find a solution that works without using
                     <span style="color: #00ff00">
                      renpy.restart_interaction()
                     </span>
                     at all.
                     <br/>
                     <br/>
                     To improve this I could...
                     <br/>
                     <ul>
                      <li data-xf-list-type="ul">
                       try to tint and update ONLY the animation from the screen instead of updating everything with
                       <span style="color: #00ff00">
                        renpy.restart_interaction()
                       </span>
                       , but how?
                      </li>
                      <li data-xf-list-type="ul">
                       try to improve the speed of
                       <span style="color: #00ff00">
                        im.MatrixColor()
                       </span>
                      </li>
                      <li data-xf-list-type="ul">
                       try to find other solution
                      </li>
                      <li data-xf-list-type="ul">
                       try to build my own image-class that does always use my tint-matrix by default internally, that's some expert level stuff
                      </li>
                     </ul>
                    </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="710907" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/710907/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="710907" data-mq-action="add" href="/threads/tint-entire-screen-with-im-matrixcolor.12122/reply?quote=710907" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/710907/quote" data-xf-click="quote" href="/threads/tint-entire-screen-with-im-matrixcolor.12122/reply?quote=710907" 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/710907/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-711349" id="js-post-711349">
              <span class="u-anchorTarget" id="post-711349">
              </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/tint-entire-screen-with-im-matrixcolor.12122/post-711349" rel="nofollow">
                    <time class="u-dt" data-date-string="May 2, 2018" data-time="1525275250" data-time-string="11:34 PM" datetime="2018-05-02T23:34:10+0800" dir="auto" title="May 2, 2018 at 11:34 PM">
                     May 2, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/711349/share" data-xf-init="share-tooltip" href="/threads/tint-entire-screen-with-im-matrixcolor.12122/post-711349" 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/711349/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/tint-entire-screen-with-im-matrixcolor.12122/post-711349" rel="nofollow">
                     #6
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="anne O'nymous · May 2, 2018 at 11:34 PM" data-lb-id="post-711349">
                   <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-710907" data-xf-click="attribution" href="/goto/post?id=710907">
                        f95zoneuser463 said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        In the screen, instead of using
                        <span style="color: #00ff00">
                         image "my_anim"
                        </span>
                        I tried
                        <span style="color: #00ff00">
                         $ renpy.show("my_anim")
                        </span>
                        . This does update the tint correctly ...
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     It's surprising since it shouldn't at all happen. The
                     <i>
                      show
                     </i>
                     statement end with a call to
                     <i>
                      renpy.show
                     </i>
                     . So, if one should do more than the other, it should be the statement because of the pre-processing part, not the Python equivalent. Or is it because you put the call in a screen that it works, I'm not really sure here.
                     <br/>
                     Anyway, be careful if you update your version of Ren'py, control that it's still working like that.
                     <br/>
                     <br/>
                     <br/>
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-710907" data-xf-click="attribution" href="/goto/post?id=710907">
                        f95zoneuser463 said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        but it does not show up instantly for some reason (don't know why). It requires on little extra *interaction* tick by the user to be shown.
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     You already have the answer ; basically speaking, it's stacked and will be performed with the next interaction. But there's simpler than what you used. Try 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>    def myShow( *args, **kwargs ):
        renpy.show( *args, **kwargs )
        renpy.restart_interaction()</code></pre>
                      </div>
                     </div>
                     Use it in directly in your code place of
                     <i>
                      renpy.show
                     </i>
                     .
                     <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>label myLabel:
    [...]
    $ myShow("my_anim", layer="master", tag="anim")
    [...]
    hide my_anim</code></pre>
                      </div>
                     </div>
                     If I correctly understood your problem, it should do the same, minus the side effects.
                     <br/>
                     You can also use it directly inside the screen, still in place of
                     <i>
                      renpy.show
                     </i>
                     . In this case, the side effects should stay present, but it will simplify the screen since you don't need anymore the
                     <i>
                      on "show"
                     </i>
                     part.
                     <br/>
                     <br/>
                     <br/>
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-710907" data-xf-click="attribution" href="/goto/post?id=710907">
                        f95zoneuser463 said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        When moving around in the world from location to location it is noticeable slower because all tinted screen images will be tinted twice initially.
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     It's way more than twice. Because of the prediction and screen refresh, they'll be probably tinted every five/six seconds when the screen is displayed and the player do nothing, and can be tinted every single second if he move the mouse.
                     <br/>
                     If you want, use my
                     <a class="link link--external" href="https://f95zone.com/threads/renpy-tool-extended-variable-viewer-2-03-for-walkthrough-authors-game-authors-and-modders.5676/" rel="nofollow noopener" target="_blank">
                      Extended Variable Viewer
                     </a>
                     with a game which use way too many variables, like
                     <a class="link link--external" href="https://f95zone.com/threads/77/" rel="nofollow noopener" target="_blank">
                      the library story
                     </a>
                     by example. Just open the tool's screen to see all the variables, then move the mouse over the data. You'll see how screen refresh can strongly slow down something (yet it's now optimized and two times faster than a regular code). It's an extreme case, but still a good example.
                     <br/>
                     So, if the
                     <i>
                      myShow
                     </i>
                     trick works, I recommend you to prefer it over your screen solution. It will imply less prediction and no screen refresh, and so shouldn't slow down your game.
                     <br/>
                     <br/>
                     <br/>
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-710907" data-xf-click="attribution" href="/goto/post?id=710907">
                        f95zoneuser463 said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        Yes I could cache this somehow but I'd like to avoid that. It would be better to find a solution that works without using
                        <span style="color: #00ff00">
                         renpy.restart_interaction()
                        </span>
                        at all.
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     It's not possible. Whatever you'll use, either it will be explicitly called by yourself, or implicitly called by Ren'py.
                     <br/>
                     <br/>
                     <br/>
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-710907" data-xf-click="attribution" href="/goto/post?id=710907">
                        f95zoneuser463 said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        <ul>
                         <li data-xf-list-type="ul">
                          try to tint and update ONLY the animation from the screen instead of updating everything with
                          <span style="color: #00ff00">
                           renpy.restart_interaction()
                          </span>
                          , but how?
                         </li>
                        </ul>
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     Using a
                     <a class="link link--external" href="https://www.renpy.org/doc/html/udd.html" rel="nofollow noopener" target="_blank">
                      creator defined displayable
                     </a>
                     could perhaps do it with the help of
                     <a class="link link--external" href="https://www.renpy.org/doc/html/udd.html#renpy.redraw" rel="nofollow noopener" target="_blank">
                      renpy.redraw
                     </a>
                     . But you'll have to fight against the small documentation on this subject.
                     <br/>
                     You'll also have to find a way to discriminate the call to the
                     <i>
                      event
                     </i>
                     method to only redraw when it's really this displayable which need to be updated (which is almost never done with Ren'py displayable, that's why my "slow down" example above happen. The whole viewport is redrawn each time one of the
                     <i>
                      text
                     </i>
                     displayable is updated because the mouse have moved).
                     <br/>
                     And still you'll have to deal with the fact that the tint should be changed.
                     <br/>
                     <br/>
                     To my knowledge, it's the only way to redraw just a displayable.
                    </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="711349" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/711349/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="711349" data-mq-action="add" href="/threads/tint-entire-screen-with-im-matrixcolor.12122/reply?quote=711349" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/711349/quote" data-xf-click="quote" href="/threads/tint-entire-screen-with-im-matrixcolor.12122/reply?quote=711349" 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/711349/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-712505" id="js-post-712505">
              <span class="u-anchorTarget" id="post-712505">
              </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/tint-entire-screen-with-im-matrixcolor.12122/post-712505" rel="nofollow">
                    <time class="u-dt" data-date-string="May 3, 2018" data-time="1525300411" data-time-string="6:33 AM" datetime="2018-05-03T06:33:31+0800" dir="auto" title="May 3, 2018 at 6:33 AM">
                     May 3, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/712505/share" data-xf-init="share-tooltip" href="/threads/tint-entire-screen-with-im-matrixcolor.12122/post-712505" 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/712505/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/tint-entire-screen-with-im-matrixcolor.12122/post-712505" rel="nofollow">
                     #7
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="f95zoneuser463 · May 3, 2018 at 6:33 AM" data-lb-id="post-712505">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     Another solution without
                     <span style="color: #00ff00">
                      renpy.restart_interaction()
                     </span>
                     and instead of ATL now python:
                     <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>def my_anim(st, at):
    # modulo to repeat endless
    if st % 5 &lt; 2.5:
        return tint("drink1.png"), 1
    else:
        return tint("drink2.png"), 1

# inside the master screen:
image DynamicDisplayable(my_anim)</code></pre>
                       </div>
                      </div>
                     </span>
                     No interaction-tricks, it is tied to the screen like it should be and the animation will not reset.
                     <br/>
                     <br/>
                     Tomorrow I will look into
                     <span style="color: #00ff00">
                      im.MatrixColor()
                     </span>
                     . The performance annoys me. I had the idea to make a customized version of this function that does ignore the alpha-channel ... it could then be used on the backgrounds. Why the f*ck does renpy not use a GPU shaders to do this stuff, it's 2018 and every little cheap smartphone from 5 years ago can do that, argh.
                     <br/>
                     I really need to sleep now...
                     <br/>
                     <br/>
                     <span style="color: #ff0000">
                      Edit:
                     </span>
                     cropping all transparent overlay images and position them manually in RenPy-script helps a lot to reduce the amount of pixels im.MatrixColor() has to process -&gt; better performance.
                     <br/>
                     I made .bat-files to do this automatically,
                     <a class="link link--external" href="https://f95zone.com/threads/bat-file-for-semi-automatic-cropping-of-transparent-png-overlays.12263/" rel="nofollow noopener" target="_blank">
                      look here
                     </a>
                    </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="712505" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/712505/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="712505" data-mq-action="add" href="/threads/tint-entire-screen-with-im-matrixcolor.12122/reply?quote=712505" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/712505/quote" data-xf-click="quote" href="/threads/tint-entire-screen-with-im-matrixcolor.12122/reply?quote=712505" 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/712505/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 2367 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-92728" data-author="Deleted member 1121028">
               <div class="structItem-cell structItem-cell--icon">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--s avatar--default avatar--default--dynamic" data-user-id="1121028" data-xf-init="member-tooltip" href="/members/deleted-member-1121028.1121028/" style="background-color: #1e88e5; color: #82b1ff">
                  <span class="avatar-u1121028-s">
                   D
                  </span>
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
                <div class="structItem-title" uix-data-href="/threads/render-good-and-fast-with-iray.92728/">
                 <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/render-good-and-fast-with-iray.92728/preview" data-tp-primary="on" data-xf-init="preview-tooltip" href="/threads/render-good-and-fast-with-iray.92728/">
                  Render good and fast with Iray
                 </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=92728">
                    Ignore
                   </a>
                  </li>
                 </ul>
                 <ul class="structItem-parts">
                  <li>
                   <a class="username" data-user-id="1121028" data-xf-init="member-tooltip" dir="auto" href="/members/deleted-member-1121028.1121028/">
                    Deleted member 1121028
                   </a>
                  </li>
                  <li class="structItem-startDate">
                   <a href="/threads/render-good-and-fast-with-iray.92728/" rel="nofollow">
                    <time class="u-dt" data-date-string="Aug 29, 2021" data-time="1630241292" data-time-string="8:48 PM" datetime="2021-08-29T20:48:12+0800" dir="auto" title="Aug 29, 2021 at 8:48 PM">
                     Aug 29, 2021
                    </time>
                   </a>
                  </li>
                 </ul>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--meta" title="First message reaction score: 7">
                <dl class="pairs pairs--justified">
                 <dt>
                  Replies
                 </dt>
                 <dd>
                  5
                 </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/render-good-and-fast-with-iray.92728/latest" rel="nofollow">
                 <time class="structItem-latestDate u-dt" data-date-string="Aug 31, 2021" data-time="1630342552" data-time-string="12:55 AM" datetime="2021-08-31T00:55:52+0800" dir="auto" title="Aug 31, 2021 at 12:55 AM">
                  Aug 31, 2021
                 </time>
                </a>
                <div class="structItem-minor">
                 <a class="username" data-user-id="1121028" data-xf-init="member-tooltip" dir="auto" href="/members/deleted-member-1121028.1121028/">
                  Deleted member 1121028
                 </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="1121028" data-xf-init="member-tooltip" href="/members/deleted-member-1121028.1121028/" style="background-color: #1e88e5; color: #82b1ff">
                  <span class="avatar-u1121028-s">
                   D
                  </span>
                 </a>
                </div>
               </div>
              </div>
              <div class="structItem structItem--thread js-trendingThreadItem js-inlineModContainer js-threadListItem-30059" data-author="no im not">
               <div class="structItem-cell structItem-cell--icon">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--s" data-user-id="928986" data-xf-init="member-tooltip" href="/members/no-im-not.928986/">
                  <img alt="no im not" class="avatar-u928986-s" src="/data/avatars/s/928/928986.jpg?1552102673" srcset="/data/avatars/m/928/928986.jpg?1552102673 2x"/>
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
                <div class="structItem-title" uix-data-href="/threads/make-game-with-playhome.30059/">
                 <a class="" data-preview-url="/threads/make-game-with-playhome.30059/preview" data-tp-primary="on" data-xf-init="preview-tooltip" href="/threads/make-game-with-playhome.30059/">
                  Make game with PLAYHOME
                 </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=30059">
                    Ignore
                   </a>
                  </li>
                 </ul>
                 <ul class="structItem-parts">
                  <li>
                   <a class="username" data-user-id="928986" data-xf-init="member-tooltip" dir="auto" href="/members/no-im-not.928986/">
                    no im not
                   </a>
                  </li>
                  <li class="structItem-startDate">
                   <a href="/threads/make-game-with-playhome.30059/" rel="nofollow">
                    <time class="u-dt" data-date-string="May 10, 2019" data-time="1557488658" data-time-string="7:44 PM" datetime="2019-05-10T19:44:18+0800" dir="auto" title="May 10, 2019 at 7:44 PM">
                     May 10, 2019
                    </time>
                   </a>
                  </li>
                 </ul>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--meta" title="First message reaction score: 3">
                <dl class="pairs pairs--justified">
                 <dt>
                  Replies
                 </dt>
                 <dd>
                  0
                 </dd>
                </dl>
                <dl class="pairs pairs--justified structItem-minor">
                 <dt>
                  Views
                 </dt>
                 <dd>
                  6K
                 </dd>
                </dl>
               </div>
               <div class="structItem-cell structItem-cell--latest uix_posterIsUser">
                <a href="/threads/make-game-with-playhome.30059/latest" rel="nofollow">
                 <time class="structItem-latestDate u-dt" data-date-string="May 10, 2019" data-time="1557488658" data-time-string="7:44 PM" datetime="2019-05-10T19:44:18+0800" dir="auto" title="May 10, 2019 at 7:44 PM">
                  May 10, 2019
                 </time>
                </a>
                <div class="structItem-minor">
                 <a class="username" data-user-id="928986" data-xf-init="member-tooltip" dir="auto" href="/members/no-im-not.928986/">
                  no im not
                 </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="928986" data-xf-init="member-tooltip" href="/members/no-im-not.928986/">
                  <img alt="no im not" class="avatar-u928986-s" src="/data/avatars/s/928/928986.jpg?1552102673"/>
                 </a>
                </div>
               </div>
              </div>
              <div class="structItem structItem--thread js-trendingThreadItem is-prefix7 js-inlineModContainer js-threadListItem-48098" data-author="Racker6">
               <div class="structItem-cell structItem-cell--icon">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--s avatar--default avatar--default--dynamic" data-user-id="765714" data-xf-init="member-tooltip" href="/members/racker6.765714/" style="background-color: #004d40; color: #a7ffeb">
                  <span class="avatar-u765714-s">
                   R
                  </span>
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
                <div class="structItem-title" uix-data-href="/threads/error-with-the-end-of-the-videos.48098/">
                 <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/error-with-the-end-of-the-videos.48098/preview" data-tp-primary="on" data-xf-init="preview-tooltip" href="/threads/error-with-the-end-of-the-videos.48098/">
                  Error with the end of the videos
                 </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=48098">
                    Ignore
                   </a>
                  </li>
                 </ul>
                 <ul class="structItem-parts">
                  <li>
                   <a class="username" data-user-id="765714" data-xf-init="member-tooltip" dir="auto" href="/members/racker6.765714/">
                    Racker6
                   </a>
                  </li>
                  <li class="structItem-startDate">
                   <a href="/threads/error-with-the-end-of-the-videos.48098/" rel="nofollow">
                    <time class="u-dt" data-date-string="Mar 17, 2020" data-time="1584406581" data-time-string="8:56 AM" datetime="2020-03-17T08:56:21+0800" dir="auto" title="Mar 17, 2020 at 8:56 AM">
                     Mar 17, 2020
                    </time>
                   </a>
                  </li>
                 </ul>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--meta" title="First message reaction score: 3">
                <dl class="pairs pairs--justified">
                 <dt>
                  Replies
                 </dt>
                 <dd>
                  4
                 </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/error-with-the-end-of-the-videos.48098/latest" rel="nofollow">
                 <time class="structItem-latestDate u-dt" data-date-string="Mar 18, 2020" data-time="1584462367" data-time-string="12:26 AM" datetime="2020-03-18T00:26:07+0800" dir="auto" title="Mar 18, 2020 at 12:26 AM">
                  Mar 18, 2020
                 </time>
                </a>
                <div class="structItem-minor">
                 <a class="username" data-user-id="765714" data-xf-init="member-tooltip" dir="auto" href="/members/racker6.765714/">
                  Racker6
                 </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="765714" data-xf-init="member-tooltip" href="/members/racker6.765714/" style="background-color: #004d40; color: #a7ffeb">
                  <span class="avatar-u765714-s">
                   R
                  </span>
                 </a>
                </div>
               </div>
              </div>
              <div class="structItem structItem--thread js-trendingThreadItem js-inlineModContainer js-threadListItem-19544" data-author="Cohibozz">
               <div class="structItem-cell structItem-cell--icon">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--s avatar--default avatar--default--dynamic" data-user-id="820040" data-xf-init="member-tooltip" href="/members/cohibozz.820040/" style="background-color: #2e7d32; color: #b9f6ca">
                  <span class="avatar-u820040-s">
                   C
                  </span>
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
                <div class="structItem-title" uix-data-href="/threads/renpy-crazy-screen.19544/">
                 <a class="" data-preview-url="/threads/renpy-crazy-screen.19544/preview" data-tp-primary="on" data-xf-init="preview-tooltip" href="/threads/renpy-crazy-screen.19544/">
                  RENPY: crazy screen
                 </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=19544">
                    Ignore
                   </a>
                  </li>
                 </ul>
                 <ul class="structItem-parts">
                  <li>
                   <a class="username" data-user-id="820040" data-xf-init="member-tooltip" dir="auto" href="/members/cohibozz.820040/">
                    Cohibozz
                   </a>
                  </li>
                  <li class="structItem-startDate">
                   <a href="/threads/renpy-crazy-screen.19544/" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 20, 2018" data-time="1540043737" data-time-string="9:55 PM" datetime="2018-10-20T21:55:37+0800" dir="auto" title="Oct 20, 2018 at 9:55 PM">
                     Oct 20, 2018
                    </time>
                   </a>
                  </li>
                 </ul>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--meta" title="First message reaction score: 1">
                <dl class="pairs pairs--justified">
                 <dt>
                  Replies
                 </dt>
                 <dd>
                  12
                 </dd>
                </dl>
                <dl class="pairs pairs--justified structItem-minor">
                 <dt>
                  Views
                 </dt>
                 <dd>
                  1K
                 </dd>
                </dl>
               </div>
               <div class="structItem-cell structItem-cell--latest">
                <a href="/threads/renpy-crazy-screen.19544/latest" rel="nofollow">
                 <time class="structItem-latestDate u-dt" data-date-string="Oct 23, 2018" data-time="1540226440" data-time-string="12:40 AM" datetime="2018-10-23T00:40:40+0800" dir="auto" title="Oct 23, 2018 at 12:40 AM">
                  Oct 23, 2018
                 </time>
                </a>
                <div class="structItem-minor">
                 <a class="username" data-user-id="63812" data-xf-init="member-tooltip" dir="auto" href="/members/anne-onymous.63812/">
                  anne O'nymous
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--icon structItem-cell--iconEnd">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--xxs" data-user-id="63812" data-xf-init="member-tooltip" href="/members/anne-onymous.63812/">
                  <img alt="anne O'nymous" class="avatar-u63812-s" src="/data/avatars/s/63/63812.jpg?1507736890"/>
                 </a>
                </div>
               </div>
              </div>
              <div class="structItem structItem--thread js-trendingThreadItem is-prefix2 js-inlineModContainer js-threadListItem-56404" data-author="Fallen Angel Productions">
               <div class="structItem-cell structItem-cell--icon">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--s" data-user-id="34913" data-xf-init="member-tooltip" href="/members/fallen-angel-productions.34913/">
                  <img alt="Fallen Angel Productions" class="avatar-u34913-s" src="/data/avatars/s/34/34913.jpg?1584674719" srcset="/data/avatars/m/34/34913.jpg?1584674719 2x"/>
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
                <div class="structItem-title" uix-data-href="/threads/help-with-developing-with-rpgmv-and-honey-select.56404/">
                 <a class="labelLink" data-xf-init="tooltip" href="/forums/dev-help.113/?prefix_id[0]=2" rel="nofollow" title="Add to filters">
                  <span class="label label--blue" dir="auto">
                   RPGM
                  </span>
                 </a>
                 <a class="" data-preview-url="/threads/help-with-developing-with-rpgmv-and-honey-select.56404/preview" data-tp-primary="on" data-xf-init="preview-tooltip" href="/threads/help-with-developing-with-rpgmv-and-honey-select.56404/">
                  Help with Developing with Rpgmv and Honey Select
                 </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=56404">
                    Ignore
                   </a>
                  </li>
                 </ul>
                 <ul class="structItem-parts">
                  <li>
                   <a class="username" data-user-id="34913" data-xf-init="member-tooltip" dir="auto" href="/members/fallen-angel-productions.34913/">
                    Fallen Angel Productions
                   </a>
                  </li>
                  <li class="structItem-startDate">
                   <a href="/threads/help-with-developing-with-rpgmv-and-honey-select.56404/" rel="nofollow">
                    <time class="u-dt" data-date-string="Jul 10, 2020" data-time="1594385840" data-time-string="8:57 PM" datetime="2020-07-10T20:57:20+0800" dir="auto" title="Jul 10, 2020 at 8:57 PM">
                     Jul 10, 2020
                    </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>
                  11
                 </dd>
                </dl>
                <dl class="pairs pairs--justified structItem-minor">
                 <dt>
                  Views
                 </dt>
                 <dd>
                  6K
                 </dd>
                </dl>
               </div>
               <div class="structItem-cell structItem-cell--latest">
                <a href="/threads/help-with-developing-with-rpgmv-and-honey-select.56404/latest" rel="nofollow">
                 <time class="structItem-latestDate u-dt" data-date-string="Jan 21, 2022" data-time="1642777739" data-time-string="11:08 PM" datetime="2022-01-21T23:08:59+0800" dir="auto" title="Jan 21, 2022 at 11:08 PM">
                  Jan 21, 2022
                 </time>
                </a>
                <div class="structItem-minor">
                 <a class="username" data-user-id="1118622" data-xf-init="member-tooltip" dir="auto" href="/members/spit-nick.1118622/">
                  Spit-Nick
                 </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="1118622" data-xf-init="member-tooltip" href="/members/spit-nick.1118622/" style="background-color: #00bcd4; color: #84ffff">
                  <span class="avatar-u1118622-s">
                   S
                  </span>
                 </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/tint-entire-screen-with-im-matrixcolor.12122/br-rate" data-readonly="false" data-show-selected="true" data-vote-content='&lt;div data-href="/threads/tint-entire-screen-with-im-matrixcolor.12122/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>
