CINXE.COM

<!doctype html> <html class="no-js" itemscope="itemscope" itemtype="https://schema.org/WebPage" lang="en-US"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta name="pocket-site-verification" content="980146f69f13b97117ac7111327ea3" /> <link rel="manifest" href="https://www.cartoonbrew.com/wp-content/themes/cartoon-brew/manifest.json"> <meta name="facebook-domain-verification" content="lqa6jubvdt6r6lvz2a1bjmmphpe5aw" /> <link rel="alternate" type="application/rss+xml" title="Cartoon Brew | Animation News, Animated Cartoons" href="https://cartoonbrew.com/feed" /> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;800&family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>  <title>Tech Archives | Cartoon Brew</title> <link rel="canonical" href="https://www.cartoonbrew.com/tech" /> <link rel="next" href="https://www.cartoonbrew.com/tech/page/2" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Tech Archives | Cartoon Brew" /> <meta property="og:url" content="https://www.cartoonbrew.com/tech" /> <meta property="og:site_name" content="Cartoon Brew" /> <meta property="og:image" content="https://www.cartoonbrew.com/wp-content/uploads/2017/11/cartoonbrew-sitelogo.jpg" /> <meta property="og:image:width" content="1280" /> <meta property="og:image:height" content="600" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@cartoonbrew" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://www.cartoonbrew.com/tech","url":"https://www.cartoonbrew.com/tech","name":"Tech Archives | Cartoon Brew","isPartOf":{"@id":"https://www.cartoonbrew.com/#website"},"primaryImageOfPage":{"@id":"https://www.cartoonbrew.com/tech#primaryimage"},"image":{"@id":"https://www.cartoonbrew.com/tech#primaryimage"},"thumbnailUrl":"https://www.cartoonbrew.com/wp-content/uploads/2025/02/wildrobot_opensource.jpg","breadcrumb":{"@id":"https://www.cartoonbrew.com/tech#breadcrumb"},"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.cartoonbrew.com/tech#primaryimage","url":"https://www.cartoonbrew.com/wp-content/uploads/2025/02/wildrobot_opensource.jpg","contentUrl":"https://www.cartoonbrew.com/wp-content/uploads/2025/02/wildrobot_opensource.jpg","width":1280,"height":600,"caption":"The Wild Robot"},{"@type":"BreadcrumbList","@id":"https://www.cartoonbrew.com/tech#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.cartoonbrew.com/"},{"@type":"ListItem","position":2,"name":"Tech"}]},{"@type":"WebSite","@id":"https://www.cartoonbrew.com/#website","url":"https://www.cartoonbrew.com/","name":"Cartoon Brew","description":"Animation News, Animated Cartoons","publisher":{"@id":"https://www.cartoonbrew.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.cartoonbrew.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://www.cartoonbrew.com/#organization","name":"Cartoon Brew, LLC","url":"https://www.cartoonbrew.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.cartoonbrew.com/#/schema/logo/image/","url":"https://www.cartoonbrew.com/wp-content/uploads/2019/05/logo_cb.png","contentUrl":"https://www.cartoonbrew.com/wp-content/uploads/2019/05/logo_cb.png","width":700,"height":202,"caption":"Cartoon Brew, LLC"},"image":{"@id":"https://www.cartoonbrew.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/groups/14828751350/","https://x.com/cartoonbrew","https://instagram.com/cartoonbrew","https://www.pinterest.com/cartoonbrew/","http://www.youtube.com/user/cartoonbrew"]}]}</script>  <link rel='dns-prefetch' href='//ajax.googleapis.com' /> <link rel='dns-prefetch' href='//www.googletagmanager.com' /> <link rel='dns-prefetch' href='//www.reachoutmedia.com' /> <link rel='dns-prefetch' href='//pagead2.googlesyndication.com' /> <link rel="alternate" type="application/rss+xml" title="Cartoon Brew » Tech Category Feed" href="https://www.cartoonbrew.com/tech/feed" /> <link rel='stylesheet' id='wp-block-library-css' href='https://www.cartoonbrew.com/wp-includes/css/dist/block-library/style.min.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='activecampaign-form-block-css' href='https://www.cartoonbrew.com/wp-content/plugins/activecampaign-subscription-forms/activecampaign-form-block/build/style-index.css?ver=1712937938' type='text/css' media='all' /> <style id='restrict-content-pro-content-upgrade-redirect-style-inline-css' type='text/css'> .wp-block-restrict-content-pro-content-upgrade-redirect .wp-block-button__width-25{width:calc(25% - .5rem)}.wp-block-restrict-content-pro-content-upgrade-redirect .wp-block-button__width-25 .wp-block-button__link{width:100%}.wp-block-restrict-content-pro-content-upgrade-redirect .wp-block-button__width-50{width:calc(50% - .5rem)}.wp-block-restrict-content-pro-content-upgrade-redirect .wp-block-button__width-50 .wp-block-button__link{width:100%}.wp-block-restrict-content-pro-content-upgrade-redirect .wp-block-button__width-75{width:calc(75% - .5rem)}.wp-block-restrict-content-pro-content-upgrade-redirect .wp-block-button__width-75 .wp-block-button__link{width:100%}.wp-block-restrict-content-pro-content-upgrade-redirect .wp-block-button__width-100{margin-right:0;width:100%}.wp-block-restrict-content-pro-content-upgrade-redirect .wp-block-button__width-100 .wp-block-button__link{width:100%} </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='contact-form-7-css' href='https://www.cartoonbrew.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.0.3' type='text/css' media='all' /> <link rel='stylesheet' id='conditional-css' href='https://www.cartoonbrew.com/wp-content/themes/cartoon-brew/dist/styles/conditional.css?ver=6.7.2' type='text/css' media='' /> <style id='akismet-widget-style-inline-css' type='text/css'> .a-stats { --akismet-color-mid-green: #357b49; --akismet-color-white: #fff; --akismet-color-light-grey: #f6f7f7; max-width: 350px; width: auto; } .a-stats * { all: unset; box-sizing: border-box; } .a-stats strong { font-weight: 600; } .a-stats a.a-stats__link, .a-stats a.a-stats__link:visited, .a-stats a.a-stats__link:active { background: var(--akismet-color-mid-green); border: none; box-shadow: none; border-radius: 8px; color: var(--akismet-color-white); cursor: pointer; display: block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif; font-weight: 500; padding: 12px; text-align: center; text-decoration: none; transition: all 0.2s ease; } /* Extra specificity to deal with TwentyTwentyOne focus style */ .widget .a-stats a.a-stats__link:focus { background: var(--akismet-color-mid-green); color: var(--akismet-color-white); text-decoration: none; } .a-stats a.a-stats__link:hover { filter: brightness(110%); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.16); } .a-stats .count { color: var(--akismet-color-white); display: block; font-size: 1.5em; line-height: 1.4; padding: 0 13px; white-space: nowrap; } </style> <link rel='stylesheet' id='sage_css-css' href='https://www.cartoonbrew.com/wp-content/themes/cartoon-brew/dist/styles/main-v12.css' type='text/css' media='all' /> <link rel='stylesheet' id='cb-styles-css' href='https://www.cartoonbrew.com/wp-content/themes/cartoon-brew/lib/css/cb_styles.css' type='text/css' media='all' /> <script type="text/javascript" data-cfasync='false' src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js?ver=2.1.4" id="jquery-js"></script> <script type="text/javascript" data-cfasync='false' src="https://www.cartoonbrew.com/wp-content/themes/cartoon-brew/js/scripts.js?ver=6.7.2" id="custom-script-js"></script>   <script type="text/javascript" data-cfasync='false' src="https://www.googletagmanager.com/gtag/js?id=GT-TBZRP6J" id="google_gtagjs-js" async></script> <script type="text/javascript" id="google_gtagjs-js-after"> /* <![CDATA[ */ window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);} gtag("set","linker",{"domains":["www.cartoonbrew.com"]}); gtag("js", new Date()); gtag("set", "developer_id.dZTNiMT", true); gtag("config", "GT-TBZRP6J"); /* ]]> */ </script>  <meta name="generator" content="Site Kit by Google 1.146.0" />  <meta name="google-adsense-platform-account" content="ca-host-pub-2644536267352236"> <meta name="google-adsense-platform-domain" content="sitekit.withgoogle.com">   <script type="text/javascript"> /* <![CDATA[ */ ( function( w, d, s, l, i ) { w[l] = w[l] || []; w[l].push( {'gtm.start': new Date().getTime(), event: 'gtm.js'} ); var f = d.getElementsByTagName( s )[0], j = d.createElement( s ), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore( j, f ); } )( window, document, 'script', 'dataLayer', 'GTM-T9WZZVRV' ); /* ]]> */ </script>   <script type="text/javascript" async="async" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7836466532896119&host=ca-host-pub-2644536267352236" crossorigin="anonymous"></script>  <link rel="icon" href="https://www.cartoonbrew.com/wp-content/uploads/2018/03/cropped-cropped-favicon-3-150x150.png" sizes="32x32" /> <link rel="icon" href="https://www.cartoonbrew.com/wp-content/uploads/2018/03/cropped-cropped-favicon-3-380x380.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.cartoonbrew.com/wp-content/uploads/2018/03/cropped-cropped-favicon-3-180x180.png" /> <meta name="msapplication-TileImage" content="https://www.cartoonbrew.com/wp-content/uploads/2018/03/cropped-cropped-favicon-3-380x380.png" /> <style type="text/css" id="wp-custom-css"> .main .posts-container .post-list.cb-post-bnr img { width: 100%; } @media screen and (max-width: 599px) { .site-takeover #pico_launcher { bottom: 40px !important; } } @media screen and (min-width: 768px) { body.paged.site-takeover .posts-container { margin-top: 0; } } article[data-pico-status="paying"] .cb-ad { display: none; } @media screen and (max-width: 599px) { body .nav-col-brand .brand { display: inline-block; width: 150px !important; height: auto; } } </style>  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.css"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5920540777365176" crossorigin="anonymous"></script>  <link rel="preload" as="script" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js"> <link rel="preload" as="script" href="https://d3lcz8vpax4lo2.cloudfront.net/ads-code/f4419227-cf7a-43be-beb6-be058f2f7f1b.js"> <script data-cfasync="false" type="text/javascript">(function (a, c, s, u){'Insticator'in a || (a.Insticator={ad:{loadAd: function (b){Insticator.ad.q.push(b)}, q: []}, helper:{}, embed:{}, version: "4.0", q: [], load: function (t, o){Insticator.q.push({t: t, o: o})}}); var b=c.createElement(s); b.src=u; b.async=!0; var d=c.getElementsByTagName(s)[0]; d.parentNode.insertBefore(b, d)})(window, document, 'script', 'https://d3lcz8vpax4lo2.cloudfront.net/ads-code/f4419227-cf7a-43be-beb6-be058f2f7f1b.js')</script><script async type="text/javascript" src="https://product.instiengage.com/product-loader-code/f4419227-cf7a-43be-beb6-be058f2f7f1b.js"></script>  </head> <body class="archive category category-tech category-48 wp-custom-logo fixed standard-page sidebar-primary"> <div class="body-wrapper">  <style> body.fixedBody { overflow: hidden; } body.site-takeover { background-size: 1920px,auto; } @media screen and (min-width: 992px) { body.fixed { padding: 132px 0 0; } } .navbar.navbar-fixed-top .nav-wrapper { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } body.site-takeover .main .mobile-share.show { bottom: 50px; } .nav-col-brand { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 25%; -ms-flex: 0 1 25%; flex: 0 1 25%; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .nav-col-brand .brand { padding: .5em 0; display: block; } .nav-col-util { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex: 0 1 75%; -ms-flex: 0 1 75%; flex: 0 1 75%; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; font-size: 14px; } .nav-col-main { -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; font-size: 14px; } .nav-col-main { padding: 0; list-style-type: none; font-size: 15px; } .nav-col-main > li { display: inline-block; } .nav-col-main >li:nth-child(1) { margin-left: -0.75em; } .nav-col-main > li a { display: block; padding: 0px .75em .5em; font: 700 1em/1 'Inter', sans-serif; } .nav-col-main ul.sub-menu { transition: opacity .125s ease; height: 1px; width: 1px; overflow: hidden; opacity: 0; position: absolute; top: -100%; left: -100px; padding: 0; margin: 0; list-style-type: none; border-radius: .25em; max-width: 200px; z-index: 103; padding-top: 15px; } .nav-col-main ul.sub-menu > li { background: #fff; border: 1px solid #cd2026; border-top: 0 none; border-bottom: 0 none; padding: 0 15px; } .nav-col-main ul.sub-menu > li:nth-child(1) { border-top: 1px solid #cd2026; border-radius: .25em .25em 0px 0px; padding-top: 4px; } .nav-col-main ul.sub-menu > li:last-child { border-bottom: 1px solid #cd2026; border-radius: 0px 0px .25em .25em; } .nav-col-main ul.sub-menu a { display: block; border-bottom: 1px solid #cd2026; padding: .75em 0; text-align: center; } .nav-col-main ul.sub-menu li:last-child a { border-bottom: 0 none; } .nav-col-main ul.sub-menu:before, .nav-col-main ul.sub-menu:after { left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-width: 16px; margin-left: -16px; } .nav-col-main ul.sub-menu:before { top: -17px; border-bottom-color: #cd2026; } .nav-col-main ul.sub-menu:after { border-bottom-color: #fff; top: -16px; } ul.member-menu { margin: 0; padding: 0; list-style-type: none; } ul.member-menu li { display: inline-block; font-size: 14px; font: 400 14px/14px 'Inter', sans-serif; margin: 0 1em; text-transform: capitalize; } ul.member-menu li:last-child { margin-right: 0; } ul.member-menu li i.fas { display: none; } ul.member-menu li.btn-li a { display: inline-block; padding: .75em 1em .75em; border-radius: .25em; color: #fff; background-color: #cd2026; } ul.desktop-menu li.has-children { position: relative; } ul.desktop-menu li.has-children > a:after { font-family: 'Glyphicons Halflings'; display: inline-block; margin: 0 0 0 .5em; content: "\e114"; font-size: .75em; line-height: 1; } ul.desktop-menu li.has-children:hover ul { height: auto; width: 200px; top: 100%; margin: 0 auto; display: inline-block; opacity: 1; overflow: visible; left: 50%; transform: translateX(-50%); } .mobile-nav { display: none; } .search-form-toggle { float: right; } .search-form-toggle i { cursor: pointer; } .search-form-toggle .search-open { display: block; } .search-form-toggle .search-close { display: none; } .search-form-toggle.on .search-open { display: none; } .search-form-toggle.on .search-close { display: block; } .search-modal { opacity: 0; height: 0; overflow: hidden; background: #fff; position: fixed; top: 137px; bottom: 0; left: 0; right: 0; transition: 0.25s all linear; } .search-modal.on { height: auto; opacity: 1; } .site-takeover .search-modal.on { top: 237px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1020px; } .search-modal form { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 550px; width: 80%; } .search-modal form input, .search-modal form input:focus { border: 0 none; outline: none; font: 400 2.5em/1 'Inter', sans-serif; width: 100%; text-align: center; } @media screen and (min-width: 992px) { body.fixed { padding: 132px 0 0; } body.fixed.site-takeover { padding-top: 237px; } ul.member-menu li { padding-top: 30px; } .logged-in ul.member-menu li { padding-top: 34px; } } @media screen and (max-width: 991px) { ul.desktop-menu { display: none; visibility: hidden; } .navbar.navbar-fixed-top .nav-wrapper { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .nav-col { padding: 0 1em; } .nav-col-brand { -webkit-flex: 0 1 55%; -ms-flex: 0 1 55%; flex: 0 1 55%; } .nav-col-util { -webkit-flex: 0 1 45%; -ms-flex: 0 1 45%; flex: 0 1 45%; } .mobile-nav { -webkit-order: 3; -ms-flex-order: 3; order: 3; display: block; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; } .mobile-nav li a { color: #fff; text-transform: uppercase; border-bottom: 1px solid #fff; } .mobile-nav li a:hover { color: #fff; background: #cd2026; text-decoration: underline; } .nav-col-brand button { display: inline-block; position: relative; background: transparent; border: 0; width: 30px; height: 30px; overflow: hidden; margin-right: .5em; vertical-align: middle; } .nav-btn .toggle-bar { display: block; background-color: #cd2026; border-radius: 4px; height: 4px; overflow: hidden; position: absolute; left: 4px; right: 4px; transition: all .2s linear; } .nav-btn.nav-collapsed .toggle-bar.t1 { top: 4px; transform: rotate(0); } .nav-btn.nav-opened .toggle-bar.t1 { top: 50%; transform: rotate(45deg); } .nav-btn.nav-collapsed .toggle-bar.t2 { top: 50%; transform: translateY(-50%); } .nav-btn.nav-opened .toggle-bar.t2 { background-color: transparent; left: -40px; right: 50px; } .nav-btn.nav-collapsed .toggle-bar.t3 { bottom: 4px; transform: rotate(0); } .nav-btn.nav-opened .toggle-bar.t3 { top: 50%; bottom: auto; transform: rotate(-45deg); } .nav-col-brand .brand { display: inline-block; width: 136px; height: 54px; } ul.member-menu li.btn-li a { display: inline-block; padding: 0; border-radius: .25em; color: #cd2026; background-color: transparent; } .navbar.navbar-fixed-top nav.navbar { margin-bottom: 0; } .navbar.navbar-fixed-top nav.navbar.nav-opened { margin-top: 10px; margin-bottom: 10px; } .menu-member-navigation-container { padding-top: 10px; } } @media screen and (max-width: 991px) { html body.site-takeover, html body.fixed.site-takeover { padding-top: 120px !important; } } @media screen and (max-width: 601px) { .nav-col-brand .brand { display: inline-block; width: 126px; height: 40px; } } @media screen and (max-width: 600px) { html body.site-takeover, html body.fixed.site-takeover { padding-top: 0px !important; } .nav-col-brand .brand img { width: 115px; } ul.member-menu li { font-size: 12px; padding-top: 8px; } ul.member-menu li:nth-child(1) { margin: 0 0; } .nav-wrapper { height: 50px; } } @media screen and (max-width: 767px) { body.site-takeover .cb-site-takeover { top: 0 !important; left: 0 !important; bottom: auto !important; width: 100% !important; height: auto !important; } html body.site-takeover, html body.fixed.site-takeover { padding-top: 75px !important; } } @media screen and (max-width: 599px) { .nav-col-util { -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; } .nav-col-brand .brand { display: inline-block; width: 110px; height: 40px; } body.site-takeover .cb-site-takeover { top: auto !important; left: 0 !important; bottom: 0 !important; width: 100% !important; height: 50px !important; text-align: center; } body.site-takeover .cb-site-takeover a img { height: 50px; width: auto; } html body.site-takeover, html body.fixed.site-takeover { padding-top: 0 !important; } } @media screen and (max-width: 767px) { body.site-takeover .cb-site-takeover { background: rgba(0, 0, 0, 0.6); } } @media screen and (max-width: 600px) body.site-takeover .cb-site-takeover { background: rgba(0, 0, 0, 0.6); } } @media screen and (max-width: 480px) { body.site-takeover .cb-site-takeover { top: auto !important; left: 0 !important; bottom: 0 !important; width: 100% !important; height: 40px !important; text-align: center; } body.site-takeover .cb-site-takeover a img { height: 40px; width: auto; } html body.site-takeover, html body.fixed.site-takeover { padding-top: 0 !important; } } @media screen and (max-width: 330px) { .nav-col-brand .brand { display: inline-block; width: 99px; height: 40px; } ul.member-menu li { font-size: 10px; padding-top: 8px; } } a.pico { cursor: pointer; } .desktop-ad-ess-top, .mobile-ad-ess-top { display: none; } @media screen and (min-width: 600px) { body.site-takeover .desktop-ad-ess-top { display: block; overflow: hidden; padding: 0 0 21.125%; position: relative; transition: 0.5s all linear; } body.site-takeover .desktop-ad-ess-top ins { position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; transition: 0.5s all linear; } body.site-takeover .desktop-ad-ess-top ins:last-child { opacity: 0; z-index: 1001; } body.site-takeover .navbar.navbar-fixed-top.scroll .desktop-ad-ess-top { padding: 0 0 5.125%; } body.site-takeover .navbar.navbar-fixed-top.scroll .desktop-ad-ess-top ins:last-child { opacity: 1; } } @media screen and (max-width: 599px) { body.site-takeover .navbar.navbar-fixed-top{ top: 0 !important; } body.site-takeover .mobile-ad-ess-top { display: block; } body.site-takeover .mobile-ad-ess-top ins { transition: 0.25s all linear; } body.site-takeover .mobile-ad-ess-top ins:nth-child(2){ position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition: 0.25s all linear; } body.site-takeover .navbar.navbar-fixed-top.scroll .mobile-ad-ess-top ins:nth-child(2){ position: relative; opacity: 1; top: 0; } body.site-takeover .navbar.navbar-fixed-top.scroll .mobile-ad-ess-top ins:nth-child(1){ position: absolute; transform: translateY(-100%); } html body.site-takeover, html body.fixed.site-takeover { padding-top: 0 !important; } body.fixed.site-takeover .navbar.navbar-fixed-top { top: 0; position: relative; } body.fixed.site-takeover .navbar.navbar-fixed-top.scroll { position: fixed; } body.site-takeover .cb-site-takeover { display: none !important; } } body.fixed.site-takeover { padding-top: 0 !important; } body.fixed.site-takeover .navbar.navbar-fixed-top { top: 0 !important; position: fixed; } body.site-takeover .main .mobile-share.show { bottom: 13px !important; } @media screen and (min-width: 600px) { body.site-takeover .desktop-ad-ess-top ins:last-child { opacity: 0 !important; z-index: 1001; } body.site-takeover .navbar.navbar-fixed-top.scroll .desktop-ad-ess-top ins:last-child { opacity: 1 !important; } } @media screen and (max-width: 767px) { .posts-container { padding: 0 1em } body.home .cb-news-feed-util { width: calc(100% + 2em); margin-left: -1em; margin-right: -1em; max-width: 110%; } body.site-takeover.home { padding-bottom: 0 !important; } body.fixed.site-takeover footer.content-info .cb-rec-container, body.fixed.site-takeover footer.content-info .container { padding: 1em; } } body.site-takeover .desktop-ad-ess-top[data-pico-status="paying"], body.site-takeover .mobile-ad-ess-top[data-pico-status="paying"] { display: none !important; } body[data-pico-status="paying"] main.main { padding-top: 0 !important; } @media screen and (min-width: 992px) { body.site-takeover[data-pico-status="paying"] .cb-breaking { margin: 2em auto !important; } } </style> <header class="navbar navbar-fixed-top" role="banner" itemprop="publisher" itemscope itemtype="http://schema.org/Organization"> <div class="desktop-ad-ess-top PicoSignal cb-advert">  <ins data-revive-zoneid="72" data-revive-id="a4e827d05e89a06133e10736ed838049"></ins> <ins data-revive-zoneid="96" data-revive-id="a4e827d05e89a06133e10736ed838049"></ins> </div> <div class="mobile-ad-ess-top PicoSignal cb-advert">  <ins class="init" data-revive-zoneid="121" data-revive-id="a4e827d05e89a06133e10736ed838049"></ins> <ins class="scroll" data-revive-zoneid="122" data-revive-id="a4e827d05e89a06133e10736ed838049"></ins> <script async src="//www.reachoutmedia.com/reachout-control/www/delivery/asyncjs.php"></script> </div> <div class="nav-wrapper"> <style> body .nav-col-brand { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 35%; -ms-flex: 0 1 35%; flex: 0 1 35%; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } body .nav-col-util { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex: 0 1 65%; -ms-flex: 0 1 65%; flex: 0 1 65%; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; font-size: 14px; } @media screen and (max-width: 991px) { body .nav-col-brand { -webkit-flex: 0 1 55%; -ms-flex: 0 1 55%; flex: 0 1 55%; } } @media screen and (max-width: 599px) { body .nav-col-brand { -webkit-flex: 0 1 80%; -ms-flex: 0 1 80%; flex: 0 1 80%; padding-right: 0; } body .nav-col-brand .brand { display: inline-block; width: 166px; height: auto; } body .nav-col-brand .brand img { width: 100%; height: auto; } body .nav-col-util { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex: 0 1 52%; -ms-flex: 0 1 52%; flex: 0 1 52%; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; font-size: 14px; padding-left: 0; } body ul.member-menu li { font-size: 12px; padding-top: 0px; } } </style> <div class="nav-col nav-col-brand"> <button class="nav-btn nav-collapsed" type="button"> <span class="sr-only">Toggle navigation</span> <span class="toggle-bar t1"> </span> <span class="toggle-bar t2"> </span> <span class="toggle-bar t3"> </span> </button> <a class="brand" href="https://www.cartoonbrew.com/" itemprop="logo" itemscope itemtype="https://schema.org/ImageObject"> <img src="https://www.cartoonbrew.com/wp-content/themes/cartoon-brew/images/cb-20yrbadge.png" alt="Cartoon Brew: 20 Years of News & Insights!"> <meta itemprop="url" content="https://www.cartoonbrew.com/wp-content/themes/cartoon-brew/images/logo.png"> <meta itemprop="width" content="274"> </a> <meta itemprop="name" content="Cartoon Brew"> </div> <div class="nav-col nav-col-util text-right"> </div> <ul id="desktop_nav" class="desktop-menu nav-col-main"> <li id="menu-item-191334" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-191334"><a href="https://www.cartoonbrew.com/feature-film">Film</a></li> <li id="menu-item-191335" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-191335"><a href="https://www.cartoonbrew.com/tv">TV</a></li> <li id="menu-item-191336" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-191336"><a href="https://www.cartoonbrew.com/shorts">Shorts</a></li> <li id="menu-item-191337" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-191337"><a href="https://www.cartoonbrew.com/awards">Awards</a></li> <li id="menu-item-191338" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has-children menu-parent-item menu-item-191338"><a href="#">Tech</a> <ul class="sub-menu"> <li id="menu-item-191339" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-191339"><a href="https://www.cartoonbrew.com/vfx">VFX</a></li> <li id="menu-item-191340" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-191340"><a href="https://www.cartoonbrew.com/cgi">CG Animation</a></li> <li id="menu-item-191341" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-191341"><a href="https://www.cartoonbrew.com/vr">VR/AR/MR</a></li> <li id="menu-item-191342" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-191342"><a href="https://www.cartoonbrew.com/tools">Tools</a></li> </ul> </li> <li id="menu-item-191343" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has-children menu-parent-item menu-item-191343"><a href="#">Biz</a> <ul class="sub-menu"> <li id="menu-item-191344" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-191344"><a href="https://www.cartoonbrew.com/business">Business</a></li> <li id="menu-item-191345" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-191345"><a href="https://www.cartoonbrew.com/box-office-report">Box Office Report</a></li> <li id="menu-item-191346" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-191346"><a href="https://www.cartoonbrew.com/artist-rights">Artist Rights</a></li> <li id="menu-item-191347" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-191347"><a href="https://www.cartoonbrew.com/studios">Studios</a></li> </ul> </li> <li id="menu-item-191348" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has-children menu-parent-item menu-item-191348"><a href="#">Cities</a> <ul class="sub-menu"> <li id="menu-item-191479" class="menu-item menu-item-type-taxonomy menu-item-object-location menu-item-191479"><a href="https://www.cartoonbrew.com/location/bay-area">Bay Area</a></li> <li id="menu-item-191475" class="menu-item menu-item-type-taxonomy menu-item-object-location menu-item-191475"><a href="https://www.cartoonbrew.com/location/london">London</a></li> <li id="menu-item-191476" class="menu-item menu-item-type-taxonomy menu-item-object-location menu-item-191476"><a href="https://www.cartoonbrew.com/location/los-angeles">Los Angeles</a></li> <li id="menu-item-191471" class="menu-item menu-item-type-taxonomy menu-item-object-location menu-item-191471"><a href="https://www.cartoonbrew.com/location/montreal">Montreal</a></li> <li id="menu-item-191472" class="menu-item menu-item-type-taxonomy menu-item-object-location menu-item-191472"><a href="https://www.cartoonbrew.com/location/new-york-city">New York City</a></li> <li id="menu-item-191474" class="menu-item menu-item-type-taxonomy menu-item-object-location menu-item-191474"><a href="https://www.cartoonbrew.com/location/vancouver">Vancouver</a></li> <li id="menu-item-191473" class="menu-item menu-item-type-taxonomy menu-item-object-location menu-item-191473"><a href="https://www.cartoonbrew.com/location/paris">Paris</a></li> <li id="menu-item-191478" class="menu-item menu-item-type-taxonomy menu-item-object-location menu-item-191478"><a href="https://www.cartoonbrew.com/location/toronto">Toronto</a></li> </ul> </li> <li id="menu-item-228034" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has-children menu-parent-item menu-item-228034"><a href="#">Country</a> <ul class="sub-menu"> <li id="menu-item-228035" class="menu-item menu-item-type-taxonomy menu-item-object-location menu-item-228035"><a href="https://www.cartoonbrew.com/location/france">France</a></li> <li id="menu-item-228036" class="menu-item menu-item-type-taxonomy menu-item-object-location menu-item-228036"><a href="https://www.cartoonbrew.com/location/japan">Japan</a></li> <li id="menu-item-228037" class="menu-item menu-item-type-taxonomy menu-item-object-location menu-item-228037"><a href="https://www.cartoonbrew.com/location/canada">Canada</a></li> <li id="menu-item-228038" class="menu-item menu-item-type-taxonomy menu-item-object-location menu-item-228038"><a href="https://www.cartoonbrew.com/location/uk">UK</a></li> <li id="menu-item-228040" class="menu-item menu-item-type-taxonomy menu-item-object-location menu-item-228040"><a href="https://www.cartoonbrew.com/location/spain">Spain</a></li> <li id="menu-item-228039" class="menu-item menu-item-type-taxonomy menu-item-object-location menu-item-228039"><a href="https://www.cartoonbrew.com/location/china">China</a></li> <li id="menu-item-228041" class="menu-item menu-item-type-taxonomy menu-item-object-location menu-item-228041"><a href="https://www.cartoonbrew.com/location/germany">Germany</a></li> <li id="menu-item-228042" class="menu-item menu-item-type-taxonomy menu-item-object-location menu-item-228042"><a href="https://www.cartoonbrew.com/location/ireland">Ireland</a></li> <li id="menu-item-228044" class="menu-item menu-item-type-taxonomy menu-item-object-location menu-item-228044"><a href="https://www.cartoonbrew.com/location/mexico">Mexico</a></li> </ul> </li> <li id="menu-item-196985" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has-children menu-parent-item menu-item-196985"><a href="#">Charts & Data</a> <ul class="sub-menu"> <li id="menu-item-237633" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-237633"><a href="https://www.cartoonbrew.com/feature-film/2024-animated-movies-your-guide-to-next-years-biggest-films-234606.html">CALENDAR: 2024 Animated Movies</a></li> <li id="menu-item-237634" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-237634"><a href="https://www.cartoonbrew.com/artist-rights/2024-animation-industry-layoff-tracker-236827.html">Animation Industry Layoff Tracker</a></li> <li id="menu-item-196986" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-196986"><a href="https://www.cartoonbrew.com/most-viewed-indie-animated-shorts-on-youtube">Top 50 Most-Viewed Indie Youtube Shorts</a></li> </ul> </li> <li class="search-form-toggle"> <i class="fa fa-search search-open" aria-hidden="true"></i> <i class="fa fa-times search-close" aria-hidden="true"></i> </li> </ul> </div> <nav role="navigation" id="cb-navbar" class="navbar nav-collapsed mobile-nav" aria-expanded="false"> <ul class="nav navbar-nav navbar-right"> <li class="search-field"> <i class="fa fa-search search-toggle search-open" aria-hidden="true"></i> <i class="fa fa-times search-toggle search-close" aria-hidden="true"></i> <section class="widget-odd widget-last widget-first widget-1 widget search-2 widget_search"><form role="search" method="get" class="search-form form-inline" action="https://www.cartoonbrew.com/"> <label>Search:</label> <input type="search" value="" name="s" class="search-field form-control" placeholder="ex. Tex Avery" required> <button type="submit" class="search-submit btn btn-default"><i class="fa fa-search"></i></button> </form> </section> </li> <li id="menu-item-191294" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-191294"><a href="https://www.cartoonbrew.com/feature-film">Film</a></li> <li id="menu-item-191295" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-191295"><a href="https://www.cartoonbrew.com/tv">TV</a></li> <li id="menu-item-191296" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-191296"><a href="https://www.cartoonbrew.com/shorts">Shorts</a></li> <li id="menu-item-191297" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-191297"><a href="https://www.cartoonbrew.com/interviews">Interviews</a></li> <li id="menu-item-191298" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-191298"><a href="https://www.cartoonbrew.com/business">Business</a></li> <li id="menu-item-191299" class="menu-item menu-item-type-taxonomy menu-item-object-category current-menu-item menu-item-191299"><a href="https://www.cartoonbrew.com/tech" aria-current="page">VFX/Tech</a></li> <li id="menu-item-191300" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-191300"><a href="https://www.cartoonbrew.com/artist-rights">Artist Rights</a></li> <li id="menu-item-191301" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-191301"><a href="https://www.cartoonbrew.com/box-office-report">Box Office</a></li> <li id="menu-item-191302" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-191302"><a href="https://www.cartoonbrew.com/festivals">Festivals</a></li> </ul> </nav> <div class="search-modal"> <form role="search" method="get" id="search-form" action="/"> <input type="text" name="s" id="search_modal" value="" placeholder="Type and hit enter." /> </form> </div> </header> <style> @media screen and (max-width: 767px) { body.site-takeover { padding-bottom: 0; } body.site-takeover.single { padding-bottom: 40px; } } @media screen and (max-width: 500px) { div.sharedaddy .sd-social-icon .sd-content ul li[class*=share-] a.sd-button i { /* top: 50%; */ transform: translate(-50%, -50%) !important; } } </style> <style> @media screen and (max-width: 1040px) { .cb-breaking { margin-left: -1em; margin-right: -1em; } } </style> <section class="publication content" role="document"> <main class="main" role="main" > <section data-id="br_45566739_1739768029" id="breaking_ribbon-2" class="cb-breaking"> <a data-id="cb-breaking_ribbon-2" id="br_45566739_1739768029" href="https://www.cartoonbrew.com/box-office-report/live-updates-ne-zha-2-to-surpass-all-disney-films-will-become-highest-grossing-theatrical-animation-release-of-all-time-245832.html" title="Live Updates"> <span class="cb-breaking-tag">Live Updates:</span> <span class="cb-breaking-headline">‘Ne Zha 2’ To Surpass All Disney Animated Films, Will Become Highest-Grossing Theatrical Animation Release</span> </a> </section> <div class="page-header jumbotron container-fluid"> <h1 class="center-head">Tech</h1> </div> <div id="post-home" class="posts-container"> <div class="posts-list"> <div class="posts-articles cb-article-list"> <div class="cb-content-row"> <div class="cb-cat-feature-row"> <article class="post-list cb-post-item cb-cat-feature post-245765 post type-post status-publish format-standard has-post-thumbnail hentry category-feature-film category-tech tag-academy-software-foundation tag-dreamworks-animation tag-open-source tag-the-wild-robot software-technology-moonray software-technology-opencolorio software-technology-openexr software-technology-openusd software-technology-openvdb software-technology-rez"> <div class="cb-ftr-thumb"> <a href="https://www.cartoonbrew.com/tech/6-open-source-tools-that-the-wild-robot-used-in-its-production-245765.html"> <img width="580" height="326" src="https://www.cartoonbrew.com/wp-content/uploads/2025/02/wildrobot_opensource-580x326.jpg" class="attachment-Featured Promo size-Featured Promo wp-post-image" alt="The Wild Robot" decoding="async" loading="lazy" srcset="https://www.cartoonbrew.com/wp-content/uploads/2025/02/wildrobot_opensource-580x326.jpg 580w, https://www.cartoonbrew.com/wp-content/uploads/2025/02/wildrobot_opensource-145x81.jpg 145w" sizes="auto, (max-width: 580px) 100vw, 580px" /> <img width="288" height="216" src="https://www.cartoonbrew.com/wp-content/uploads/2025/02/wildrobot_opensource-288x216.jpg" class="attachment-promo-thumb size-promo-thumb wp-post-image" alt="The Wild Robot" decoding="async" loading="lazy" srcset="https://www.cartoonbrew.com/wp-content/uploads/2025/02/wildrobot_opensource-288x216.jpg 288w, https://www.cartoonbrew.com/wp-content/uploads/2025/02/wildrobot_opensource-108x81.jpg 108w, https://www.cartoonbrew.com/wp-content/uploads/2025/02/wildrobot_opensource-180x135.jpg 180w" sizes="auto, (max-width: 288px) 100vw, 288px" /> </a> </div> <div class="cb-ftr-post-content"> <header class="no-slug"> <h2 class="entry-title"><a href="https://www.cartoonbrew.com/tech/6-open-source-tools-that-the-wild-robot-used-in-its-production-245765.html">6 Open-Source Tools Used In The Production Of ‘The Wild Robot’</a></h2> </header> <div class="entry-summary"> <p>There’s a lot more open-source software used in big-studio animated features than you may think. </p> </div> <footer> <p class="byline author vcard">By Joe Fordham | <time class="updated" datetime="2025-02-13T16:50:18-08:00" data-relative="true">4 days ago</time></p> </footer> </div> </article><article class="post-list cb-post-item cb-cat-feature post-245553 post type-post status-publish format-standard has-post-thumbnail hentry category-ideas-commentary category-tech category-voice-acting tag-artificial-intelligence tag-hank-azaria tag-the-simpsons"> <div class="cb-ftr-thumb"> <a href="https://www.cartoonbrew.com/voice-acting/simpsons-voice-hank-azaria-replaced-ai-245553.html"> <img width="580" height="326" src="https://www.cartoonbrew.com/wp-content/uploads/2025/02/azaria_nytimes-580x326.jpg" class="attachment-Featured Promo size-Featured Promo wp-post-image" alt="Hank Azaria" decoding="async" loading="lazy" srcset="https://www.cartoonbrew.com/wp-content/uploads/2025/02/azaria_nytimes-580x326.jpg 580w, https://www.cartoonbrew.com/wp-content/uploads/2025/02/azaria_nytimes-145x81.jpg 145w" sizes="auto, (max-width: 580px) 100vw, 580px" /> <img width="288" height="216" src="https://www.cartoonbrew.com/wp-content/uploads/2025/02/azaria_nytimes-288x216.jpg" class="attachment-promo-thumb size-promo-thumb wp-post-image" alt="Hank Azaria" decoding="async" loading="lazy" srcset="https://www.cartoonbrew.com/wp-content/uploads/2025/02/azaria_nytimes-288x216.jpg 288w, https://www.cartoonbrew.com/wp-content/uploads/2025/02/azaria_nytimes-108x81.jpg 108w, https://www.cartoonbrew.com/wp-content/uploads/2025/02/azaria_nytimes-180x135.jpg 180w" sizes="auto, (max-width: 288px) 100vw, 288px" /> </a> </div> <div class="cb-ftr-post-content"> <header class="no-slug"> <h2 class="entry-title"><a href="https://www.cartoonbrew.com/voice-acting/simpsons-voice-hank-azaria-replaced-ai-245553.html">‘Simpsons’ Voice Actor Hank Azaria Explains Why He Can’t Be Easily Replaced By AI</a></h2> </header> <div class="entry-summary"> <p>Azaria is anxious about the future, but believes his job is safe for the immediate future.</p> </div> <footer> <p class="byline author vcard">By Joe Fordham | <time class="updated" datetime="2025-02-05T16:20:11-08:00" data-relative="true">2 weeks ago</time></p> </footer> </div> </article> </div> <div class="cb-col"> <article class="post-list cb-post-item post-245357 post type-post status-publish format-standard has-post-thumbnail hentry category-tech category-vr tag-bibhash-biswas tag-chester-cheetah tag-cocomelon tag-david-baron tag-mattel tag-mindshow tag-sharon-bordas tag-virtual-production software-technology-apple-vision-pro software-technology-meta-quest-pro software-technology-unreal-engine location-los-angeles"> <div class="cb-thumb"> <a href="https://www.cartoonbrew.com/tech/mindshows-real-time-virtual-production-platform-will-allow-filmmakers-to-direct-animation-entirely-in-a-headset-245357.html"><img width="288" height="216" src="https://www.cartoonbrew.com/wp-content/uploads/2025/01/mindshow_barbie-288x216.jpg" class="attachment-promo-thumb size-promo-thumb wp-post-image" alt="Mindshow tech for Barbie" decoding="async" loading="lazy" srcset="https://www.cartoonbrew.com/wp-content/uploads/2025/01/mindshow_barbie-288x216.jpg 288w, https://www.cartoonbrew.com/wp-content/uploads/2025/01/mindshow_barbie-108x81.jpg 108w, https://www.cartoonbrew.com/wp-content/uploads/2025/01/mindshow_barbie-180x135.jpg 180w" sizes="auto, (max-width: 288px) 100vw, 288px" /></a> </div> <div class="cb-post-content"> <header class="no-slug"> <h2 class="entry-title"><a href="https://www.cartoonbrew.com/tech/mindshows-real-time-virtual-production-platform-will-allow-filmmakers-to-direct-animation-entirely-in-a-headset-245357.html">Mindshow’s Real-Time Virtual Production Platform Allows Filmmakers To Direct Animation Entirely In A VR Headset</a></h2> </header> <div class="entry-summary"> <p>Barbie, Chester Cheetah, and Cocomelon have all been brought to life using the company’s production pipeline.</p> </div> <footer> <p class="byline author vcard">By Joe Fordham | <time class="updated" datetime="2025-01-28T18:25:45-08:00" data-relative="true">3 weeks ago</time></p> </footer> </div> </article> <article class="post-list cb-post-item post-245175 post type-post status-publish format-standard has-post-thumbnail hentry category-anime category-tech tag-artificial-intelligence tag-hiroshi-kawakami tag-kk-design software-technology-ai software-technology-artificial-intelligence software-technology-genai software-technology-generative-ai location-japan location-nagoya"> <div class="cb-thumb"> <a href="https://www.cartoonbrew.com/anime/how-a-japanese-studio-is-embracing-ai-in-its-anime-production-piepeline-245175.html"><img width="288" height="216" src="https://www.cartoonbrew.com/wp-content/uploads/2025/01/kandkdesign-288x216.jpg" class="attachment-promo-thumb size-promo-thumb wp-post-image" alt="K&K Design" decoding="async" loading="lazy" srcset="https://www.cartoonbrew.com/wp-content/uploads/2025/01/kandkdesign-288x216.jpg 288w, https://www.cartoonbrew.com/wp-content/uploads/2025/01/kandkdesign-108x81.jpg 108w, https://www.cartoonbrew.com/wp-content/uploads/2025/01/kandkdesign-180x135.jpg 180w" sizes="auto, (max-width: 288px) 100vw, 288px" /></a> </div> <div class="cb-post-content"> <header class="no-slug"> <h2 class="entry-title"><a href="https://www.cartoonbrew.com/anime/how-a-japanese-studio-is-embracing-ai-in-its-anime-production-piepeline-245175.html">How A Japanese Studio Is Embracing AI In Its Anime Production Pipeline</a></h2> </header> <div class="entry-summary"> <p>“Without AI, the work would take a minimum of one week to ten days. Using AI, it is about four of five hours,” says the studio’s design director.</p> </div> <footer> <p class="byline author vcard">By Joe Fordham | <time class="updated" datetime="2025-01-21T20:36:50-08:00" data-relative="true">4 weeks ago</time></p> </footer> </div> </article> <article class="post-list cb-post-item post-245166 post type-post status-publish format-standard has-post-thumbnail hentry category-tech category-tools category-vfx tag-flow tag-gints-zilbalodis tag-konstantins-visnevskis tag-martins-upitis tag-physical-addons tag-simulations software-technology-blender software-technology-cell-fluids software-technology-flip-fluids software-technology-physical-open-waters location-latvia"> <div class="cb-thumb"> <a href="https://www.cartoonbrew.com/tools/the-custom-blender-plug-in-that-was-used-to-create-the-water-scenes-in-flow-is-now-available-publicly-245166.html"><img width="288" height="216" src="https://www.cartoonbrew.com/wp-content/uploads/2025/01/flow_watersystem-288x216.jpg" class="attachment-promo-thumb size-promo-thumb wp-post-image" alt="Flow" decoding="async" loading="lazy" srcset="https://www.cartoonbrew.com/wp-content/uploads/2025/01/flow_watersystem-288x216.jpg 288w, https://www.cartoonbrew.com/wp-content/uploads/2025/01/flow_watersystem-108x81.jpg 108w, https://www.cartoonbrew.com/wp-content/uploads/2025/01/flow_watersystem-180x135.jpg 180w" sizes="auto, (max-width: 288px) 100vw, 288px" /></a> </div> <div class="cb-post-content"> <header class="no-slug"> <h2 class="entry-title"><a href="https://www.cartoonbrew.com/tools/the-custom-blender-plug-in-that-was-used-to-create-the-water-scenes-in-flow-is-now-available-publicly-245166.html">The Custom Blender Plug-in That Was Used To Create The Water Scenes In ‘Flow’ Is Now Available Publicly</a></h2> </header> <div class="entry-summary"> <p>‘Flow’ director Gints Zilbalodis and plug-in developer Mārtiņš Upītis talk about the development of the water plug-in used to create the Golden Globe-winning film.</p> </div> <footer> <p class="byline author vcard">By Joe Fordham | <time class="updated" datetime="2025-01-21T14:45:45-08:00" data-relative="true">4 weeks ago</time></p> </footer> </div> </article> <article class="post-list cb-post-item post-243593 post type-post status-publish format-standard has-post-thumbnail hentry category-apps category-business category-tech tag-artificial-intelligence tag-herman-spliethoff tag-rita-peeters tag-rudy-verbeeck tag-swoove-studios software-technology-swoove location-belgium"> <div class="cb-thumb"> <a href="https://www.cartoonbrew.com/business/ai-assisted-cg-animation-app-swoove-studios-just-raised-7-5-million-243593.html"><img width="288" height="216" src="https://www.cartoonbrew.com/wp-content/uploads/2024/10/swoovestudio-288x216.jpg" class="attachment-promo-thumb size-promo-thumb wp-post-image" alt="Swoove Studio" decoding="async" loading="lazy" srcset="https://www.cartoonbrew.com/wp-content/uploads/2024/10/swoovestudio-288x216.jpg 288w, https://www.cartoonbrew.com/wp-content/uploads/2024/10/swoovestudio-108x81.jpg 108w, https://www.cartoonbrew.com/wp-content/uploads/2024/10/swoovestudio-180x135.jpg 180w" sizes="auto, (max-width: 288px) 100vw, 288px" /></a> </div> <div class="cb-post-content"> <header class="no-slug"> <h2 class="entry-title"><a href="https://www.cartoonbrew.com/business/ai-assisted-cg-animation-app-swoove-studios-just-raised-7-5-million-243593.html">AI-Assisted CG Animation App Company Swoove Studios Just Raised $7.5 Million</a></h2> </header> <div class="entry-summary"> <p>The app allows anyone, regardless of experience or skill, to generate cg animation.</p> </div> <footer> <p class="byline author vcard">By Amid Amidi | <time class="updated" datetime="2024-10-31T12:31:41-07:00" data-relative="true">4 months ago</time></p> </footer> </div> </article> <article class="post-list cb-post-item post-243111 post type-post status-publish format-standard has-post-thumbnail hentry category-business category-tech tag-artificial-intelligence tag-james-cameron tag-prem-akkaraju tag-stability-ai"> <div class="cb-thumb"> <a href="https://www.cartoonbrew.com/business/avatar-director-james-cameron-joins-stability-ai-board-of-directors-says-he-wants-to-incorporate-ai-into-vfx-industry-243111.html"><img width="288" height="216" src="https://www.cartoonbrew.com/wp-content/uploads/2024/09/jamescameron-288x216.jpg" class="attachment-promo-thumb size-promo-thumb wp-post-image" alt="James Cameron" decoding="async" loading="lazy" srcset="https://www.cartoonbrew.com/wp-content/uploads/2024/09/jamescameron-288x216.jpg 288w, https://www.cartoonbrew.com/wp-content/uploads/2024/09/jamescameron-108x81.jpg 108w, https://www.cartoonbrew.com/wp-content/uploads/2024/09/jamescameron-180x135.jpg 180w" sizes="auto, (max-width: 288px) 100vw, 288px" /></a> </div> <div class="cb-post-content"> <header class="no-slug"> <h2 class="entry-title"><a href="https://www.cartoonbrew.com/business/avatar-director-james-cameron-joins-stability-ai-board-of-directors-says-he-wants-to-incorporate-ai-into-vfx-industry-243111.html">‘Avatar’ Director James Cameron Joins Stability AI Board Of Directors, Says He Wants To Incorporate AI Into VFX Industry</a></h2> </header> <div class="entry-summary"> <p>Last year, Cameron had warned against the dangers of artificial intelligence.</p> </div> <footer> <p class="byline author vcard">By Amid Amidi | <time class="updated" datetime="2024-09-25T08:33:59-07:00" data-relative="true">5 months ago</time></p> </footer> </div> </article> <article class="post-list cb-post-item post-243035 post type-post status-publish format-standard has-post-thumbnail hentry category-artist-rights category-business category-tech tag-artificial-intelligence tag-cristobal-valenzuela tag-lionsgate tag-michael-burns tag-runway"> <div class="cb-thumb"> <a href="https://www.cartoonbrew.com/artist-rights/lionsgate-signs-deal-with-ai-company-runway-hopes-that-ai-can-eliminate-storyboard-artists-and-vfx-crews-243035.html"><img width="288" height="216" src="https://www.cartoonbrew.com/wp-content/uploads/2024/09/lionsgate_logo-288x216.jpg" class="attachment-promo-thumb size-promo-thumb wp-post-image" alt="Lionsgate logo." decoding="async" loading="lazy" srcset="https://www.cartoonbrew.com/wp-content/uploads/2024/09/lionsgate_logo-288x216.jpg 288w, https://www.cartoonbrew.com/wp-content/uploads/2024/09/lionsgate_logo-108x81.jpg 108w, https://www.cartoonbrew.com/wp-content/uploads/2024/09/lionsgate_logo-180x135.jpg 180w" sizes="auto, (max-width: 288px) 100vw, 288px" /></a> </div> <div class="cb-post-content"> <header class="no-slug"> <h2 class="entry-title"><a href="https://www.cartoonbrew.com/artist-rights/lionsgate-signs-deal-with-ai-company-runway-hopes-that-ai-can-eliminate-storyboard-artists-and-vfx-crews-243035.html">Lionsgate Signs Deal With AI Company Runway, Hopes That AI Can Eliminate Storyboard Artists and VFX Crews</a></h2> </header> <div class="entry-summary"> <p>The studi says that replacing human artists with AI will save “millions and millions of dollars.” </p> </div> <footer> <p class="byline author vcard">By Amid Amidi | <time class="updated" datetime="2024-09-18T18:54:29-07:00" data-relative="true">5 months ago</time></p> </footer> </div> </article> <article class="post-list cb-post-item post-242744 post type-post status-publish format-standard has-post-thumbnail hentry category-business category-tech tag-andreessen-horowitz tag-artificial-intelligence tag-hang-chu tag-two-small-fish tag-viggle-ai location-canada location-toronto"> <div class="cb-thumb"> <a href="https://www.cartoonbrew.com/business/generative-ai-animation-start-up-viggle-ai-raises-19-million-242744.html"><img width="288" height="216" src="https://www.cartoonbrew.com/wp-content/uploads/2024/08/viggleai-288x216.jpg" class="attachment-promo-thumb size-promo-thumb wp-post-image" alt="Viggle AI" decoding="async" loading="lazy" srcset="https://www.cartoonbrew.com/wp-content/uploads/2024/08/viggleai-288x216.jpg 288w, https://www.cartoonbrew.com/wp-content/uploads/2024/08/viggleai-108x81.jpg 108w, https://www.cartoonbrew.com/wp-content/uploads/2024/08/viggleai-180x135.jpg 180w" sizes="auto, (max-width: 288px) 100vw, 288px" /></a> </div> <div class="cb-post-content"> <header class="no-slug"> <h2 class="entry-title"><a href="https://www.cartoonbrew.com/business/generative-ai-animation-start-up-viggle-ai-raises-19-million-242744.html">Canadian Generative AI Animation Start-Up Viggle AI Raises $19 Million</a></h2> </header> <div class="entry-summary"> <p>The company’s aim is to redefine the possibilities in AI-driven character animation with a video-3D foundation model that’s built with an understanding of physics.</p> </div> <footer> <p class="byline author vcard">By Amid Amidi | <time class="updated" datetime="2024-08-26T14:09:40-07:00" data-relative="true">6 months ago</time></p> </footer> </div> </article> <article class="post-list cb-post-item post-242672 post type-post status-publish format-standard has-post-thumbnail hentry category-tech category-tools tag-artificial-intelligence tag-james-cuda tag-procreate software-technology-procreate"> <div class="cb-thumb"> <a href="https://www.cartoonbrew.com/tools/procreate-pledges-to-avoid-generative-ai-features-in-its-apps-242672.html"><img width="288" height="216" src="https://www.cartoonbrew.com/wp-content/uploads/2024/08/procreate_ai-288x216.jpg" class="attachment-promo-thumb size-promo-thumb wp-post-image" alt="Procreate" decoding="async" loading="lazy" srcset="https://www.cartoonbrew.com/wp-content/uploads/2024/08/procreate_ai-288x216.jpg 288w, https://www.cartoonbrew.com/wp-content/uploads/2024/08/procreate_ai-108x81.jpg 108w, https://www.cartoonbrew.com/wp-content/uploads/2024/08/procreate_ai-180x135.jpg 180w" sizes="auto, (max-width: 288px) 100vw, 288px" /></a> </div> <div class="cb-post-content"> <header class="no-slug"> <h2 class="entry-title"><a href="https://www.cartoonbrew.com/tools/procreate-pledges-to-avoid-generative-ai-features-in-its-apps-242672.html">Procreate Pledges To Avoid Generative AI Features In Its Apps</a></h2> </header> <div class="entry-summary"> <p>“The path generative AI is on is wrong for us,” the software maker said in a statement.</p> </div> <footer> <p class="byline author vcard">By Amid Amidi | <time class="updated" datetime="2024-08-21T01:09:47-07:00" data-relative="true">6 months ago</time></p> </footer> </div> </article> <article class="post-list cb-post-item post-241868 post type-post status-publish format-standard has-post-thumbnail hentry category-interviews category-tech category-videogames tag-daniel-beckmann tag-danny-wadeson tag-fabian-preuschoff tag-harold-halibut tag-holle-schlickmann tag-ilja-burzev tag-mixed-media tag-motion-capture tag-ole-tillmann tag-onat-hekimoglu software-technology-facefx software-technology-xsens-motion-capture-system location-germany"> <div class="cb-thumb"> <a href="https://www.cartoonbrew.com/videogames/behind-the-scenes-of-harold-halibut-a-handcrafted-stop-motion-inspired-video-game-241868.html"><img width="288" height="216" src="https://www.cartoonbrew.com/wp-content/uploads/2024/07/haroldhalibut_a-288x216.jpg" class="attachment-promo-thumb size-promo-thumb wp-post-image" alt="Harold Halibut" decoding="async" loading="lazy" srcset="https://www.cartoonbrew.com/wp-content/uploads/2024/07/haroldhalibut_a-288x216.jpg 288w, https://www.cartoonbrew.com/wp-content/uploads/2024/07/haroldhalibut_a-108x81.jpg 108w, https://www.cartoonbrew.com/wp-content/uploads/2024/07/haroldhalibut_a-180x135.jpg 180w" sizes="auto, (max-width: 288px) 100vw, 288px" /></a> </div> <div class="cb-post-content"> <header class="no-slug"> <h2 class="entry-title"><a href="https://www.cartoonbrew.com/videogames/behind-the-scenes-of-harold-halibut-a-handcrafted-stop-motion-inspired-video-game-241868.html">How They Made ‘Harold Halibut’: A Handcrafted Stop-Motion-Inspired Video Game</a></h2> </header> <div class="entry-summary"> <p>Ole Tillmann, art director of ‘Harold Halibut,’ walks us through the production process of one of 2024’s most distinctive-looking video games. </p> </div> <footer> <p class="byline author vcard">By Joe Fordham | <time class="updated" datetime="2024-07-09T17:49:58-07:00" data-relative="true">7 months ago</time></p> </footer> </div> </article> <article class="post-list cb-post-item post-241739 post type-post status-publish format-standard has-post-thumbnail hentry category-interactive category-tech category-tools category-vr tag-dessignare-studio tag-jesus-perez-irigoyen software-technology-after-effects software-technology-cinema-4d location-mexico-city"> <div class="cb-thumb"> <a href="https://www.cartoonbrew.com/tech/in-the-dome-mexican-filmmaker-jesus-perez-irigoyen-discusses-his-adventures-in-immersive-vr-and-dome-animation-241739.html"><img width="288" height="216" src="https://www.cartoonbrew.com/wp-content/uploads/2024/06/perezirigoyen_dome-288x216.jpg" class="attachment-promo-thumb size-promo-thumb wp-post-image" alt="Jesús Pérez Irigoyen dome animation for Cosmonaute" decoding="async" loading="lazy" srcset="https://www.cartoonbrew.com/wp-content/uploads/2024/06/perezirigoyen_dome-288x216.jpg 288w, https://www.cartoonbrew.com/wp-content/uploads/2024/06/perezirigoyen_dome-108x81.jpg 108w, https://www.cartoonbrew.com/wp-content/uploads/2024/06/perezirigoyen_dome-180x135.jpg 180w" sizes="auto, (max-width: 288px) 100vw, 288px" /></a> </div> <div class="cb-post-content"> <header class="no-slug"> <h2 class="entry-title"><a href="https://www.cartoonbrew.com/tech/in-the-dome-mexican-filmmaker-jesus-perez-irigoyen-discusses-his-adventures-in-immersive-vr-and-dome-animation-241739.html">In The Dome: Mexican Filmmaker Jesús Pérez Irigoyen Discusses His Adventures In Immersive VR And Dome Animation</a></h2> </header> <div class="entry-summary"> <p>Pérez Irigoyen’s company Dessignare has found success with unconventional screen formats for animation in planetarium venues and virtual reality.</p> </div> <footer> <p class="byline author vcard">By Joe Fordham | <time class="updated" datetime="2024-07-01T16:01:41-07:00" data-relative="true">8 months ago</time></p> </footer> </div> </article> <article class="post-list cb-post-item post-241334 post type-post status-publish format-standard has-post-thumbnail hentry category-business category-studios category-tech tag-9-story-media-group tag-artificial-intelligence tag-brown-bag-films tag-cathal-gaffney location-dublin location-ireland"> <div class="cb-thumb"> <a href="https://www.cartoonbrew.com/tech/brown-bag-film-and-9-story-launch-guidelines-for-ai-use-in-their-productions-241334.html"><img width="288" height="216" src="https://www.cartoonbrew.com/wp-content/uploads/2024/05/brownbag_madebyhumans-288x216.jpg" class="attachment-promo-thumb size-promo-thumb wp-post-image" alt="Brown Bag Films" decoding="async" loading="lazy" srcset="https://www.cartoonbrew.com/wp-content/uploads/2024/05/brownbag_madebyhumans-288x216.jpg 288w, https://www.cartoonbrew.com/wp-content/uploads/2024/05/brownbag_madebyhumans-108x81.jpg 108w, https://www.cartoonbrew.com/wp-content/uploads/2024/05/brownbag_madebyhumans-180x135.jpg 180w" sizes="auto, (max-width: 288px) 100vw, 288px" /></a> </div> <div class="cb-post-content"> <header class="no-slug"> <h2 class="entry-title"><a href="https://www.cartoonbrew.com/tech/brown-bag-film-and-9-story-launch-guidelines-for-ai-use-in-their-productions-241334.html">Brown Bag Films And 9 Story Launch Guidelines For AI Use In Their Productions</a></h2> </header> <div class="entry-summary"> <p>Brown Bag Films head Cathal Gaffney is also calling for more transparency from other studios about how they intend to use AI in commercial production.</p> </div> <footer> <p class="byline author vcard">By Amid Amidi | <time class="updated" datetime="2024-05-30T15:41:18-07:00" data-relative="true">9 months ago</time></p> </footer> </div> </article> <article class="post-list cb-post-item post-241230 post type-post status-publish format-standard has-post-thumbnail hentry category-feature-film category-tech tag-annecy-2024 tag-artificial-intelligence tag-marcel-jean tag-ryo-nakajima software-technology-stable-diffusion location-france location-japan"> <div class="cb-thumb"> <a href="https://www.cartoonbrew.com/feature-film/annecy-festival-responds-to-criticism-of-selecting-a-film-made-in-part-with-ai-technology-241230.html"><img width="288" height="216" src="https://www.cartoonbrew.com/wp-content/uploads/2024/05/whosaiddeathisbeautiful-288x216.jpg" class="attachment-promo-thumb size-promo-thumb wp-post-image" alt="Who Said Death is Beautiful" decoding="async" loading="lazy" srcset="https://www.cartoonbrew.com/wp-content/uploads/2024/05/whosaiddeathisbeautiful-288x216.jpg 288w, https://www.cartoonbrew.com/wp-content/uploads/2024/05/whosaiddeathisbeautiful-108x81.jpg 108w, https://www.cartoonbrew.com/wp-content/uploads/2024/05/whosaiddeathisbeautiful-180x135.jpg 180w" sizes="auto, (max-width: 288px) 100vw, 288px" /></a> </div> <div class="cb-post-content"> <header class="no-slug"> <h2 class="entry-title"><a href="https://www.cartoonbrew.com/feature-film/annecy-festival-responds-to-criticism-of-selecting-a-film-made-in-part-with-ai-technology-241230.html">Annecy Festival Responds To Criticism Of Selecting Film Made In Part With AI Technology</a></h2> </header> <div class="entry-summary"> <p>The Japanese feature ‘Who Said Death is Beautiful?’ used Stable Diffusion among other software in its production.</p> </div> <footer> <p class="byline author vcard">By Amid Amidi | <time class="updated" datetime="2024-05-20T17:15:01-07:00" data-relative="true">9 months ago</time></p> </footer> </div> </article> <article class="post-list cb-post-item post-241113 post type-post status-publish format-standard has-post-thumbnail hentry category-cgi category-tech category-tools tag-artificial-intelligence tag-autodesk tag-autodesk-ai-lab tag-project-bernini"> <div class="cb-thumb"> <a href="https://www.cartoonbrew.com/tools/autodesk-unveils-project-bernini-a-new-generative-ai-tool-that-creates-3d-shapes-241113.html"><img width="288" height="216" src="https://www.cartoonbrew.com/wp-content/uploads/2024/05/autodesk_bernini-288x216.jpg" class="attachment-promo-thumb size-promo-thumb wp-post-image" alt="Autodesk's Project Bernini" decoding="async" loading="lazy" srcset="https://www.cartoonbrew.com/wp-content/uploads/2024/05/autodesk_bernini-288x216.jpg 288w, https://www.cartoonbrew.com/wp-content/uploads/2024/05/autodesk_bernini-108x81.jpg 108w, https://www.cartoonbrew.com/wp-content/uploads/2024/05/autodesk_bernini-180x135.jpg 180w" sizes="auto, (max-width: 288px) 100vw, 288px" /></a> </div> <div class="cb-post-content"> <header class="no-slug"> <h2 class="entry-title"><a href="https://www.cartoonbrew.com/tools/autodesk-unveils-project-bernini-a-new-generative-ai-tool-that-creates-3d-shapes-241113.html">Autodesk Unveils Project Bernini, A New Generative AI Tool That Creates 3D Shapes</a></h2> </header> <div class="entry-summary"> <p>The experimental project developed by Autodesk AI Lab is not available for public use. </p> </div> <footer> <p class="byline author vcard">By Amid Amidi | <time class="updated" datetime="2024-05-08T15:59:49-07:00" data-relative="true">10 months ago</time></p> </footer> </div> </article> <article class="post-list cb-post-item post-239099 post type-post status-publish format-standard has-post-thumbnail hentry category-series category-tech tag-artificial-intelligence tag-china-media-group tag-qianqiu-shisong tag-shanghai-artificial-intelligence-laboratory location-china"> <div class="cb-thumb"> <a href="https://www.cartoonbrew.com/series/chinas-cmg-airs-ai-created-animated-series-qianqiu-shisong-239099.html"><img width="288" height="216" src="https://www.cartoonbrew.com/wp-content/uploads/2024/03/qianqiu_shisong-288x216.jpg" class="attachment-promo-thumb size-promo-thumb wp-post-image" alt="Qianqiu Shisong" decoding="async" loading="lazy" srcset="https://www.cartoonbrew.com/wp-content/uploads/2024/03/qianqiu_shisong-288x216.jpg 288w, https://www.cartoonbrew.com/wp-content/uploads/2024/03/qianqiu_shisong-108x81.jpg 108w, https://www.cartoonbrew.com/wp-content/uploads/2024/03/qianqiu_shisong-180x135.jpg 180w" sizes="auto, (max-width: 288px) 100vw, 288px" /></a> </div> <div class="cb-post-content"> <header class="no-slug"> <h2 class="entry-title"><a href="https://www.cartoonbrew.com/series/chinas-cmg-airs-ai-created-animated-series-qianqiu-shisong-239099.html">Chinese State Broadcaster Airs Country’s First AI-Developed Animated Series</a></h2> </header> <div class="entry-summary"> <p>China Media Group teamed with the Shanghai Artificial Intelligence Laboratory to create a model trained on CMG’s audio and video libraries.</p> </div> <footer> <p class="byline author vcard">By Jamie Lang | <time class="updated" datetime="2024-03-17T23:00:53-07:00" data-relative="true">11 months ago</time></p> </footer> </div> </article> <article class="post-list cb-post-item post-238371 post type-post status-publish format-standard has-post-thumbnail hentry category-tech category-tools tag-artificial-intelligence tag-audioshake tag-disney-accelerator tag-elevenlabs tag-nuro tag-prometheanai tag-statuspro tag-the-walt-disney-company"> <div class="cb-thumb"> <a href="https://www.cartoonbrew.com/tech/disneys-10th-accelerator-program-backs-trio-of-ai-startups-238371.html"><img width="288" height="216" src="https://www.cartoonbrew.com/wp-content/uploads/2024/02/promethean_ai-288x216.jpg" class="attachment-promo-thumb size-promo-thumb wp-post-image" alt="Promethean AI" decoding="async" loading="lazy" srcset="https://www.cartoonbrew.com/wp-content/uploads/2024/02/promethean_ai-288x216.jpg 288w, https://www.cartoonbrew.com/wp-content/uploads/2024/02/promethean_ai-108x81.jpg 108w, https://www.cartoonbrew.com/wp-content/uploads/2024/02/promethean_ai-180x135.jpg 180w" sizes="auto, (max-width: 288px) 100vw, 288px" /></a> </div> <div class="cb-post-content"> <header class="no-slug"> <h2 class="entry-title"><a href="https://www.cartoonbrew.com/tech/disneys-10th-accelerator-program-backs-trio-of-ai-startups-238371.html">Disney’s 10th Accelerator Program Backs Trio Of AI Startups</a></h2> </header> <div class="entry-summary"> <p>Five companies were selected for Disney’s 10th Accelerator program. Three specialize in AI, one in VR, and another in autonomous vehicles.</p> </div> <footer> <p class="byline author vcard">By Jamie Lang | <time class="updated" datetime="2024-02-23T05:59:16-08:00" data-relative="true">12 months ago</time></p> </footer> </div> </article> <article class="post-list cb-post-item post-238060 post type-post status-publish format-standard has-post-thumbnail hentry category-tech category-tools tag-artificial-intelligence tag-dall-e tag-openai software-technology-sora"> <div class="cb-thumb"> <a href="https://www.cartoonbrew.com/tools/openais-sora-creates-minute-long-photorealistic-animation-from-text-prompts-238060.html"><img width="288" height="216" src="https://www.cartoonbrew.com/wp-content/uploads/2024/02/sora_featured-288x216.jpg" class="attachment-promo-thumb size-promo-thumb wp-post-image" alt="Sora" decoding="async" loading="lazy" srcset="https://www.cartoonbrew.com/wp-content/uploads/2024/02/sora_featured-288x216.jpg 288w, https://www.cartoonbrew.com/wp-content/uploads/2024/02/sora_featured-108x81.jpg 108w, https://www.cartoonbrew.com/wp-content/uploads/2024/02/sora_featured-180x135.jpg 180w" sizes="auto, (max-width: 288px) 100vw, 288px" /></a> </div> <div class="cb-post-content"> <header class="no-slug"> <h2 class="entry-title"><a href="https://www.cartoonbrew.com/tools/openais-sora-creates-minute-long-photorealistic-animation-from-text-prompts-238060.html">OpenAI’s Sora Creates Minute-Long Photorealistic Animation From Text Prompts</a></h2> </header> <div class="entry-summary"> <p>Built on OpenAI’s Dall-E and GPT models, Sora can also take an existing video and extend it or fill in missing frames.</p> </div> <footer> <p class="byline author vcard">By Jamie Lang | <time class="updated" datetime="2024-02-16T11:47:32-08:00" data-relative="true">1 year ago</time></p> </footer> </div> </article> <article class="post-list cb-post-item post-237637 post type-post status-publish format-standard has-post-thumbnail hentry category-business category-tech tag-aaron-laberge tag-apple-vision-pro tag-metaverse tag-the-walt-disney-company tag-what-if"> <div class="cb-thumb"> <a href="https://www.cartoonbrew.com/tech/key-disney-exec-says-apple-vision-pro-is-a-big-deal-and-will-change-how-we-make-content-237637.html"><img width="288" height="216" src="https://www.cartoonbrew.com/wp-content/uploads/2024/02/mickey_applevisionpro-288x216.jpg" class="attachment-promo-thumb size-promo-thumb wp-post-image" alt="Apple Vision Pro" decoding="async" loading="lazy" srcset="https://www.cartoonbrew.com/wp-content/uploads/2024/02/mickey_applevisionpro-288x216.jpg 288w, https://www.cartoonbrew.com/wp-content/uploads/2024/02/mickey_applevisionpro-108x81.jpg 108w, https://www.cartoonbrew.com/wp-content/uploads/2024/02/mickey_applevisionpro-180x135.jpg 180w" sizes="auto, (max-width: 288px) 100vw, 288px" /></a> </div> <div class="cb-post-content"> <header class="no-slug"> <h2 class="entry-title"><a href="https://www.cartoonbrew.com/tech/key-disney-exec-says-apple-vision-pro-is-a-big-deal-and-will-change-how-we-make-content-237637.html">Key Disney Exec Says Apple Vision Pro Is ‘A Big Deal’ And Will ‘Change How We Make Content’</a></h2> </header> <div class="entry-summary"> <p>Disney talks big about its future with the Apple Vision Pro. </p> </div> <footer> <p class="byline author vcard">By Amid Amidi | <time class="updated" datetime="2024-02-04T22:55:35-08:00" data-relative="true">1 year ago</time></p> </footer> </div> </article> <article class="post-list cb-post-item post-237495 post type-post status-publish format-standard has-post-thumbnail hentry category-artist-rights category-tech tag-artificial-intelligence tag-concept-art-association tag-human-artistry-campaign tag-national-cartoonists-society-foundation tag-the-animation-guild"> <div class="cb-thumb"> <a href="https://www.cartoonbrew.com/artist-rights/union-study-says-generative-ai-will-disrupt-204000-jobs-three-years-237495.html"><img width="288" height="216" src="https://www.cartoonbrew.com/wp-content/uploads/2024/01/fleischer_1930s-288x216.jpg" class="attachment-promo-thumb size-promo-thumb wp-post-image" alt="Fleischer animation studio" decoding="async" loading="lazy" srcset="https://www.cartoonbrew.com/wp-content/uploads/2024/01/fleischer_1930s-288x216.jpg 288w, https://www.cartoonbrew.com/wp-content/uploads/2024/01/fleischer_1930s-108x81.jpg 108w, https://www.cartoonbrew.com/wp-content/uploads/2024/01/fleischer_1930s-180x135.jpg 180w" sizes="auto, (max-width: 288px) 100vw, 288px" /></a> </div> <div class="cb-post-content"> <header class="no-slug"> <h2 class="entry-title"><a href="https://www.cartoonbrew.com/artist-rights/union-study-says-generative-ai-will-disrupt-204000-jobs-three-years-237495.html">New Report Confirms Worst Fears: AI Will Disrupt Countless Animation Jobs Over Next 3 Years</a></h2> </header> <div class="entry-summary"> <p>The startling report makes one thing clear: generative AI is here today and wreaking havoc right now. </p> </div> <footer> <p class="byline author vcard">By Amid Amidi | <time class="updated" datetime="2024-01-31T13:47:34-08:00" data-relative="true">1 year ago</time></p> </footer> </div> </article> </div> <div class="cb-sb"> <div class="PicoSignal cb-advert ad-wrap ad-300x250">   <ins data-revive-zoneid="76" data-revive-id="a4e827d05e89a06133e10736ed838049"></ins> <script data-cfasync="false" async="async" src="https://www.reachoutmedia.com/reachout-control/www/delivery/asyncjs.php"></script>  </div> </div> </div> <div class="PicoSignal cb-advert cb-ad cb-res d-none d-sm-block cb-postcontent-ad"> <div class="ad-wrap ad-feed ad-970x250"> <div class="ad-inner">   <style> @media screen and (max-width: 969px) { .ad-wrap.ad-970x250 .ad-inner ins:last-child, .ad-wrap.ad-970x450 .ad-inner ins:last-child { display: block; } } </style> <span> <ins data-revive-zoneid="82" data-revive-id="a4e827d05e89a06133e10736ed838049"></ins> <ins data-revive-zoneid="108" data-revive-id="a4e827d05e89a06133e10736ed838049"></ins> </span> <script data-cfasync="false" async="async" src="https://www.reachoutmedia.com/reachout-control/www/delivery/asyncjs.php"></script>  </div> </div> </div> <div class="cb-ld-more"><a href="/tech/page/2" class="btn btn-primary">More from Cartoon Brew</a></div> </div> </div> </div> </main> </section> </div> <footer class="content-info" role="contentinfo"> <div class="container"> <div class="row"> </div> <a href="https://www.cartoonbrew.com/" class="custom-logo-link" rel="home"><img width="700" height="202" src="https://www.cartoonbrew.com/wp-content/uploads/2019/05/logo_cb.png" class="custom-logo" alt="Cartoon Brew" decoding="async" fetchpriority="high" srcset="https://www.cartoonbrew.com/wp-content/uploads/2019/05/logo_cb.png 700w, https://www.cartoonbrew.com/wp-content/uploads/2019/05/logo_cb-380x110.png 380w, https://www.cartoonbrew.com/wp-content/uploads/2019/05/logo_cb-580x167.png 580w, https://www.cartoonbrew.com/wp-content/uploads/2019/05/logo_cb-1000x288.png 1000w, https://www.cartoonbrew.com/wp-content/uploads/2019/05/logo_cb-500x144.png 500w, https://www.cartoonbrew.com/wp-content/uploads/2019/05/logo_cb-180x52.png 180w, https://www.cartoonbrew.com/wp-content/uploads/2019/05/logo_cb-282x81.png 282w" sizes="(max-width: 700px) 100vw, 700px" /></a> <section class="widget-odd widget-last widget-first widget-1 widget nav_menu-2 widget_nav_menu"><div class="menu-information-container"><ul id="menu-information" class="menu"><li id="menu-item-118961" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-118961"><a href="https://www.cartoonbrew.com/about">About Cartoon Brew</a></li> <li id="menu-item-174059" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-174059"><a href="https://www.cartoonbrew.com/editorialstaff">Staff</a></li> <li id="menu-item-118965" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-118965"><a href="/suggest">Submit a Tip</a></li> <li id="menu-item-118966" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-118966"><a href="https://www.cartoonbrew.com/commenting">Comment Guidelines</a></li> <li id="menu-item-118962" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-118962"><a href="https://www.cartoonbrew.com/cartoonbrewcontacts">Contact us</a></li> </ul></div></section> <div class="cb-footer"> <div class="row"> <div class="menu-footer-utility-menu-container"><ul id="menu-footer-utility-menu" class="menu"><li id="menu-item-174060" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-174060"><a href="https://www.cartoonbrew.com/advertising-on-cartoon-brew">Advertise on Cartoon Brew Today</a></li> </ul></div> <div class="cb-copyright"> ©2025 Cartoon Brew, LLC. All Rights Reserved. <a href="/privacy-policy">Privacy Policy</a> </div> </div> </div> </div> </footer> <div id="site-skin" class="cb-advert">  <ins data-revive-zoneid="71" data-revive-id="a4e827d05e89a06133e10736ed838049"></ins> <script data-cfasync="false" async src="https://www.reachoutmedia.com/reachout-control/www/delivery/asyncjs.php"></script>  </div> <div style="display: none;"> 0 </div></div> <div id="mask"></div>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T9WZZVRV" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <script type="text/javascript" id="site_tracking-js-extra"> /* <![CDATA[ */ var php_data = {"ac_settings":{"tracking_actid":67702152,"site_tracking_default":1,"site_tracking":1},"user_email":""}; /* ]]> */ </script> <script type="text/javascript" data-cfasync='false' src="https://www.cartoonbrew.com/wp-content/plugins/activecampaign-subscription-forms/site_tracking.js?ver=6.7.2" id="site_tracking-js"></script> <script type="text/javascript" data-cfasync='false' src="https://www.cartoonbrew.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script type="text/javascript" data-cfasync='false' src="https://www.cartoonbrew.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" data-cfasync='false' src="https://www.cartoonbrew.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.0.3" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-before"> /* <![CDATA[ */ var wpcf7 = { "api": { "root": "https:\/\/www.cartoonbrew.com\/wp-json\/", "namespace": "contact-form-7\/v1" }, "cached": 1 }; /* ]]> */ </script> <script type="text/javascript" data-cfasync='false' src="https://www.cartoonbrew.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.0.3" id="contact-form-7-js"></script> <script type="text/javascript" id="disqus_count-js-extra"> /* <![CDATA[ */ var countVars = {"disqusShortname":"cartoonbrewlive"}; /* ]]> */ </script> <script type="text/javascript" data-cfasync='false' src="https://www.cartoonbrew.com/wp-content/plugins/disqus-comment-system/public/js/comment_count.js?ver=3.1.2" id="disqus_count-js"></script> <script type="text/javascript" data-cfasync='false' src="https://www.cartoonbrew.com/wp-content/themes/cartoon-brew/dist/scripts/main-2edb09dc7a.js" id="sage_js-js"></script> <script type="text/javascript" data-cfasync='false' src="//www.reachoutmedia.com/reachout-control/www/delivery/asyncjs.php?ver=1.0.0" id="reachout-js"></script> <script> $(document).ready(function(){ $('.cb-breaking .btn-close').click(function(){ var $id = $(this).parent().attr('id'); //console.log('Set '+ $id); $.post('/ajax-tools', { id: $id }, function(data) { if (data.status == true) { console.log('TRUE: ' +data.msg); } }, 'json'); }); }); </script> <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.js"></script> <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/fixedcolumns/3.3.0/js/dataTables.fixedColumns.min.js"></script> <script> $(document).ready(function(){ //var ele = '.chart-ele'; $('.chart-ele').each(function(){ var ele = '#'+$(this).attr('id'); var url = $(this).data('url'); $.ajax({ type: "GET", url: url, dataType: "text", success: function(data) { populate_chart(data,ele) } }); }); function populate_chart(data = '', ele = null) { var rows = data.split(/\r\n|\n/); var headers = rows[0].split(','); var hlen = headers.length; var chart = '<table class="chart-table" style="width: 100%">'; chart += '<thead>'; chart += '<tr>'; var col_w = 100 / hlen; for(var h = 0; h < hlen; h++) { var txt = (headers[h] == '' || headers[h] == null) ? ' ' : headers[h]; chart += '<th>'+txt+'</th>'; } chart += '</tr>'; chart += '</thead>'; var lines = []; chart += '<tbody>'; for (var i=1; i<rows.length; i++) { var cols = rows[i].split(','); if (cols.length == headers.length) { var tarr = []; chart += '<tr>'; for (var j=0; j<headers.length; j++) { var bcell = (j == 0) ? '<th>' : '<td>'; var ecell = (j == 0) ? '</th>' : '</td>'; chart += bcell+cols[j]+ecell; tarr.push(headers[j]+":"+cols[j]); } chart += '</tr>'; lines.push(tarr); } } chart += '</tbody>'; chart += '</table>'; $(ele).html(chart); if( hlen < 5) { $(ele + ' table.chart-table').css({'margin': '1em auto','width':'100%'}); } $(ele + ' table.chart-table').DataTable({ scrollX: true, scrollCollapse: true, paging: false, order: [], fixedColumns: { leftColumns: 1 } }); } }); </script> <style> .ad-block-wrapper { position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 4999; } .ad-block-overlay { background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 5000; } .ad-block-overlay-btn { position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 5000; cursor: pointer; } .ad-block-content { background: #fff; position: absolute; width: 90%; max-width: 760px; padding: 1.25% 2.5%; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; z-index: 5002; border: .5em solid #CD2024; } .ad-block-content i.fas { position: absolute; top: 2.5%; right: 2.5%; color: #CD2024; cursor: pointer; } .ad-block-content i.fas:hover { color: rgba(204, 33, 35, 0.75); } .ad-block-content img { max-width: 300px; width: 70%; margin: 0 auto; } .ad-block-content h2 { color: #cd2026; font-weight: bold; } .ad-block-content h2, .ad-block-content h5, .ad-block-content p { text-align: center; } .ad-block-content h5 { font-size: .8em; } .ad-block-content p { margin-bottom: 1.5em; } .ad-block-content .btn { padding: 0px 12px; height: 2em; line-height: 2; font-weight: bold; } @media screen and (max-width: 480px) { .ad-block-content { } .ad-block-overlay { background: rgba(0,0,0,1); } } </style> <script> jQuery(document).ready(function($){ var stickyOffset = $(".navbar.navbar-fixed-top").offset().top; $(window).scroll(function () { var sticky = $(".navbar.navbar-fixed-top"), scroll = $(window).scrollTop(); if (scroll > 100) { sticky.addClass("scroll"); $('body').addClass("scroll"); } else { sticky.removeClass("scroll"); $('body').removeClass("scroll"); } }); }); function waitForElm(selector) { return new Promise(resolve => { if (document.querySelector(selector)) { return resolve(document.querySelector(selector)); } const observer = new MutationObserver(mutations => { if (document.querySelector(selector)) { observer.disconnect(); resolve(document.querySelector(selector)); } }); observer.observe(document.body, { childList: true, subtree: true }); }); } var x = window.matchMedia("(max-width: 599px)"); jQuery(window).load(function(){ var adheight = jQuery('.desktop-ad-ess-top ins img').height(); var navwrapper = jQuery('.nav-wrapper').height(); if (x.matches) { // If media query matches adheight = jQuery('.mobile-ad-ess-top ins img').height(); } console.log(adheight); $('body.site-takeover .publication.content main').css('padding-top',adheight+navwrapper); }); waitForElm('.desktop-ad-ess-top ins img').then((elm) => { console.log('Element is ready'); console.log(elm.textContent); var adheight = jQuery('.desktop-ad-ess-top ins img').height(); var navwrapper = jQuery('.nav-wrapper').height(); if (x.matches) { // If media query matches adheight = jQuery('.mobile-ad-ess-top ins img').height(); } console.log(adheight); $('body.site-takeover .publication.content main').css('padding-top',adheight+navwrapper); }); </script> </body> </html>