Meet Mat & FX, Our Heads of Music and Sound Design at SIDE

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="baidu-site-verification" content="code-oU6MUVpkaM" /> <meta name="naver-site-verification" content="51cbf88e5fb99990e8b4f235beafbb46d8c9c63d" /> <title>Meet Mat & FX, Our Heads of Music and Sound Design at SIDE</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta http-equiv="ScreenOrientation" content="autoRotate:disabled"> <meta name="author" content="Pole To Win"> <meta http-equiv="Cache-Control" content="no-cache" /> <meta http-equiv="Expires" content="0" /> <meta http-equiv="Pragma" content="no-cache" /> <link rel="preload" as="font" type="font/otf" href="/Fonts/ProximaNova-Regular.otf" crossorigin> <link rel="preload" as="font" type="font/otf" href="/Fonts/Proxima Nova Bold.otf" crossorigin> <link rel="preload" as="font" type="font/ttf" href="/Fonts/Audiowide-Regular.ttf" crossorigin> <meta name="description" content="Meet Mathieu Lavoie and François-Xavier Dupas at our SIDE Montreal studio. Discover their journey from founding game audio studio Vibe Avenue to joining SIDE & PTW." /> <meta property="og:title" content="Meet Mat & FX, Our Heads of Music and Sound Design at SIDE" /> <meta property="og:url" content="https://www.ptw.com/news/meet-mat-and-fx-of-side-montreal" /> <meta property="og:description" content="Meet Mathieu Lavoie and François-Xavier Dupas at our SIDE Montreal studio. Discover their journey from founding game audio studio Vibe Avenue to joining SIDE & PTW." /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://d323sccto6ke4l.cloudfront.net/images/news/1500/en-us/401.jpg" /> <meta property="og:image:type" content="image/jpeg" /> <meta property="og:image:url" content="https://d323sccto6ke4l.cloudfront.net/images/news/1500/en-us/401.jpg" /> <meta property="og:image:secure_url" content="https://d323sccto6ke4l.cloudfront.net/images/news/1500/en-us/401.jpg" /> <meta property="og:image:width" content="1500" /> <meta property="og:image:height" content="500" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://d323sccto6ke4l.cloudfront.net/images/news/1500/en-us/401.jpg" /> <meta name="twitter:url" content="https://www.ptw.com/news/meet-mat-and-fx-of-side-montreal" /> <meta name="twitter:description" content="Meet Mathieu Lavoie and François-Xavier Dupas at our SIDE Montreal studio. Discover their journey from founding game audio studio Vibe Avenue to joining SIDE & PTW." /> <meta name="twitter:site" content="Pole To Win" /> <meta name="twitter:creator" content="Pole To Win" /> <meta name="twitter:title" content="Meet Mat & FX, Our Heads of Music and Sound Design at SIDE" /> <link rel="canonical" href="https://www.ptw.com/news/meet-mat-and-fx-of-side-montreal" /> <link rel="alternate" href="https://www.ptw.com/news/meet-mat-and-fx-of-side-montreal" hreflang="x-default" /> <link rel="alternate" hreflang="en" href="https://www.ptw.com/news/meet-mat-and-fx-of-side-montreal" /> <link rel="alternate" hreflang="fr-ca" href="https://www.ptw.com/news/meet-mat-and-fx-of-side-montreal" /> <link rel="alternate" hreflang="ja" href="https://www.ptw.com/news/meet-mat-and-fx-of-side-montreal" /> <link rel="alternate" hreflang="ko" href="https://www.ptw.com/news/meet-mat-and-fx-of-side-montreal" /> <link rel="alternate" hreflang="zh-Hans" href="https://www.ptw.com/news/meet-mat-and-fx-of-side-montreal" /> <link rel="alternate" hreflang="zh-Hant" href="https://www.ptw.com/news/meet-mat-and-fx-of-side-montreal" /> <link rel="icon" type="image/png" href="https://d323sccto6ke4l.cloudfront.net/images/icon-ms.png" />  <link href="/css/clean-blog.min.css?v=3" rel="stylesheet" /> <link href="/CSS/bootstrap.min.css" rel="stylesheet" /> <link href="/Fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link href="/css/maxcdn.bootstrapcdn.com.3.4.css" rel="stylesheet" /> <script src="/js/ajax.googleapis.com.3.5.1.js"></script> <link href="/css/cdnjs.cloudflare.com.4.7.css" rel="stylesheet" /> <link rel="stylesheet" type="text/css" href="/CSS/cookieconsent.min.css" /> <script src="/js/count-up.min.js"></script> <link href="/css/loader.css" rel="stylesheet" /> <link rel="stylesheet" href="/css/aos.css" /> <link href="/css/carrer.css" rel="stylesheet" /> <link href="/css/jobs.css" rel="stylesheet" /> <link href="/css/index.css" rel="stylesheet" />  <script> (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-P23N6P9');</script>   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-47490486-4"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-47490486-4'); gtag('config', 'AW-738489994'); </script>   <script type='application/ld+json'> { "\u0040context": "https://www.schema.org", "\u0040type": "Organization", "name": "PTW", "logo": "https://www.ptw.com/Images/Logo/PTW.png", "description": "Pole To Win (PTW) is the premier global provider of QA, art, player support, localization, game development and audio production services to video games, software and technology clients worldwide.", "url": "https://www.ptw.com/", "sameAs": [ "https://twitter.com/PTW", "https://www.facebook.com/PTWintl/", "https://www.linkedin.com/company/ptwintl/", "https://www.youtube.com/\u0040ptwglobal", "https://www.instagram.com/ptwglobal" ], "address": [ { "\u0040type": "PostalAddress", "streetAddress": "Jiangchang Road", "addressLocality": "A505 Satisfied Star Space 1398", "addressRegion": "Shanghai", "postalCode": "200072", "addressCountry": "China" } , { "\u0040type": "PostalAddress", "streetAddress": "Suite 110, Happytree & 207", "addressLocality": "Cheonggyesan-ro", "addressRegion": "Seocho-gu, Seoul", "postalCode": "06802", "addressCountry": "Korea" } , { "\u0040type": "PostalAddress", "streetAddress": "2F Ra-Dong", "addressLocality": "10 Ujeong-Ro", "addressRegion": "Naju-Si, Jeollanam-Do", "postalCode": "58322", "addressCountry": "Korea" } , { "\u0040type": "PostalAddress", "streetAddress": "Unit No 2-1, Level 2, Tower 3 Avenue 3 Bangsar South No 8", "addressRegion": "Jalan Kerinchi", "postalCode": "59200", "addressCountry": "Kuala Lumpur" } , { "\u0040type": "PostalAddress", "streetAddress": "ONEST Minami-Otsuka Building, 2-37-5, Minami-Otsuka,", "addressRegion": "Toshima-ku, Tokyo", "postalCode": "170-0005", "addressCountry": "Japan" } , { "\u0040type": "PostalAddress", "streetAddress": "745 Lorong 5 Toa Payoh The Actuary", "addressRegion": "#03-02", "postalCode": "319455", "addressCountry": "Singapore" } , { "\u0040type": "PostalAddress", "streetAddress": "4F, No.25, Sec.1, Dunhua South Road", "addressLocality": " Songshan District", "addressRegion": "Taipei City", "postalCode": "105", "addressCountry": "Taiwan" } , { "\u0040type": "PostalAddress", "streetAddress": "Third Floor, Tower B, AMR Tech Park 3", "addressLocality": "Hongasandra Village, Bommanahalli, Hosur Road", "addressRegion": "Bangalore", "postalCode": "560068", "addressCountry": "India" } , { "\u0040type": "PostalAddress", "streetAddress": " PTWI Pvt Ltd, 6th Floor, B Wing, Smartworks - Purva Summit", "addressLocality": "White Fields Hi-Tech City, Madhapur", "addressRegion": "Hyderabad, Telangana", "postalCode": "500081", "addressCountry": "India" } , { "\u0040type": "PostalAddress", "streetAddress": "1042 Princeton Drive Suite B, Marina Del Rey", "addressLocality": "Los Angeles", "addressRegion": "CA", "postalCode": "90292", "addressCountry": "USA" } , { "\u0040type": "PostalAddress", "streetAddress": "10626 York Road Suite E", "addressLocality": "Cockeysville", "addressRegion": "Baltimore, MD", "postalCode": "21030", "addressCountry": "USA" } , { "\u0040type": "PostalAddress", "streetAddress": "5455 Avenue de Gaspe, Suite #530", "addressRegion": "Montreal, Quebec", "postalCode": "H2T 3B3", "addressCountry": "Canada" } , { "\u0040type": "PostalAddress", "streetAddress": "9th Floor, Skypark 18 Elliot Place,", "addressRegion": "Glasgow", "postalCode": "G3 8EP", "addressCountry": "UK" } , { "\u0040type": "PostalAddress", "streetAddress": "Unit A12 Tileyard London, 105 Blundell Street", "addressRegion": "King’s Cross - London", "postalCode": "N7 9BN", "addressCountry": "UK" } , { "\u0040type": "PostalAddress", "streetAddress": "Second Floor, Vantage London Great West Road", "addressRegion": "Brentford", "postalCode": "TW8 9AG", "addressCountry": "UK" } , { "\u0040type": "PostalAddress", "streetAddress": "26Z Timisoara Blvd., Anchor Plaza 12th Floor, District 6", "addressRegion": "Bucharest", "postalCode": "061331", "addressCountry": "Romania" } , { "\u0040type": "PostalAddress", "streetAddress": "72 Rue Sadi Carnot", "addressRegion": "Vanves, Paris", "postalCode": "92170", "addressCountry": "France" } ] } </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?a6e481cd4102cca26fcb15d56d0345b4"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <link rel="preload" as="font" type="font/ttf" href="/Fonts/Audiowide-Regular.ttf" crossorigin>  <meta name="naver-site-verification" content="634b0e678150a422b935ee40bf392c55af7bc84b" /> </head> <body>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P23N6P9" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <div class="Mainloader"> <div class="spinner-box"> <div class="Loaderword">LOADING…</div> <div id="caseGrise"> <div id="progress"> <div id="charge"></div> </div> </div> </div> </div> <header> <nav class="navbar-expand-lg navbar-light fixed-top " id="mainNav" role="navigation">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" onclick="showMobNav()" data-toggle="collapse" data-target="#navbar-collapse-1"> <div class="bars display-yes"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="sr-only">Toggle navigation</span> </div> <div class="closes display-no"> <span>X</span> </div> </button> </div> <div class="logo-mbl"> <a href="/"> <img id="logo-navbar-middle" src="https://d323sccto6ke4l.cloudfront.net/images/logo/ptw.svg" width="200" alt="ptw"> <span class="clippath-logo"></span> </a> </div>  <div class="collapse navbar-collapse service pullUpDown DeskMenu" id=""> <ul class="nav navbar-nav navbar-left"> <li class="dropdown service-menu"> <a id="showSubNav" href="javascript:void(0);" class=" service-menu" onclick="showSubNav()" data-toggle="">SERVICES <b class="caret"></b></a> </li> <li><a href="/news-events">NEWS & EVENTS</a></li> <li><a href="/careers">CAREERS</a></li> </ul> <div class="logo"> <a href="/"> <img id="logo-navbar-middle" src="https://d323sccto6ke4l.cloudfront.net/images/logo/ptw.svg" width="200" alt="ptw"> <span class="clippath-logo"></span> </a> </div> <div class="subnav-content "> <div class="row d-flex"> <div class="col-md-6 d-flex justify-content-around" id="subMenu1"> <div class="p-3"><a href="/services/art-production">Art Production</a></div> <div class="p-3"><a href="/services/game-development">Game Development</a></div> <div class="p-3"><a href="/services/quality-assurance">Quality Assurance</a></div><div class="p-3"><a href="/services/player-support">Player Support</a></div> </div> <div class="col-md-6 d-flex justify-content-around" id="subMenu2"> <div class="p-3"><a href="/services/localization">Localization</a></div><div class="p-3"><a href="/services/localization-qa">Localization QA</a></div><div class="p-3"><a href="/services/voice-production">Audio Production</a></div><div class="p-3"><a href="/services/data-collection">Data Collection</a></div> </div> </div> </div> <ul class="nav navbar-nav navbar-right"> <li class=" "><a href="/lab">LAB</a></li> <li><a href="/contact">CONTACT & LOCATIONS</a></li> <li><a href="/about">ABOUT US</a></li> <li class="dropdown" style="margin-right:0px"> <a id="Languages" class="dropdown-lang dropdown-toggle" onclick="showlang()" data-toggle="dropdown">English<b class="caret"></b></a> <ul class="dropdown-menu"> <li class="dropdown-item" onclick="languageChange('en-US')">English</li> <li class="dropdown-item" onclick="languageChange('fr-CA')">Canadian French (Français)</li> <li class="dropdown-item" onclick="languageChange('ja')">Japanese 日本語</li> <li class="dropdown-item" onclick="languageChange('ko')">Korean 한국어</li> <li class="dropdown-item" onclick="languageChange('zh-CHS')">Simplified Chinese 简体中文</li> <li class="dropdown-item" onclick="languageChange('zh-CHT')">Traditional Chinese 繁體中文</li> </ul> </li> </ul> </div>  <div class="collapse navbar-collapse service mobMenu display-none" id="navbar-collapse-1"> <div class="mobMenu-height"> <ul class="nav navbar-nav"> <li class="dropdown"> <a href="javascript:void(0);" class="dropdown-toggle mobServiceMenu mobSerMenu" data-toggle="dropdown">SERVICES <b class="caret"></b></a> <ul class="dropdown-menu " id="mobServices"> <li><a href="/services/art-production">Art Production</a></li> <li><a href="/services/game-development">Game Development</a></li> <li><a href="/services/quality-assurance">Quality Assurance</a></li><li><a href="/services/player-support">Player Support</a></li> <li><a href="/services/localization">Localization</a></li> <li><a href="/services/localization-qa">Localization QA</a></li><li><a href="/services/voice-production">Audio Production</a></li> <li><a href="/services/data-collection">Data Collection</a></li> </ul> </li> <li><a href="/news-events">NEWS & EVENTS</a></li> <li><a href="/careers">CAREERS</a></li> <li class=" "><a href="/lab">LAB</a></li> <li><a href="/contact">CONTACT & LOCATIONS</a></li> <li><a href="/about">ABOUT US</a></li> </ul> <ul class="nav navbar-nav"> <li class="dropdown language"> <a id="Languages" href="javascript:void(0);" class="dropdown-toggle" onclick="sholangMobile()" data-toggle="dropdown">English <b class="caret"></b></a> <ul class="dropdown-menu languageMenu"> <li class="dropdown-item" onclick="languageChange('en-US')">English</li> <li class="dropdown-item" onclick="languageChange('fr-CA')">Canadian French (Français)</li> <li class="dropdown-item" onclick="languageChange('ja')">Japanese 日本語</li> <li class="dropdown-item" onclick="languageChange('ko')">Korean 한국어</li> <li class="dropdown-item" onclick="languageChange('zh-CHS')">Simplified Chinese 简体中文</li> <li class="dropdown-item" onclick="languageChange('zh-CHT')">Traditional Chinese 繁體中文</li> </ul> </li> </ul> </div> </div>  </nav> </header> <link href="/css/sticky.css" rel="stylesheet" /> <link href="/css/news-article.css" rel="stylesheet" /> <style> .change .bar3, .change .bar1 { background-color: #000 !important; } .cfff { color: #fff !important; } .footer-parent { background-color: #3A3B3E; margin-right: -15px; } </style> <div id="updatepnl"> <div class="row"> <div class="col-md-12"> </div> </div> <div class="article-container no-display"> <img src="https://d323sccto6ke4l.cloudfront.net/images/news/1500/en-us/401.jpg" alt="Meet Mat and FX of SIDE Montreal"> </div> <div class="container-fluid article-container"> <div class="row"> <div class="col-md-12"> <div class="article-banner text-center no-hide"> <img src="https://d323sccto6ke4l.cloudfront.net/images/news/1500/en-us/401.jpg" alt="Meet Mat and FX of SIDE Montreal"> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="row"> <div class="col-md-8 article-name "> <p class=>Meet Mat and FX of SIDE Montreal</p> </div> <div class="col-md-4 col-sm-12 share-col d-none d-md-block"> <div class="float-right"> <div class="row"> <div class="col-md-12"> <p class="share-text ">Share Now</p> </div> </div> <div class="row"> <div class="col-md-12 p-0"> <p class="share-icons"> <a href="https://twitter.com/share?ref_src=ptw&text=Meet Mat and FX of SIDE Montreal&url=https://www.ptw.com/news/Meet Mat and FX of SIDE Montreal&via=ptw" target="_blank" rel="noopener noreferrer"><span><i class="fa fa-twitter"></i></span></a> <a href="https://www.facebook.com/sharer/sharer.php?u=https://www.ptw.com/news/Meet Mat and FX of SIDE Montreal" target="_blank" rel="noopener noreferrer"><span><i class="fa fa-facebook"></i></span></a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.ptw.com/news/Meet Mat and FX of SIDE Montreal&title=Meet Mat and FX of SIDE Montreal&source=https://ptw.com" target="_blank" rel="noopener noreferrer"><span><i class="fa fa-linkedin-square"></i></span></a> <a href="https://www.instagram.com/ptwglobal/?igshid=15nzkyn7tujmo&url=https://www.ptw.com/news/Meet Mat and FX of SIDE Montreal&title=Meet Mat and FX of SIDE Montreal&source=https://ptw.com" target="_blank" rel="noopener noreferrer"><span><i class="fa fa-instagram"></i></span></a> </p> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 article-date "> <p>Oct 16, 2024</p> </div> </div> <div class="row"> <div class="col-md-12 article-desc "> <p> <p>It's been one year since we acquired Vibe Avenue—the studio now known as <a href="https://www.ptw.com/news/side-acquires-vibe-avenue">SIDE Montreal</a>—and we’re proud to have seen the team flourish and develop on both existing and new partnerships, offering sound design, music composition, and integration under our umbrella of <a href="https://www.ptw.com/services/voice-production">game audio production</a> services. </p> <p>Originally founded in 2013, the studio now has over 11 years of experience innovating across music and sound design for video games and new visual media. But just how did the team get to where they are today? We sat down with founders <b>François-Xavier Dupas</b> (Creative Director of Music & Sound, Lead Composer) and <b>Mathieu Lavoie</b> (Senior Director of Music & Sound, Lead Composer) to learn about their backgrounds, how the original studio came to be, and the journey that led them to joining <a href="https://sideglobal.com/" target="_blank">SIDE</a>.</p> <p style="text-align: center;"><img style="width:70%" src="https://d323sccto6ke4l.cloudfront.net/images/news/contents/401/en-us/matandfxphoto.jpg"></p> <p style="text-align: center;"><b>Mathieu Lavoie (Mat) and François-Xavier Dupas (FX)</b></p> <h2>Can you take us back to the origin story of Vibe Avenue before becoming SIDE Montreal? Tell us about your backgrounds and how the company was founded.</h2> <p><b>FX</b>: Starting in the early days, I studied music at a conservatory and did my undergrad at Sorbonne University in Paris. But before then, coming from a family of scientists, I was actually a gamer before becoming a musician, thanks to my dad’s fascination with technology—he would always buy the latest technology and consoles, which I was thrilled to test. </p> <p>After my conservatory studies, I spent a few years as a musician touring and writing songs before eventually moving to Montreal in 2009, which is when Mathieu and I met. My first job in Quebec was as Mathieu’s TA (Teaching Assistant) at the Université de Montréal! Mat was teaching the very first university-level class in sound creation for video games in Canada and probably the whole of North America. I helped digitalize clips for the course and build the curriculum, meanwhile pursuing a master’s in film scoring, and later a PhD in interactive music composition for video games.</p> <p>Mat and I’s collaboration eventually continued both on and off the university campus: together, we founded Vibe Avenue on January 1, 2013, and we hired our first employees the following year.</p> <p><b>Mat</b>: For my part, I’ve been gaming for what seems like forever: my first console was a Coleco Gemini back in the early 80s and my first PC was a Tandy 1000TX. My initial forays into music composition were on that same Tandy computer before I started writing scores on paper. In my teens, I spent most of my free time self-training in music composition with Cakewalk, jamming with my metal band, playing D&D, and watching <i>Star Trek</i>!</p> <p>At 18, I teamed up with Dee Brown for Beenox’s early days, handling all the music and sound for <i>Pillars of Garendall</i> and taking on some business-related tasks. My university years led to earning a Doctorate from the University of Montreal, where I met FX and created many new classes, including one on sound creation for video games, as FX mentioned. FX and I became fast friends and co-founded Vibe Avenue in 2013; that same year, I also became a tenured professor at the University of Quebec in Montreal. Vibe Avenue thrived, growing both in reputation and team size, and we had a blast!</p> <p>The first game we worked on, <i>Big Action Mega Fight!</i>, won the Best Game Audio Award at Casual Connect USA, opening numerous opportunities for us. This was in collaboration with Double Stallion Games, with whom we most recently worked on <i>Convergence: A League of Legends Story</i>. Over the years, we completed bigger projects like <i>Star Trek: Fleet Command </i>and <i>Dungeons & Dragons: Dark Alliance</i>.</p> <p>Then in late 2022, meeting the incredible and friendly Olivier Deslandes, SIDE’s Senior VP of Audio, was a game-changer. Visiting the SIDE LA, London, and Paris studios in early 2023 and meeting many on the company’s leadership team made us feel right at home. We knew we needed to team up with this talented group to reach new heights.</p> <p style="text-align: center;"> <img style="width:70%" src="https://d323sccto6ke4l.cloudfront.net/images/news/contents/401/en-us/image-20.jpg"> </p> <h2>What services and expertise does SIDE Montreal offer? How did you first realize there was a market for these services? </h2> <p><b>Mat & FX</b>: Building off our goal of being a one-stop shop for a game’s entire audio, there are four aspects to that: music, sound design, integration, and voice-over (VO).</p> <p>On top of individual services, the idea was to create a studio with a strong sense of collaboration, both within our specialized teams (sound design team, music team, etc.) and between each of those teams. We wanted to master the audio landscape from A to Z, and we founded Vibe during the rise of indie games. A few indie hits had already been released (like <i>Limbo</i>, <i>Super Meat Boy</i>, <i>Braid</i>, and <i>Bastion</i>), and in Montreal, we could feel that things were bubbling away. The big studios were already here, but there was also a move toward indies and the creation of new studios. As newcomers, it was the ideal breeding ground for us to develop.</p> <p>We’ve continued to follow the same philosophy, even though our team has grown over time and we’ve started getting specific orders for music and sound design, which has led our various departments to become more specialized. Through it all, our aim has always been to achieve exceptional quality. We were one of the first studios in the indie and mobile game sector to use middleware like Wwise, and we’ve paid a great deal of attention to the interactive aspect, both in terms of music and sound design, always aiming for the best possible quality. That quest for excellence has truly guided our every move since the beginning.</p> <h2>How have these services grown over time, and how has SIDE Montreal evolved over the years? </h2> <p><b>Mat & FX</b>: At first we were very local, working mainly with Montreal-based studios. But over time our reputation has grown, and we’ve started getting calls and emails from all over the world about various projects. For example, we collaborated with a Turkish studio on the game <i>Oddmar </i>and with an Irish studio on <i>Star Trek: Fleet Command</i>. We’ve also worked with partners in Germany, in the United States (including on Wizards of the Coast and Riot), and more recently in China.</p> <p>In short, we didn’t necessarily look for those opportunities, but our growing reputation helped us to widen our reach. This also led us to grow from a team of 2 to now having nearly 20 team members in the span of ten years.</p> <h2>What have been some of your key projects and milestones to date? What made them so memorable? </h2> <p><b>Mat & FX</b>: In terms of milestones, several projects represented important steps for us: </p> <div style="display:inline-block;width:100%"> <img style="float: left;margin-right:20px;margin-left: unset !important" src="https://d323sccto6ke4l.cloudfront.net/images/news/contents/401/en-us/big-action-megafight.png"> <p> <b><i>Big Action Mega Fight!</i></b><br><br> Our very first project, which won an award at Casual Connect. This was a key moment for us.</p> </div> <div style="display:inline-block;width:100%"> <img style="float: left;margin-right:20px;margin-left: unset !important" src="https://d323sccto6ke4l.cloudfront.net/images/news/contents/401/en-us/storiesthepathofdestinies.png"> <p> <i><b>Stories: The Path of Destinies</b><br></i><br>Released in 2016, this game was our most ambitious project up until that point. As an RPG, it included a huge amount of music as well as complex interactive music systems that were designed to serve the story. The game earned many accolades, and we took home the award for Best Audio Design at MIGA (Montreal Independent Game Festival) in 2016. </p> </div> <div style="display:inline-block;width:100%"> <img style="float: left;margin-right:20px;margin-left: unset !important" src="https://d323sccto6ke4l.cloudfront.net/images/news/contents/401/en-us/startrek-fleetcommand.png"> <p> <i><b>Star Trek: Fleet Command</b><br></i><br> Working on such a famous title was another milestone for us. It was the first time that we’d collaborated with such a well-known franchise. For Mat, it was a childhood dream come true to work on that whole universe (Mat owns a <i>Star Trek</i> uniform!), and he knew all about the music associated with it. </p> </div> <div style="display:inline-block;width:100%"> <img style="float: left;margin-right:20px;margin-left: unset !important" src="https://d323sccto6ke4l.cloudfront.net/images/news/contents/401/en-us/dungeons-dragons-dark-alliance.png"> <p> <i><b>Dungeons & Dragons: Dark Alliance</b><br></i><br> This project was another major milestone being that it was a large-scale, almost AAA-level game. We handled every aspect of the audio, from sound direction to sound design by way of voice recording coordination. It needed three hours of music, including an hour-long orchestra session that was recorded in Montreal during the pandemic. The project was a real feat of strength, with a whole host of interactive systems both for the sound design and for the music. As a huge D&D fan, this was a dream come true for Mat, who re-read all the R.A. Salvatore books about the Legend of Drizzt, while composing tracks. </p> </div> <h2>How do you approach collaboration with game developers and creators to ensure that the sound design and music creation aligns with their vision for the project?</h2> <p><b>Mat & FX</b>: We actually see ourselves as full members of the studios that we collaborate with, which means that we generally work directly on the projects in-engine. We work very closely together across all services, and we also integrate our own musical compositions, for example.</p> <p>Unlike standard providers, who might be happy just to deliver pieces of music, we get intimately involved in the development process. This approach is essential in our line of work: it allows us to truly understand the gameplay, to achieve the highest level of quality and to create an immersive experience for players. We adapt to the game’s mechanics, provide relevant feedback, and respect the principles of interactivity required by the game.</p> <h2>What makes sound design and music creation for games different than other mediums? </h2> <p><b>Mat & FX</b>: What makes game music and sound design unique compared to other mediums is the interactive aspect. You really need a different, more modular approach to creation so that the eventual sound or music can be recreated or recomposed in real time. It’s an art form in itself! For the foley, for example, recording interactive sound effects differs considerably from recording for a film. You need to record from a closer distance, and the various elements need to be separated to generate more possibilities for interaction. </p> <p>The music follows a similar logic: we export it in stems and create different versions and different variations depending on the game’s parameters and so on. Basically, it impacts almost everything right from the start of the creative process.</p> <h2>Can you highlight any recent advancements in technology across games, music, and sound design that have significantly impacted the way you work? </h2> <p><b>Mat & FX: </b>In terms of tools and technology, it’s essential to have a solid grasp of game engines and audio tools. Over the years, the tools we use have evolved, especially with platforms like Unreal Engine and developments in augmented reality. We’ve also seen the emergence of new technology like haptic feedback, which we used extensively in the game <a href="https://www.ptw.com/lab/season-a-letter-to-the-future-experiencing-audio-recording-as-a-game-mechanic"><i>Season: A Letter to the Future</i></a>, among others. </p> <p>Virtual reality has also played an increasingly important role. We’ve been involved in a number of VR productions in the last few years, for example with game studio TREBUCHET and others. Spatial sound and immersive audio are key elements in that regard, and that also applies to music. In general, working in the video game industry requires deeper technical expertise than in other mediums, like film. You need to be kind of geeky, passionate about technology, and capable of using those tools daily while also following their constant evolution. </p> <h2>Now being part of the PTW family of brands, how do you see SIDE Montreal’s services supporting PTW and SIDE’s mission of “bringing your story to the world” for our clients? </h2> <p><b>Mat & FX</b>: We all know that sound and music are fundamental elements of storytelling. George Lucas once said that sound was “50% of the experience” with <i>Star Wars</i>, and to this day, directors like Denis Villeneuve are focusing increasingly on sound and music to strengthen their storytelling. It makes the narrative a lot more powerful. </p> <p>With SIDE Montreal joining the PTW global family, we’ve helped SIDE grow its audio services beyond mere voice-over and localization. Our aim is now to become global creative partners, capable of meeting every need that a gaming project might have. For one of our key clients, for example, we don’t just record voices anymore: we also integrate them directly into their game, edit them, and so on. Before, SIDE delivered recordings without integrating them directly into games, but this new approach brings us closer to developers and helps us to better meet their needs, thereby strengthening our partnerships. </p> <p>From the start, our philosophy has been to position ourselves not as mere external service providers but as an entity that integrates itself into the studios that we work with. We’ve always sought to be an integral team member, and that approach is fully reflected in PTW’s philosophy. </p> <p style="text-align: center;"> <img style="width:70%" src="https://d323sccto6ke4l.cloudfront.net/images/news/contents/401/en-us/sidemontreal-studio-photo.jpg"> </p> </p> </div> </div> </div> <div class="col-md-4 col-sm-12 share-col share-col-mbl d-none"> <div class="row"> <div class="col-md-12"> <p class="share-text">Share Now</p> </div> </div> <div class="row"> <div class="col-md-12"> <p class="share-icons"> <a href="https://twitter.com/share?ref_src=ptw&text=Meet Mat and FX of SIDE Montreal&url=https://www.ptw.com/news/a-message-from-our-ceo&via=ptw" target="_blank" rel="noopener noreferrer"><span><i class="fa fa-twitter"></i></span></a> <a href="https://www.facebook.com/sharer/sharer.php?u=https://www.ptw.com/news/Meet Mat and FX of SIDE Montreal" target="_blank" rel="noopener noreferrer"><span><i class="fa fa-facebook"></i></span></a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.ptw.com/news/Meet Mat and FX of SIDE Montreal&title=Meet Mat and FX of SIDE Montreal&source=https://ptw.com" target="_blank" rel="noopener noreferrer"><span><i class="fa fa-linkedin-square"></i></span></a> <a href="https://www.instagram.com/ptwglobal/?igshid=15nzkyn7tujmo&url=https://www.ptw.com/news/Meet Mat and FX of SIDE Montreal&title=Meet Mat and FX of SIDE Montreal&source=https://ptw.com" target="_blank" rel="noopener noreferrer"><span><i class="fa fa-instagram"></i></span></a> </p> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 article-pagination no-hide-small "> <a href="/en-us/news-events"> <p><i class="fa fa-long-arrow-left"></i>All News & Events</p> </a> <div class="pull-right"> <span class="prev-next"> <a href="/en-us/news/celebrating-30-years-of-ptw-our-story" id="ContentPlaceHolder1_btnPrevious"> <p class="article-previous"><i class="fa fa-long-arrow-left"></i>Previous</p> </a> </span> </div> </div> <div class="col-md-12 article-pagination no-display-small no-padding "> <div class="row prev-next-reverse"> <div class="col-6 mbl-wrap no-padding pl-0"> <a href="/en-us/news-events"> <p class="PandN"><i class="fa fa-long-arrow-left"></i><span>All News & Events</span></p> </a> </div> <div class="col-6 mbl-wrap prev-next prev-next-mbl pr-0 no-padding"> <a href="/en-us/news/celebrating-30-years-of-ptw-our-story" id="ContentPlaceHolder1_btnPreviousMobile"> <p class="article-previous PandN"><i class="fa fa-long-arrow-left"></i><span>Previous</span></p> </a> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function () { if ($(".prev-next-mbl a").length === 1) { $(".prev-next-mbl").addClass("justifyPrevMbl"); } }); $(window).on("load", function() { var newstitle = $(".article-name").find("p").html(); if(newstitle.toLocaleLowerCase().indexOf("entalize")!=-1) { $(".article-name").find("p").attr("style","text-transform:none !important"); } }); </script>  <div class="footerbg"> <div class="row home footerStripe "> <div class=" stripe "> <div class="d-flex" style="width: 100%;justify-content: center;align-items: center;"> <div class="cursor-pointer" onclick="Navigateabout();"><p>Shout Out!</p> <p class="stripe_subtxt">Get in touch with us</p></div> <div class="third-flex cursor-pointer" style=" margin-left: 5rem;" onclick="Navigateabout();"> <i class="fa fa-angle-right cursor-pointer" style="font-size:60px ; color:white ;width: 12px;"></i> <i class="fa fa-angle-right cursor-pointer" style="font-size:60px ; color:#a9a1a1;width: 12px;"></i> <i class="fa fa-angle-right cursor-pointer" style="font-size:60px ; color:#8a7c7c;"></i></div> </div> </div> </div> <section class=" position-relative clip-footer footer-parent"> <footer class="text-white d-sm-block d-none"> <div class="row justify-content-between content-before no-padding"> <div class="col-lg-2 col-sm-3 d-flex flex-column justify-content-between footer-info footer-font f1"> <div class="mb-3 py-3"> <img style="width: 90%;" src="https://d323sccto6ke4l.cloudfront.net/images/logo/ptwfooterlogo.svg"></div> <div> <div class="followus" style="opacity: .4;">Follow us</div> <div class="footer-social-icons pull-xs-right m-0 d-flex nav navbar-nav navbar-toggleable-sm pt-3" style=" flex-direction: row;"> <div class="nav-item"> <a href="https://x.com/PTW" target="_blank" rel="noopener noreferrer" class="twitter nav-link pl-0" title="Twitter" style="color: rgb(255, 255, 255);"> <svg class="x-whiteimg" width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.359693 0.66333L8.46755 11.1931L0.308594 19.7542H2.14499L9.2883 12.2586L15.0597 19.7542H21.3086L12.7444 8.63234L20.3388 0.66333H18.5024L11.924 7.56643L6.60859 0.66333H0.359693ZM3.0602 1.97706H5.93091L18.6077 18.4405H15.737L3.0602 1.97706Z" fill="white"/></svg> <svg class="x-buleimg" width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.359693 0.66333L8.46755 11.1931L0.308594 19.7542H2.14499L9.2883 12.2586L15.0597 19.7542H21.3086L12.7444 8.63234L20.3388 0.66333H18.5024L11.924 7.56643L6.60859 0.66333H0.359693ZM3.0602 1.97706H5.93091L18.6077 18.4405H15.737L3.0602 1.97706Z" fill="#009cbc"/></svg> </a> </div> <div class="nav-item"> <a href="https://www.facebook.com/PTWintl/" target="_blank" rel="noopener noreferrer" class="facebook nav-link pl-0" title="Facebook" style="color: rgb(255, 255, 255);"> <i class="fa fa-facebook"></i> </a> </div> <div class="nav-item"> <a href="https://www.instagram.com/ptwglobal/" target="_blank" rel="noopener noreferrer" class="linkedin nav-link pl-0" title="Instagram" style="color: rgb(255, 255, 255);"> <i class="fa fa-instagram"></i> </a> </div> <div class="nav-item"> <a href="https://www.linkedin.com/company/ptwintl/" target="_blank" rel="noopener noreferrer" class="linkedin nav-link pl-0" title="LinkedIn" style="color: rgb(255, 255, 255);"> <i class="fa fa-linkedin-square"></i> </a> </div> </div> </div> </div> <div class="col-lg-5 col-sm-6 footer-info footer-font newFooter_ul"> <div class="d-flex"> <ul class="pull-xs-right m-0 nav navbar-nav navbar-toggleable-sm"> <li class="nav-item"> <a href="/" id="Footer1_A1" class="nav-link footer-nav-text" titlevalue="1" style="color: rgb(255, 255, 255);font-size: 15px;">Home</a> </li> <li class="nav-item"> <a href="/?services" id="Footer1_A2" class="nav-link footer-nav-text" titlevalue="2" style="color: rgb(255, 255, 255);font-size: 15px;">Services</a> </li> <li class="nav-item"> <a href="/about" id="Footer1_A3" class="nav-link footer-nav-text" titlevalue="3" style="color: rgb(255, 255, 255);font-size: 15px;">About</a> </li> <li class="nav-item"> <a href="/careers" id="Footer1_A5" class="nav-link footer-nav-text" titlevalue="5" style="color: rgb(255, 255, 255);font-size: 15px;">Careers</a> </li> <li class="nav-item"> <a href="/Contact" id="Footer1_A6" class="nav-link contact footer-nav-text" titlevalue="6" style="color: rgb(255, 255, 255);font-size: 15px;">Contact</a> </li> </ul> <ul class="pull-xs-right m-0 nav navbar-nav navbar-toggleable-sm footer-font"> <li class="nav-item"> <a href="/PDF/PTW_New_Website_Terms_of_Usage_2018.pdf" id="Footer1_A8" class="nav-link footer-nav-text" target="_blank" rel="noopener noreferrer" style="color: rgb(255, 255, 255); font-size: 15px;">Website Terms of Usage</a> </li> <li class="nav-item"> <a href="/PDF/PTW_Privacy_Policy.pdf" id="Footer1_A9" class="nav-link footer-nav-text" target="_blank" rel="noopener noreferrer" style="color: rgb(255, 255, 255);font-size: 15px;">Privacy Policy</a> </li> <li class="nav-item"> <a href="/PDF/Corporate_Social_Responsibility_V3.pdf" target="_blank" id="Footer1_A8" class="nav-link contact footer-nav-text" titlevalue="8" style="color: rgb(255, 255, 255);font-size: 15px;">CSR Policy (India)</a> </li> <li class="nav-item"> <a href="/PDF/PTW_Modern_Slavery_Statement.pdf" target="_blank" class="nav-link contact footer-nav-text" titlevalue="8" style="color: rgb(255, 255, 255);font-size: 15px;">Modern Slavery Statement</a> </li> <li class="nav-item"> <a href="/lab" id="Footer1_A7" class="nav-link footer-nav-text" titlevalue="7" style="color: rgb(255, 255, 255);font-size: 15px;">LAB</a> </li> </ul> </div> <div class="d-flex footer-logos-wrap"> <a href="https://sideglobal.com/" target="_blank" rel="noopener noreferrer" class="mr-4 logo-org upto"><img src="https://d323sccto6ke4l.cloudfront.net/images/logo/side-foooter-logo-bkp.png" class="footer-logoImg mr-2 w-100"></a> <a href="https://1518studios.com/" target="_blank" rel="noopener noreferrer" class="mr-4 logo-org1"><img src="https://d323sccto6ke4l.cloudfront.net/images/logo/1518studios_logo.png" class="mr-2 footer-logoImg w-100"></a> <a href="https://ghostpunch.com/" target="_blank" rel="noopener noreferrer" class="mr-4 logo-org1"><img src="https://d323sccto6ke4l.cloudfront.net/images/logo/ghostpunch-logo.png" class="mr-2 footer-logoImg w-100"></a> <a href="https://entalize.co.jp/en/" target="_blank" rel="noopener noreferrer" class="mr-4 logo-org2"><img src="https://d323sccto6ke4l.cloudfront.net/images/logo/entalize-footer-logo.png" class="mr-2 footer-logoImg w-100"></a> </div> </div> <div class="col-lg-3 col-sm-2 d-flex align-items-end justify-content-end"> <div class="iso mt-5 text-right"> <img src="https://d323sccto6ke4l.cloudfront.net/images/logo/iso.png" title="ISO 27001" class="no-margin-bottom ml-auto text-white text-center iso-logo"> </div> </div> </div> <div class="copyright_text"> <p class="m-0"><span><img class="mr-2" style="width: 13px;" src="https://d323sccto6ke4l.cloudfront.net/images/copyright.png" alt="" /></span>2024 PTW. ALL RIGHTS RESERVED.</p> </div> </footer> <footer class="text-white d-sm-none d-block"> <div class="row justify-content-between content-before no-padding"> <div class="col-4 d-flex flex-column justify-content-between footer-info footer-font f1"> <div class="footer-logo py-3"> <img style="width: 90%;" src="https://d323sccto6ke4l.cloudfront.net/images/logo/ptwfooterlogo.svg"></div> <div> <div class="followus" style="opacity: .4;">Follow us</div> <div class="footer-social-icons pull-xs-right m-0 d-flex nav navbar-nav navbar-toggleable-sm pt-3" style=" flex-direction: row;"> <div class="nav-item"> <a href="https://x.com/PTW" target="_blank" rel="noopener noreferrer" class="twitter nav-link pl-0" title="Twitter" style="color: rgb(255, 255, 255);"> <svg class="x-whiteimg" width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.359693 0.66333L8.46755 11.1931L0.308594 19.7542H2.14499L9.2883 12.2586L15.0597 19.7542H21.3086L12.7444 8.63234L20.3388 0.66333H18.5024L11.924 7.56643L6.60859 0.66333H0.359693ZM3.0602 1.97706H5.93091L18.6077 18.4405H15.737L3.0602 1.97706Z" fill="white"/></svg> <svg class="x-buleimg" width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.359693 0.66333L8.46755 11.1931L0.308594 19.7542H2.14499L9.2883 12.2586L15.0597 19.7542H21.3086L12.7444 8.63234L20.3388 0.66333H18.5024L11.924 7.56643L6.60859 0.66333H0.359693ZM3.0602 1.97706H5.93091L18.6077 18.4405H15.737L3.0602 1.97706Z" fill="#009cbc"/></svg> </a> </div> <div class="nav-item"> <a href="https://www.facebook.com/PTWintl/" target="_blank" rel="noopener noreferrer" class="facebook nav-link pl-0" title="Facebook" style="color: rgb(255, 255, 255);"> <i class="fa fa-facebook"></i> </a> </div> <div class="nav-item"> <a href="https://www.instagram.com/ptwglobal/" target="_blank" rel="noopener noreferrer" class="linkedin nav-link pl-0" title="Instagram" style="color: rgb(255, 255, 255);"> <i class="fa fa-instagram"></i> </a> </div> <div class="nav-item"> <a href="https://www.linkedin.com/company/ptwintl/" target="_blank" rel="noopener noreferrer" class="linkedin nav-link pl-0" title="LinkedIn" style="color: rgb(255, 255, 255);"> <i class="fa fa-linkedin-square"></i> </a> </div> </div> </div> </div> <div class="col-8 footer-info footer-font newFooter_ul"> <div class="d-flex"> <ul class="pull-xs-right m-0 nav navbar-nav navbar-toggleable-sm"> <div class="d-flex"> <li class="nav-item"> <a href="/" id="Footer1_A1" class="nav-link footer-nav-text" titlevalue="1" style="color: rgb(255, 255, 255);font-size: 15px;">Home</a> </li> <li class="nav-item"> <a href="/PDF/PTW_New_Website_Terms_of_Usage_2018.pdf" id="Footer1_A8" class="nav-link footer-nav-text" target="_blank" rel="noopener noreferrer" style="color: rgb(255, 255, 255); font-size: 15px;">Website Terms of Usage</a> </li> </div> <div class="d-flex"> <li class="nav-item"> <a href="/?services" id="Footer1_A2" class="nav-link footer-nav-text" titlevalue="2" style="color: rgb(255, 255, 255);font-size: 15px;">Services</a> </li> <li class="nav-item"> <a href="/PDF/PTW_Privacy_Policy.pdf" id="Footer1_A9" class="nav-link footer-nav-text" target="_blank" rel="noopener noreferrer" style="color: rgb(255, 255, 255);font-size: 15px;">Privacy Policy</a> </li> </div> <div class="d-flex"> <li class="nav-item"> <a href="/about" id="Footer1_A3" class="nav-link footer-nav-text" titlevalue="3" style="color: rgb(255, 255, 255);font-size: 15px;">About</a> </li> <li class="nav-item"> <a href="/PDF/Corporate_Social_Responsibility_V3.pdf" target="_blank" id="Footer1_A8" class="nav-link contact footer-nav-text" titlevalue="8" style="color: rgb(255, 255, 255);font-size: 15px;">CSR Policy (India)</a> </li> </div> <div class="d-flex"> <li class="nav-item"> <a href="/careers" id="Footer1_A5" class="nav-link footer-nav-text" titlevalue="5" style="color: rgb(255, 255, 255);font-size: 15px;">Careers</a> </li> <li class="nav-item"> <a href="/PDF/PTW_Modern_Slavery_Statement.pdf" target="_blank" id="Footer1_A10" class="nav-link contact footer-nav-text" titlevalue="8" style="color: rgb(255, 255, 255);font-size: 15px;">Modern Slavery Statement</a> </li> </div> <div class="d-flex"> <li class="nav-item"> <a href="/Contact" id="Footer1_A6" class="nav-link contact footer-nav-text" titlevalue="6" style="color: rgb(255, 255, 255);font-size: 15px;">Contact</a> </li> <li class="nav-item"> <a href="/lab" id="Footer1_A7" class="nav-link footer-nav-text" titlevalue="7" style="color: rgb(255, 255, 255);font-size: 15px;">LAB</a> </li> </div> </ul> </div> </div> </div> <div class="row"> <div class="col-9 d-flex align-items-end"> <div class="d-flex footer-logos-wrap"> <a href="https://sideglobal.com/" target="_blank" rel="noopener noreferrer" class="mr-4 logo-org upto"><img src="https://d323sccto6ke4l.cloudfront.net/images/logo/side-foooter-logo-bkp.png" class="footer-logoImg mr-2 w-100"></a> <a href="https://1518studios.com/" target="_blank" rel="noopener noreferrer" class="mr-4 logo-org1"><img src="https://d323sccto6ke4l.cloudfront.net/images/logo/1518studios_logo.png" class="mr-2 footer-logoImg w-100"></a> <a href="https://ghostpunch.com/" target="_blank" rel="noopener noreferrer" class="mr-4 logo-org1"><img src="https://d323sccto6ke4l.cloudfront.net/images/logo/ghostpunch-logo.png" class="mr-2 footer-logoImg w-100"></a> <a href="https://entalize.co.jp/en/" target="_blank" rel="noopener noreferrer" class="mr-4 logo-org2"><img src="https://d323sccto6ke4l.cloudfront.net/images/logo/entalize-footer-logo.png" class="mr-2 footer-logoImg w-100"></a> </div> </div> <div class="col-3 d-flex align-items-end"> <div class="iso mt-5 text-right"> <img src="https://d323sccto6ke4l.cloudfront.net/images/logo/iso.png" title="ISO 27001" class="no-margin-bottom ml-auto text-white text-center iso-logo"> </div> </div> </div> <div class="copyright_text"> <p class="m-0"><span><img class="mr-2" style="width: 13px;" src="https://d323sccto6ke4l.cloudfront.net/images/copyright.png" alt="" /></span>2024 PTW. ALL RIGHTS RESERVED.</p> </div> </footer> </section> </div> <script src="/js/aos.js"></script> <script type="text/javascript"> disableScroll(); window.onunload = unloadPage; function unloadPage() { disableScroll(); } $(window).on("load", function () { $(".Mainloader").hide(); AOS.init({ duration: 1200, once: true }); $("body").css("overflow-y", "auto"); enableScroll(); if('True' == 'False') { $(".footer-social-icons .fa-twitter").closest('div').css('display','none'); $(".footer-social-icons .fa-facebook").closest('div').css('display','none'); $(".footer-social-icons .fa-instagram").closest('div').css('display','none'); $(".share-icons .fa-twitter").closest('a').css('display','none'); $(".share-icons .fa-facebook").closest('a').css('display','none'); $(".share-icons .fa-instagram").closest('a').css('display','none'); } }); var keys = { 37: 1, 38: 1, 39: 1, 40: 1 }; function preventDefault(e) { e.preventDefault(); } function preventDefaultForScrollKeys(e) { if (keys[e.keyCode]) { preventDefault(e); return false; } } // modern Chrome requires { passive: false } when adding event var supportsPassive = false; try { window.addEventListener("test", null, Object.defineProperty({}, 'passive', { get: function () { supportsPassive = true; } })); } catch (e) { } var wheelOpt = supportsPassive ? { passive: false } : false; var wheelEvent = 'onwheel' in document.createElement('div') ? 'wheel' : 'mousewheel'; // call this to Disable function disableScroll() { window.addEventListener('DOMMouseScroll', preventDefault, false); // older FF window.addEventListener(wheelEvent, preventDefault, wheelOpt); // modern desktop window.addEventListener('touchmove', preventDefault, wheelOpt); // mobile window.addEventListener('keydown', preventDefaultForScrollKeys, false); } // call this to Enable function enableScroll() { window.removeEventListener('DOMMouseScroll', preventDefault, false); window.removeEventListener(wheelEvent, preventDefault, wheelOpt); window.removeEventListener('touchmove', preventDefault, wheelOpt); window.removeEventListener('keydown', preventDefaultForScrollKeys, false); } var languages = ["en-US", "zh-CHS", "zh-CHT", "ja", "ko", "fr-CA"]; function languageChange(Langauge) { var currentpageurl = window.location.href; currentpageurl = currentpageurl.replace(window.location.origin, ''); $.each(languages, function (i, val) { currentpageurl = currentpageurl.replace('/' + val.toLowerCase(), ''); }); currentpageurl = currentpageurl.replace('//', '/'); if (currentpageurl == '/') { currentpageurl = ''; } var redirectURL = origin + (Langauge.toLowerCase() != "en-us" ? '/' + Langauge.toLowerCase() : '') + currentpageurl; window.location.assign(redirectURL); } $(document).ready(function () { helpfulAnimate(); var currentpageurl = window.location.href; currentpageurl = currentpageurl.replace(window.location.origin, ''); if (currentpageurl) { } if (currentpageurl.replace('?', '/').split('/')[1].toLowerCase() == "en-us") { $("#Languages,.mobMenu #Languages").html('English<b class="caret"></b>'); $(".Loaderword").html('LOADING…'); } else if (currentpageurl.replace('?', '/').split('/')[1].toLowerCase() == "zh-chs") { $("#Languages,.mobMenu #Languages").html('简体中文<b class="caret"></b>'); $(".Loaderword").html('加载中……'); } else if (currentpageurl.replace('?', '/').split('/')[1].toLowerCase() == "zh-cht") { $("#Languages,.mobMenu #Languages").html('繁體中文<b class="caret"></b>'); $(".Loaderword").html('讀取中...'); } else if (currentpageurl.replace('?', '/').split('/')[1].toLowerCase() == "ja") { $("#Languages,.mobMenu #Languages").html('日本語<b class="caret"></b>'); $(".Loaderword").html('ロード中…'); } else if (currentpageurl.replace('?', '/').split('/')[1].toLowerCase() == "ko") { $("#Languages,.mobMenu #Languages").html('한국어<b class="caret"></b>'); $(".Loaderword").html('로딩 중…'); } else if (currentpageurl.replace('?', '/').split('/')[1].toLowerCase() == "fr-ca") { $("#Languages,.mobMenu #Languages").html('Français<b class="caret"></b>'); $(".Loaderword").html('Chargement...'); } else { $("#Languages,.mobMenu #Languages").html('English<b class="caret"></b>'); $(".Loaderword").html('LOADING…'); } if (currentpageurl.split('/services/').length > 1) { $("li.service-menu").addClass('menu-active'); $("a.mobServiceMenu").addClass('menu-active'); $('#mobServices li').each(function () { if ($(this).find('a').attr("href").split('/')[$(this).find('a').attr("href").split('/').length - 1].toLowerCase() == window.location.href.split('services/')[1].toLowerCase()) { $(this).addClass("menu-active"); } }); $('.subnav-content .col-md-6 div').each(function () { if ($(this).find('a').attr("href").split('/')[$(this).find('a').attr("href").split('/').length - 1].toLowerCase() == window.location.href.split('services/')[1].toLowerCase()) { $(this).addClass("active"); } }); } else { $(".navbar-collapse.DeskMenu ul li a").each(function () { if (currentpageurl.split($(this).attr("href")).length > 1) { $(this).parent().addClass("menu-active"); $(".navbar-collapse.mobMenu ul li a[href='" + $(this).attr("href") + "']").parent().addClass("menu-active"); } }); if (currentpageurl.indexOf("/news/") > -1) { $($(".DeskMenu ul li a[href*='/news-events']")[0]).parent().addClass("menu-active"); $($(".navbar-collapse.mobMenu ul li a[href*='/news-events']")[0]).parent().addClass("menu-active"); } } }); window.onload = function () { var pageValue = getParameterByName('pageValue'); if (pageValue == null) { pageValue = '1'; } $('#navbarResponsive ul').each(function () { var phrase = ''; $(this).find('a').each(function () { var current = $(this); var titleValue = current.attr("titleValue"); if (pageValue === titleValue) { current.append(' <div class="underline"></div>'); } }); }); }; function getParameterByName(name, url) { if (!url) url = window.location.href; var pageValue = null; if (url.indexOf("home") !== -1 && (url.indexOf("home") !== 0)) { pageValue = 1; } if (url.indexOf("Service") !== -1 && (url.indexOf("Service") !== 0)) { pageValue = 2; } if (url.indexOf("about") !== -1 && (url.indexOf("about") !== 0)) { pageValue = 3; } if (url.indexOf("News") !== -1 && (url.indexOf("News") !== 0)) { pageValue = 4; } if (url.indexOf("careers") !== -1 && (url.indexOf("careers") !== 0)) { pageValue = 5; } if (url.indexOf("Contact") !== -1 && (url.indexOf("Contact") !== 0)) { pageValue = 6; } if (url.indexOf("LAB") !== -1 && (url.indexOf("LAB") !== 0)) { pageValue = 7; } return decodeURIComponent(pageValue); } function Services() { var reqUrl = window.location.href.replace(window.location.origin, ''); var urlElements = reqUrl.split('/'); if (urlElements.indexOf('Service_Cx') > -1) { $('#dropdown_Services').show(); $('#Header1_A2').hide(); } else if (urlElements.indexOf('Service_QA') > -1) { $('#dropdown_Services').show(); $('#Header1_A2').hide(); } else if (urlElements.indexOf('Localization') > -1) { $('#dropdown_Services').show(); $('#Header1_A2').hide(); } else if (urlElements.indexOf('AudioProduction') > -1) { $('#dropdown_Services').show(); $('#Header1_A2').hide(); } else if (urlElements.indexOf('ProductDevelopment') > -1) { $('#dropdown_Services').show(); $('#Header1_A2').hide(); } else { $('#Header1_A2').show(); } } var cu = new counterUp({ start: 0, duration: 6000, intvalues: true, interval: 100 }); cu.start(); $('body').on('click', 'a.mobSerMenu', function (e) { event.preventDefault(); event.stopPropagation(); $(this).parent().siblings().removeClass('open'); $(this).parent().toggleClass('open'); }); function Navigateabout() { var lan = 'en-us'; if (lan.toLowerCase() != 'en-us' && lan != '') { window.location.href = "/en-us/contact"; } else { window.location.href = "/contact"; } } $(window).on("scroll", function () { if($('.container_div').length>0) { var $el = $('.container_div'); var bottom = $el.position().top + $el.outerHeight(true) - 200; var st = $(this).scrollTop(); if (st > bottom) { $('.vericaltext').css("color", "#6d6a6a"); $('.wordwrapper').find('.vericaltext').addClass('scrollVertical'); } else { $('.vericaltext').css("color", "white"); $('.wordwrapper').find('.vericaltext').removeClass('scrollVertical'); } } }); $(window).on("scroll", function () { if($('.container_div.bg').length>0) { var $el = $('.container_div.bg'); var bottom = $el.position().top + $el.outerHeight(true) - 400; var st = $(this).scrollTop(); if (st > bottom) { $('.vericaltext').css("color", "#6d6a6a"); $('.wordwrapper').find('.vericaltext').addClass('scrollVertical'); } else { $('.vericaltext').css("color", "white"); $('.wordwrapper').find('.vericaltext').removeClass('scrollVertical'); } } }); /*FOOTER ARROWS AND HELPFUL LINKS ANIMATION*/ function isInViewport(el) { const rect = el.getBoundingClientRect(); return ( rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth) ); } const arrow = document.querySelector('.third-flex'); var oneTime = true; document.addEventListener('scroll', function () { helpfulAnimate(); }, { passive: true }); function helpfulAnimate() { if($(".third-flex").length>0) { if (isInViewport(arrow)) { setTimeout(function () { $(".footerbg .third-flex i:first-child").css({ "color": "#8a7c7c", "font-weight": "400" }); $(".footerbg .third-flex i:last-child").css({ "font-weight": "600", "margin-right": "5px", "color": "#fff" }); }, 1000); setTimeout(function () { $(".footerbg .third-flex i:first-child").css({ "font-weight": "600", "margin-right": "5px", "color": "#fff" }); $(".footerbg .third-flex i:last-child").css({ "color": "#8a7c7c", "font-weight": "400" }); }, 1300); } } if($(".helpfulDivs").length>0) { if (isInViewport($(".helpfulDivs")[0]) && oneTime) { oneTime = false; $(".squaredDiv").addClass("animateDiv"); setTimeout(function () { $(".squaredDiv").removeClass("animateDiv"); }, 2000); } } } /*FOR COUNTUP SCROLL*/ $(function () { $(window).scroll(startCounter); }); function startCounter() { if ($('.counter-scroll').length > 0) { var hT = $('.counter-scroll').offset().top, hH = $('.counter-scroll').outerHeight(), wH = $(window).height(); if ($(window).scrollTop() > hT + hH - wH) { $(window).off("scroll", startCounter); $('.counter-scroll .counter_new').each(function () { var $this = $(this); jQuery({ Counter: 0 }).animate({ Counter: $this.attr('counter-end') }, { duration: 3000, easing: 'swing', step: function () { $this.text(($this.attr('counter-seperator') == "true" ? ($this.attr('counter-prepend') + Math.ceil(this.Counter) + '').replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") : $this.attr('counter-prepend') + Math.ceil(this.Counter)) + $this.attr('counter-decimal') + $this.attr('counter-append')); }, complete: function(value) { $this.text(($this.attr('counter-seperator') == "true" ? ($this.attr('counter-prepend') + Math.ceil(this.Counter) + '').replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") : $this.attr('counter-prepend')+Math.ceil(this.Counter)) + $this.attr('counter-decimal') + $this.attr('counter-append')); } }); }); } } } $(function () { $("#mobServices li").on('click', function () { $(this).siblings().removeClass('active'); $(this).addClass('active'); }); }); $(window).resize(function () { if ($(window).width() >= 768) { $("body").css("overflow-y", "auto"); } if ($(window).width() < 1024) { $(".dropdown").removeClass("open"); $("#mobServices").removeAttr("style"); $(".dropdown-menu").removeAttr("style"); } }); $('.bars').on('click', function () { $("body").css("overflow-y", "hidden"); $(".mobMenu").css("overflow-x", "hidden"); }); $('.closes').on('click', function () { $("body").css("overflow-y", "auto"); $(".mobMenu").css("overflow-x", "hidden"); }); </script> <script> function showSubNav() { if ($('.subnav-content').hasClass('display-none')) { $('.subnav-content').removeClass('display-none'); $('.subnav-content').hide(); $(".service-menu a .caret").css("transform", "rotate(0deg)"); $(".service-menu a .caret").css("position", "unset"); $(".service-menu a .caret").css("top", "-2px"); $(".service-menu a .caret").css("left", "6px"); } else { $('.subnav-content').addClass('display-none'); $('.subnav-content').show(); $(".service-menu a .caret").css("transform", "rotate(-180deg)"); $(".service-menu a .caret").css("position", "relative"); $(".service-menu a .caret").css("top", "-2px"); $(".service-menu a .caret").css("left", "6px"); } } function showMobNav() { if ($('.navbar-collapse.collapse.mobMenu').hasClass('display-none')) { $('.navbar-collapse.collapse.mobMenu').removeClass('display-none'); $('.navbar-collapse.collapse.mobMenu').addClass('display-block'); } else { $('.navbar-collapse.collapse.mobMenu').removeClass('display-block'); $('.navbar-collapse.collapse.mobMenu').addClass('display-none'); } if ($('.closes').hasClass('display-no')) { $('.closes').removeClass('display-no') $('.closes').addClass('display-yes') $("body").css("overflow-y", "hidden") } else { $('.closes').removeClass('display-yes') $('.closes').addClass('display-no') $("body").css("overflow-y", "auto") } if ($('.bars').hasClass('display-yes')) { $('.bars').removeClass('display-yes') $('.bars').addClass('display-no') } else { $('.bars').removeClass('display-no') $('.bars').addClass('display-yes') } } function showlang() { $('.dropdown-menu').toggle(); } function sholangMobile() { if ($('.mobMenu-height .languageMenu').is(':hidden')) { $('.mobMenu-height #Languages').addClass('arrow_toggle') } else { $('.mobMenu-height #Languages').removeClass('arrow_toggle') } $('.languageMenu').toggle(); $('.mobMenu-height').animate({ scrollTop: $(".languageMenu li").last().offset().top }, 'slow'); } $('body').on('click touchstart', function () { const videoElements = document.getElementsByTagName('video') for (let i = 0; i < videoElements.length; i++) { if (videoElements[i].playing) { console.log('hey video is playing'); } else { videoElements[i].play(); } } }); </script> <script type="text/javascript" id="cookieinfo" src="https://www.ptw.com/js/cookieinfo.min.js" data-bg="#e6e6e6" data-fg="#555555" data-link="#e03e26" data-message="Our website uses cookies to enhance your experience. To find out what cookies we use and why, click the following link:" data-text-align="left" data-moreinfo="https://www.ptw.com/pdf/ptw_privacy_policy.pdf" data-close-text="Got it!" data-divlinkbg="#95d600" data-cookie="_Ack7"> </script>      <script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> <script type="text/javascript"> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = "14a92f41b632100"; if(window.wcs) { wcs_do(); } </script>  </body> </html>

CINXE.COM

Meet Mat & FX, Our Heads of Music and Sound Design at SIDE