CINXE.COM

<!doctype html> <html dir="ltr" lang="en-US" prefix="og: https://ogp.me/ns#" > <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Fantasy Zone – 2002 Developer Interview - shmuplations.com</title>  <meta name="description" content="The first of these Fantasy Zone interviews from 2002 looks back at the making of the popular Mark III port, made by prolific console port director Mutsuhiro “Mucchan” Fujii. The second, from 1997, catches up with the original arcade team after the release of the Sega Ages port of Fantasy Zone." /> <meta name="robots" content="max-image-preview:large" /> <meta name="author" content="shmuplations"/> <link rel="canonical" href="https://shmuplations.com/fantasyzone2/" /> <meta name="generator" content="All in One SEO (AIOSEO) 4.7.9" /> <meta property="og:locale" content="en_US" /> <meta property="og:site_name" content="shmuplations.com - 80s/90s/00s japanese gamedev interviews" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Fantasy Zone – 2002 Developer Interview - shmuplations.com" /> <meta property="og:description" content="The first of these Fantasy Zone interviews from 2002 looks back at the making of the popular Mark III port, made by prolific console port director Mutsuhiro “Mucchan” Fujii. The second, from 1997, catches up with the original arcade team after the release of the Sega Ages port of Fantasy Zone." /> <meta property="og:url" content="https://shmuplations.com/fantasyzone2/" /> <meta property="og:image" content="https://shmuplations.com/wp-content/uploads/2021/12/fantasyzone00.jpg" /> <meta property="og:image:secure_url" content="https://shmuplations.com/wp-content/uploads/2021/12/fantasyzone00.jpg" /> <meta property="og:image:width" content="570" /> <meta property="og:image:height" content="350" /> <meta property="article:published_time" content="2021-12-25T04:30:35+00:00" /> <meta property="article:modified_time" content="2022-01-20T17:05:50+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@shmuplations" /> <meta name="twitter:title" content="Fantasy Zone – 2002 Developer Interview - shmuplations.com" /> <meta name="twitter:description" content="The first of these Fantasy Zone interviews from 2002 looks back at the making of the popular Mark III port, made by prolific console port director Mutsuhiro “Mucchan” Fujii. The second, from 1997, catches up with the original arcade team after the release of the Sega Ages port of Fantasy Zone." /> <meta name="twitter:creator" content="@shmuplations" /> <meta name="twitter:image" content="https://shmuplations.com/wp-content/uploads/2021/12/fantasyzone00.jpg" /> <script type="application/ld+json" class="aioseo-schema"> {"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/shmuplations.com\/fantasyzone2\/#blogposting","name":"Fantasy Zone \u2013 2002 Developer Interview - shmuplations.com","headline":"Fantasy Zone \u2013 2002 Developer Interview","author":{"@id":"https:\/\/shmuplations.com\/author\/shmuplations\/#author"},"publisher":{"@id":"https:\/\/shmuplations.com\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/shmuplations.com\/wp-content\/uploads\/2021\/12\/fantasyzone00.jpg","width":570,"height":350},"datePublished":"2021-12-25T04:30:35+00:00","dateModified":"2022-01-20T17:05:50+00:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/shmuplations.com\/fantasyzone2\/#webpage"},"isPartOf":{"@id":"https:\/\/shmuplations.com\/fantasyzone2\/#webpage"},"articleSection":"Uncategorized, Sega, Mutsuhiro Fujii, Yoji Ishii, Masaki Kondo, Shuichi Katagi, Hiroshi Kawaguchi, Fantasy Zone, 2002"},{"@type":"BreadcrumbList","@id":"https:\/\/shmuplations.com\/fantasyzone2\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/shmuplations.com\/#listItem","position":1,"name":"Home","item":"https:\/\/shmuplations.com\/","nextItem":{"@type":"ListItem","@id":"https:\/\/shmuplations.com\/fantasyzone2\/#listItem","name":"Fantasy Zone \u2013 2002 Developer Interview"}},{"@type":"ListItem","@id":"https:\/\/shmuplations.com\/fantasyzone2\/#listItem","position":2,"name":"Fantasy Zone \u2013 2002 Developer Interview","previousItem":{"@type":"ListItem","@id":"https:\/\/shmuplations.com\/#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/shmuplations.com\/#organization","name":"shmuplations","description":"80s\/90s\/00s japanese gamedev interviews","url":"https:\/\/shmuplations.com\/","logo":{"@type":"ImageObject","url":"https:\/\/shmuplations.com\/wp-content\/uploads\/2022\/08\/logo.png","@id":"https:\/\/shmuplations.com\/fantasyzone2\/#organizationLogo","width":537,"height":116},"image":{"@id":"https:\/\/shmuplations.com\/fantasyzone2\/#organizationLogo"},"sameAs":["https:\/\/twitter.com\/shmuplations"]},{"@type":"Person","@id":"https:\/\/shmuplations.com\/author\/shmuplations\/#author","url":"https:\/\/shmuplations.com\/author\/shmuplations\/","name":"shmuplations","image":{"@type":"ImageObject","@id":"https:\/\/shmuplations.com\/fantasyzone2\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/4da41e709e53c4c1b3a656f0b5ca9cad?s=96&d=mm&r=g","width":96,"height":96,"caption":"shmuplations"}},{"@type":"WebPage","@id":"https:\/\/shmuplations.com\/fantasyzone2\/#webpage","url":"https:\/\/shmuplations.com\/fantasyzone2\/","name":"Fantasy Zone \u2013 2002 Developer Interview - shmuplations.com","description":"The first of these Fantasy Zone interviews from 2002 looks back at the making of the popular Mark III port, made by prolific console port director Mutsuhiro \u201cMucchan\u201d Fujii. The second, from 1997, catches up with the original arcade team after the release of the Sega Ages port of Fantasy Zone.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/shmuplations.com\/#website"},"breadcrumb":{"@id":"https:\/\/shmuplations.com\/fantasyzone2\/#breadcrumblist"},"author":{"@id":"https:\/\/shmuplations.com\/author\/shmuplations\/#author"},"creator":{"@id":"https:\/\/shmuplations.com\/author\/shmuplations\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/shmuplations.com\/wp-content\/uploads\/2021\/12\/fantasyzone00.jpg","@id":"https:\/\/shmuplations.com\/fantasyzone2\/#mainImage","width":570,"height":350},"primaryImageOfPage":{"@id":"https:\/\/shmuplations.com\/fantasyzone2\/#mainImage"},"datePublished":"2021-12-25T04:30:35+00:00","dateModified":"2022-01-20T17:05:50+00:00"},{"@type":"WebSite","@id":"https:\/\/shmuplations.com\/#website","url":"https:\/\/shmuplations.com\/","name":"shmuplations.com","description":"80s\/90s\/00s japanese gamedev interviews","inLanguage":"en-US","publisher":{"@id":"https:\/\/shmuplations.com\/#organization"}}]} </script>  <link rel="alternate" type="application/rss+xml" title="shmuplations.com » Feed" href="https://shmuplations.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="shmuplations.com » Comments Feed" href="https://shmuplations.com/comments/feed/" /> <link rel="alternate" type="application/rss+xml" title="shmuplations.com » Fantasy Zone – 2002 Developer Interview Comments Feed" href="https://shmuplations.com/fantasyzone2/feed/" /> <link rel='stylesheet' id='wp-block-library-css' href='https://shmuplations.com/wp-includes/css/dist/block-library/style.min.css?ver=6.5' media='all' /> <style id='wp-block-library-theme-inline-css'> .wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:#ffffffa6}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:#ffffffa6}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:#ffffffa6}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:#ffffffa6}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:#ffffffa6}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:#ffffffa6}.wp-block-video{margin:0 0 1em}.wp-block-template-part.has-background{margin-bottom:0;margin-top:0;padding:1.25em 2.375em} </style> <style id='classic-theme-styles-inline-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'> body{--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--color--dark-gray: #28303D;--wp--preset--color--gray: #39414D;--wp--preset--color--green: #D1E4DD;--wp--preset--color--blue: #D1DFE4;--wp--preset--color--purple: #D1D1E4;--wp--preset--color--red: #E4D1D1;--wp--preset--color--orange: #E4DAD1;--wp--preset--color--yellow: #EEEADD;--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--gradient--purple-to-yellow: linear-gradient(160deg, #D1D1E4 0%, #EEEADD 100%);--wp--preset--gradient--yellow-to-purple: linear-gradient(160deg, #EEEADD 0%, #D1D1E4 100%);--wp--preset--gradient--green-to-yellow: linear-gradient(160deg, #D1E4DD 0%, #EEEADD 100%);--wp--preset--gradient--yellow-to-green: linear-gradient(160deg, #EEEADD 0%, #D1E4DD 100%);--wp--preset--gradient--red-to-yellow: linear-gradient(160deg, #E4D1D1 0%, #EEEADD 100%);--wp--preset--gradient--yellow-to-red: linear-gradient(160deg, #EEEADD 0%, #E4D1D1 100%);--wp--preset--gradient--purple-to-red: linear-gradient(160deg, #D1D1E4 0%, #E4D1D1 100%);--wp--preset--gradient--red-to-purple: linear-gradient(160deg, #E4D1D1 0%, #D1D1E4 100%);--wp--preset--font-size--small: 18px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 24px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--extra-small: 16px;--wp--preset--font-size--normal: 20px;--wp--preset--font-size--extra-large: 40px;--wp--preset--font-size--huge: 96px;--wp--preset--font-size--gigantic: 144px;--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-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{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;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :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;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='baguettebox-css-css' href='https://shmuplations.com/wp-content/plugins/gallery-block-lightbox/dist/baguetteBox.min.css?ver=1.12.0' media='all' /> <link rel='stylesheet' id='wp-bigfoot-public-css' href='https://shmuplations.com/wp-content/plugins/wp-bigfoot/public/css/wp-bigfoot-public.css?ver=2.0.0' media='all' /> <link rel='stylesheet' id='wp-bigfoot-style-css' href='https://shmuplations.com/wp-content/plugins/wp-bigfoot/public/css/bigfoot-number.css?ver=2.0.0' media='all' /> <link rel='stylesheet' id='uag-style-6090-css' href='https://shmuplations.com/wp-content/uploads/uag-plugin/uag-css-6090-1738824311.css?ver=1.25.6' media='all' /> <link rel='stylesheet' id='twenty-twenty-one-style-css' href='https://shmuplations.com/wp-content/themes/twentytwentyone/assets/css/ie.css?ver=1.6' media='all' /> <style id='twenty-twenty-one-style-inline-css'> :root{--global--color-background: #1d1d1d;--global--color-primary: #fff;--global--color-secondary: #fff;--button--color-background: #fff;--button--color-text-hover: #fff;--table--stripes-border-color: rgba(240, 240, 240, 0.15);--table--stripes-background-color: rgba(240, 240, 240, 0.15);} </style> <link rel='stylesheet' id='twenty-twenty-one-print-style-css' href='https://shmuplations.com/wp-content/themes/twentytwentyone/assets/css/print.css?ver=1.6' media='print' /> <link rel='stylesheet' id='tablepress-default-css' href='https://shmuplations.com/wp-content/tablepress-combined.min.css?ver=13' media='all' /> <link rel='stylesheet' id='tablepress-responsive-tables-css' href='https://shmuplations.com/wp-content/plugins/tablepress-responsive-tables/css/tablepress-responsive.min.css?ver=1.8' media='all' /> <script src="https://shmuplations.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://shmuplations.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script src="https://shmuplations.com/wp-content/plugins/wp-bigfoot/public/js/wp-bigfoot-public.js?ver=2.0.0" id="wp-bigfoot-publicjs-js"></script> <script src="https://shmuplations.com/wp-content/plugins/wp-bigfoot/public/js/bigfoot.min.js?ver=2.0.0" id="wp-bigfoot-min-js"></script> <script src="https://shmuplations.com/wp-content/plugins/wp-bigfoot/public/js/wp-bigfoot.js?ver=2.0.0" id="wp-bigfoot-wp-bigfoot-js"></script> <link rel="https://api.w.org/" href="https://shmuplations.com/wp-json/" /><link rel="alternate" type="application/json" href="https://shmuplations.com/wp-json/wp/v2/posts/6090" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://shmuplations.com/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.5" /> <link rel='shortlink' href='https://shmuplations.com/?p=6090' /> <link rel="alternate" type="application/json+oembed" href="https://shmuplations.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fshmuplations.com%2Ffantasyzone2%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://shmuplations.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fshmuplations.com%2Ffantasyzone2%2F&format=xml" /> <link rel="pingback" href="https://shmuplations.com/xmlrpc.php"><style id="custom-background-css"> body.custom-background { background-color: #1d1d1d; } </style> <style id="uagb-style-conditional-extension">@media (min-width: 1025px){body .uag-hide-desktop.uagb-google-map__wrap,body .uag-hide-desktop{display:none}}@media (min-width: 768px) and (max-width: 1024px){body .uag-hide-tab.uagb-google-map__wrap,body .uag-hide-tab{display:none}}@media (max-width: 767px){body .uag-hide-mob.uagb-google-map__wrap,body .uag-hide-mob{display:none}}</style><link rel="icon" href="https://shmuplations.com/wp-content/uploads/2021/10/siteicon.jpg" sizes="32x32" /> <link rel="icon" href="https://shmuplations.com/wp-content/uploads/2021/10/siteicon.jpg" sizes="192x192" /> <link rel="apple-touch-icon" href="https://shmuplations.com/wp-content/uploads/2021/10/siteicon.jpg" /> <meta name="msapplication-TileImage" content="https://shmuplations.com/wp-content/uploads/2021/10/siteicon.jpg" /> <style id="wp-custom-css"> /* Target mobile only: these three all relate to font sizing on mobile */ @media (max-width : 480px) { .wp-block-group { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } } /* .wp-block-columns is used on the frontpage, and also on posts, but i only want this padding on the front page mobile (and the two tablepress pages, actually) */ @media (max-width : 480px) { .page-id-855 .wp-block-columns, .page-id-813 .wp-block-columns { padding-right: 0 !important; padding-left: 0 !important; } } /* @media screen and (max-width: 480px) { html { font-size: .9rem} } */ @media screen and (max-width: 480px) { p { line-height: 1.5;} } /** use full-width for mobile by re-defining responsive--alignwide-width variable **/ @media screen and (max-width:480px) { body { --responsive--alignwide-width: 100%;} } /* This Centers right and left aligned images on mobile */ @media screen and (max-width: 480px) { #page .alignleft, #page .alignright { float: none; margin: 1.25em auto; margin-top: 5px; margin-bottom: 5px; } } .entry-footer { display: none !important; } /* remove recent posts from frontpage */ .page-id-239 .widget-area { display: none; } .page-id-239 .site-info { display:none; } body { --latest-posts--title-font-size: 1.4rem; } /*Style the text in latest posts*/ .wp-block-latest-posts.is-grid > li { background-color:#e3e3f5; margin-bottom:1.5rem !important; } .wp-block-latest-posts>li>a { margin-top:-10px; /*width:303px;*/ text-decoration: none; color:black; padding-left:5%; padding-right:10%; margin-bottom:0px; font-weight:bold; } /* date text*/ .wp-block-latest-posts .wp-block-latest-posts__post-date { margin-top: 0px; color:black; padding-left:5%; margin-bottom:20px !important; } /* These add a background to the caption text and remove the spacing between image and caption */ figcaption { background-color: #ddddff; padding-top: 1rem; padding-bottom:1rem; padding-left:2rem; padding-right:2rem; margin-top:0px !important; margin-bottom:0px !important; text-align: center; line-height: 1.5 !important; font-size:1.25rem !important; color:black !important; max-width: 100%; } .wp-block-image img { margin-bottom: 0px !important; } /* removes top spacer from mobile on pages */ @media screen and (max-width:480px) { #page .wp-block-spacer { display: none !important;} } /* This places embeds (like youtube vids) midway into the left whitespace. it's not bad but i havent decided on it yet*/ .wp-block-embed.alignleft {margin-left:10%; margin-right:5%;} @media screen and (max-width:480px) { .wp-block-latest-posts.is-grid { flex-direction: column; }} h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { clear: none; } /* Styling for the search bar and show entries on tablepress */ .dataTables_filter input { border-radius: 10px; padding: .36rem; } .dataTables_length { margin-bottom:10px; margin-top:.02rem; } /* this shortens the vertical size of the select box by adding less padding top and bottom*/ select { padding-top:5px; padding-bottom:5px; } /* disabling the stupid link highlighting of TT1*/ a:focus { color:inherit !important; background-color:inherit !important; } .wp-block-latest-posts>li>a:focus {color:black !important; } /* targets hover effect on child cells in responsive table*/ table.dataTable .child td:hover { background-color:transparent!important; } @media screen and (min-width:480px) { .tablepress tbody td { font-size:1.2rem; line-height:1.5em; } } .tablepress thead th, .tablepress tfoot th { background-color:#c6a7e3; } .tablepress thead .sorting_asc, .tablepress thead .sorting_desc, .tablepress thead .sorting:hover { background-color: #c066f9; } @media screen and (min-width:480px) { .page-id-855 { --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1440px); } } /* adds spacing to the game table rows*/ @media screen and (min-width:480px) { .tablepress-id-2 td { padding-bottom:15px; padding-top:15px; } } td.column-1.dtr-control::before { display:none !important; } @media screen and (max-width:480px) { td.column-2 { padding-right:15px !important; } } @media screen and (min-width:480px) { .tablepress { table-layout:fixed; } .tablepress-id-2 .column-1 { width: 16% !important; } .tablepress-id-2 .column-2 { width: 15% !important; } .tablepress-id-2 .column-3 { width: 13% !important; } .tablepress-id-2 .column-4 { width: 20% !important; } .tablepress-id-2 .column-5 { width: 20% !important; } .tablepress-id-2 .column-6 { width: 7% !important; } /*.tablepress-id-2 img { width: 180px; }*/ } td.column-1.dtr-control { padding-left:15px !important; /* padding-right:0px !important; */ } @media screen and (max-width:480px) { .column-1.dtr-control img {width:130px;} } /* tricky mobile styling for responsive tables */ @media screen and (max-width:480px) { .dataTables_wrapper .dataTables_filter input {width:70%;} .dataTables_filter {padding-left:170px !important; padding-bottom:5px;} } @media screen and (min-width:480px) { .wp-block-columns { border-radius: 8px; } } /* general re-routing of h3, mainly done to port over code from shmuplations more easily*/ body h3 { font-size: 1.4rem; font-weight: 600; } body { --global--spacing-horizontal: 40px; } /* slightly smaller h3 fonts for mobile*/ @media only screen and (max-width: 480px) { body h3 { font-size: 1.3rem; } } @media only screen and (min-width: 481px) { :root{ --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 800px); } } /* target laptop screens with wider interview area*/ @media only screen and (min-width: 1500px) { :root { --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 800px); } .post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width, .wp-block-search, hr.wp-block-separator:not(.is-style-dots):not(.alignwide), .entry-content > .alignleft, .entry-content > .alignright, .author-bio, .search-form { max-width: var(--responsive--aligndefault-width); } body h3{ font-size:1.5rem; } body p{ font-size:1.5rem; line-height:1.5; } .wp-block-media-text__content p{ font-size:1.25rem; line-height:1.7; } } @media only screen and (min-width:481px) { body p { font-size:1.5rem; line-height:1.5; } .post p{ line-height:1.5; } /* .wp-block-group .wp-block-group__inner-container > * { margin-top: calc(var(--global--spacing-vertical) - 3px); margin-bottom: calc(var(--global--spacing-vertical) - 3px); } */ .wp-block-media-text__content p { /* font-size:1.25rem;*/ font-size:1.25rem; line-height:1.7; } /* spacing/margins for L/R aligned column content in posts*/ .single-post .wp-block-columns { margin-top: 40px; margin-bottom: 30px; } /* more padding for captioned images that are not left or right aligned */ figure:not(.alignright, .alignleft, .doubleimagecolumn-figure) > figcaption { padding-left:2.5rem; padding-right:2.5rem; } :root h4 { font-size:1.6rem; } .wp-block-media-text__content p{ margin-top:-10px !important; } } /**---------------------**/ /** 1920+ Sizings **/ /**---------------------**/ @media only screen and (min-width: 1920px) { :root { --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 800px); --global--font-size-base: 1.5rem; --global--line-height-body: 1.5; --global--spacing-vertical: 30px; --global--spacing-horizontal: 40px; --global--spacing-unit: 24px; } :root h4 { font-size:1.7rem !important; } body h3 { font-size:1.55rem !important; font-weight:600; } .post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width, .wp-block-search, hr.wp-block-separator:not(.is-style-dots):not(.alignwide), .entry-content > .alignleft, .entry-content > .alignright, .author-bio, .search-form { max-width: var(--responsive--aligndefault-width); } /* this targets the text of the opening intro block */ .wp-block-media-text__content p{ font-size:1.3rem; line-height:1.7; margin-top:-10px !important; } figcaption { font-size:1.25rem !important; /* margin-bottom:2.5rem !important; */ max-width: 999999px !important; max-height:999999px !important; } /* more padding for captioned images that are not left or right aligned*/ figure:not(.alignright, .alignleft) > figcaption { padding-left:3rem; padding-right:3rem; } /* makes sure not to apply "wide" caption padding to youtube L/R embeds, which I use columns for */ .wp-block-column figure >figcaption{ padding-left:2rem; padding-right:2rem; } .wp-block-latest-posts > li > a { font-size:1.5rem; line-height:1.9rem; } .wp-block-latest-posts .wp-block-latest-posts__post-date { font-size:1.07rem; margin-top:2px; } .wp-block-columns .wp-block-column h3:first-child { margin-top: -10px; } } /*--------------------*/ @media only screen and (max-width:480px) { .wp-block-media-text .wp-block-media-text__content { padding-left: 1.5rem; padding-right: 1.5rem; padding-top:2rem; } h4, .h4 { font-size:1.6rem; } h5, .h5 { font-size:1.6rem !important; } } /* these are for interview headings within the main article --need to add responsive stylings... 2.3rem @2560, 1.7rem @ipad/laptop? */ h5, .h5 { font-size:1.9rem; margin-bottom: 0px !important; } h5 strong, .h5 strong{ font-weight:600; } h5 + p { font-weight:600 !important; margin-top:0px !important; } @media only screen and (max-width:480px) { /* this targets the text of the opening intro block */ .wp-block-media-text__content p{ font-size:1.25rem; line-height:1.5 !important; } } @media screen and (max-width:480px){ .wp-block-media-text .wp-block-media-text__content h4 { margin-bottom:0; } .wp-block-media-text .wp-block-media-text__content p { margin-top:15px; } } /* .marginbotminus20 { margin-bottom:-20px !important; } */ /* html,body { text-size-adjust: none !important; -webkit-text-size-adjust: none !important; -moz-text-size-adjust: none !important; -ms-text-size-adjust: none !important; } */ @media only screen and (max-width:480px) { figure { font-size:18px !important; } .wp-block-image figcaption { font-size: 18px !important; width:100% !important; line-height:1.5 !important; } figcaption { max-width: 999999px !important; max-height:999999px !important; padding-left:1.35rem; padding-right:1.35rem; } .wp-block-embed figcaption{ font-size:18px !important;} .wp-block-column figcaption{ font-size:18px !important;} } /* wordpress sometimes fails to add the table styling for images, especially in columns--this way images and the like should be freely resizable in style-editor.css as well */ figure.wp-block-image{ display:table !important; } .wp-block-image figcaption{ display:table-caption; caption-side:bottom; } .wp-block-gallery figure{ display:flex !important; } @media only screen and (min-width:481px) { .wp-block-columns .wp-block-column h3:first-child { margin-top: -10px; } } @media only screen and (min-width:481px) { .wp-block-latest-posts.is-grid > li { border-radius: 14px; } .wp-block-latest-posts__featured-image img { border-radius: 14px 14px 0px 0px; } figure.wp-block-image:not(.alignleft, .alignright, .wp-block-column *,.alexalignleft) { margin-top: 40px !important; margin-bottom:40px; } /* margins top and bottom for center aligned youtube vids */ .wp-block-group__inner-container > figure.wp-block-embed.is-type-video { margin-top: 40px; margin-bottom: 40px; } .wp-block-gallery figure.wp-block-image{ margin-top:0 !important; } .wp-block-gallery { margin-top:40px !important; margin-bottom:40px !important; } /* i think this should apply to all column margins, basically videos since l/r images are defined specifically below... */ .wp-block-column:not(:first-child){ margin-left: 2.25rem; } .leftimageplustext .wp-block-column:first-child { flex-shrink:0; } .leftimageplustext .wp-block-column:not(:first-child) { margin-left: 2.25rem; } .leftimageplustext .wp-block-column .wp-block-image figure { margin-right: 0; margin-top:2px; } .leftimageplustext .wp-block-column, .rightimageplustext .wp-block-column { flex-basis:unset !important; } .rightimageplustext .wp-block-column:last-child{ flex-shrink:0; } .rightimageplustext .wp-block-column .wp-block-image figure { margin-left: 0; margin-top:2px; } .rightimageplustext .wp-block-column:last-child { margin-left:2.5rem; } } @media only screen and (min-width:481px) { .wp-block-columns.are-vertically-aligned-center.has-white-color.has-text-color { margin-top:-10px; } .wp-block-group .wp-block-columns .wp-block-column p:first-child { margin-top: -10px; } } @media only screen and (max-width:480px) { .wp-block-uagb-social-share { justify-content: center; align-items: flex-end; column-gap: 0rem; background: #1d1d1d; padding: 10px; margin-top: -40px !important;; margin-left: 0 !important;; width: calc(100vw + 1px) !important; max-width: 101vw !important; padding-bottom: 5px; padding-top:20px !important; border: solid grey 3px; border-left:none; border-right:none; } .wp-block-group.alignwide.has-black-color.has-text-color.has-background { margin-top:-20px; } .uagb-social-share__wrap { justify-content: center !important; align-items: center; /* gap: 5px;*/ margin-top: -10px; margin-right:0 !important; } .uagb-ss__source-wrap svg { width: 45px !important; height: 45px !important; } } @media only screen and (max-width:480px) { .wp-block-latest-posts > li > a { font-size:1.6rem } .wp-block-latest-posts .wp-block-latest-posts__post-date{ font-size:1.1rem; margin-bottom: 15px !important; } } .taglyfe { background-color: #d9d9ed; padding: 15px; padding-top: 12px; margin-top: -29px; font-size: 1.3rem; /* font-style: italic; */ font-weight:600; margin-bottom:40px; padding-right: 25px; } .taglyfe::before{ /* content:" "; */ margin-left:5px; font-style: initial; } .taglyfe a{ text-decoration:none; /* transition: .25s; */ } /* .taglyfe a::before{ content:"\00a0 "; } .taglyfe a::after{ content:"\00a0 "; } */ @media only screen and (min-width:480px) { .taglyfe a:hover{ background:rgba(114,124,112,.4); padding-top: 2px; padding-bottom:2px; border-radius:4px; } } @media only screen and (max-width:480px) { .taglyfe{ display:none;} } @media only screen and (min-width:481px) { .tagsandsns{ margin-top:-29px !important; margin-bottom:35px !important; box-sizing:content-box; } .tagsandsns-column2 { display: flex; align-items: center; justify-content: flex-end; background-color: #d9d9ed; margin-left:0 !important; padding-right:1.5rem; /*! margin-right: 0 !important; */ } .wp-block-post-terms { margin-bottom:0 !important; } .wp-block-uagb-social-share-child:last-child { margin-right:0 !important; } .wp-block-uagb-social-share { margin-left:0; margin-right:0; } .uagb-ss__source-icon { line-height:0 !important; } .wp-block-uagb-social-share-child { margin-left:0px !important; } .wp-block-uagb-social-share-child:hover { filter:drop-shadow(2px 2px 2px black); } .wp-block-uagb-social-share-child:first-child svg { width:38px; } .uagb-social-share__wrap { /* column-gap:0; */ margin-right:0; } } @media screen and (min-width: 481px) { .taglyfe{ line-height:1.5; } } @media screen and (max-width:480px){ figure.wp-block-media-text__media { outline: solid black 13px; } } /* .bigfoot-footnote{ left:0 !important; } */ .bigfoot-footnote__content p{ font-weight:400; } @media screen and (max-width:480px){ figure.wp-block-media-text__media { outline: solid black 13px; } } /* .bigfoot-footnote{ left:0 !important; } */ .bigfoot-footnote__content p{ font-weight:400; } .bigfoot-footnote__button { position: relative; z-index: 0; top: -0.1em; padding: 0; margin: 0 0.1em 0 0.2em; border: none; cursor: pointer; background-color: rgba(110, 110, 110, 0.2); font-size: 2rem; line-height: inherit; } .bigfoot-footnote__button { position: relative; height: .8em; width: .8em; border-radius: 50%; } @media screen and (max-width:480px){ .bigfoot-footnote.is-positioned-top { position: fixed; bottom: 0; top: auto; left: 0; right: auto; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); width: 100%; margin: 0; border-radius: 0; opacity: 1; -webkit-transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; left:0 !important; width:100vw; } .bigfoot-footnote.is-active { -webkit-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); opacity: 0.97; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .bigfoot-footnote.is-bottom-fixed { position: fixed; bottom: 0; top: auto; left: 0; right: auto; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); width: 100%; margin: 0; border-radius: 0; opacity: 1; border-width: 1px 0 0; -webkit-transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; } .is-positioned-bottom{ position: fixed; bottom: 0; top: auto; left: 0; right: auto; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); width: 100%; margin: 0; border-radius: 0; opacity: 1; border-width: 1px 0 0; -webkit-transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; left:0 !important; width:100vw; } .bigfoot-footnote.is-bottom-fixed.is-active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .bigfoot-footnote.is-bottom-fixed .bigfoot-footnote__wrapper { margin: 0 0 0 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); max-width: 100%; } .bigfoot-footnote.is-bottom-fixed .bigfoot-footnote__tooltip { display: none; } .bigfoot-footnote__wrapper { position: relative; z-index: 14; width: 22em; display: inline-block; box-sizing: inherit; overflow: hidden; margin: 0; background-color: #fafafa; border-radius: 0.5em; line-height: 0; max-width: 100% !important; max-height:999999px !important; } .bigfoot-footnote__content { position: relative; z-index: 8; display: inline-block; max-height: 15em; padding: 1.1em 1.3em 1.2em; box-sizing: inherit; overflow: auto; -webkit-overflow-scrolling: touch; background: #fafafa; border-radius: 0.5em; -webkit-font-smoothing: subpixel-antialiased; line-height: normal; max-height:999999px !important; } .bigfoot-footnote__content img { max-width: 100%; } .bigfoot-footnote__content *:last-child { margin-bottom: 0 !important; } .bigfoot-footnote__content *:first-child { margin-top: 0 !important; } .bigfoot-footnote__tooltip { display:none; } .is-positioned-bottom .bigfoot-footnote__tooltip { top: -0.65em; } .is-positioned-top .bigfoot-footnote__tooltip { bottom: -0.65em; } .bigfoot-footnote{ border:double black 10px; max-height:10000px !important; } .bigfoot-footnote__content p { font-size: 1.25rem !important; line-height:1.4 !important; font-style: italic !important; max-height: 1000000px; } .bigfoot-footnote__button { height: .9em; width: .9em; } } .footnotes{display:none;} #alexmenu li a:hover { text-decoration: underline; } #masthead{ display:none; } .entry-header{ display:none; } .site-main { padding-top:0px; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img { outline:none; } .frontpagesns{ border:none !important; } .frontpagesns .wp-block-column:nth-child(2){ align-self:flex-end; padding-right:2.5rem; /* align-self:center; padding-right:2.7rem; margin-top: 8px; */ } @media screen and (max-width : 480px) { .page-id-239 .wp-block-columns { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } } @media screen and (max-width:480px){ .frontpagesns .wp-block-column:nth-child(2){ display:none; } .wp-block-columns .frontpagesns { padding-right:0 !important; padding-left:0 !important; } .frontpagesns .wp-block-column{ margin-bottom:0 !important; } } /* testing out border smoothing on articles*/ @media screen and (min-width: 481px) { .wp-block-media-text { border-radius:24px 24px 0 0; } .wp-block-media-text__media{ border-radius:24px 0 0 0; } /* adjust margins beneath figures (images, videos etc) but only in groups, ie for main content*/ /* .wp-block-group figure { margin-bottom:20px !important; } */ figure + h3 { margin-top:0px !important; } figure:not(.is-type-video) + p { margin-top: 20px !important; } .bigfoot-footnote__tooltip{ background:#363636; } .bigfoot-footnote__content{ background:#363636; color:white; text-shadow:1px 1px black; } .bigfoot-footnote__wrapper{ background:#363636; } .bigfoot-footnote.is-scrollable .bigfoot-footnote__wrapper:after { background-image: -webkit-linear-gradient(bottom, #363636 50%, rgba(54, 54, 54, 0) 100%); background-image: linear-gradient(to top, #363636 50%, rgba(54, 54, 54, 0) 100%); } .bigfoot-footnote.is-scrollable .bigfoot-footnote__wrapper:before { background-image: -webkit-linear-gradient(bottom, #363636 50%, rgba(54, 54, 54, 0) 100%); background-image: linear-gradient(to top, #363636 50%, rgba(54, 54, 54, 0) 100%); } } /*---------------------------------*/ /*---devnames accordion stuff------*/ /*---------------------------------*/ /* summary { display:flex; align-items:center; } */ details:first-child { border-radius:20px 20px 0 0; } details:first-child summary { padding-top: 10px; } details:last-child summary { padding-bottom:15px; } details:only-child summary { padding-top:15px; padding-bottom:15px; } details:last-child { border-radius:0 0 20px 20px; } details:only-child{ border-radius:20px; } details { /* font-size: 1.3rem; */ font-weight:700; width: 100%; background: #e5e5f4; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @media screen and (max-width:480px){ details { width:100%; } } details .summary-title { user-select: none; } details:hover { cursor: pointer; background: rgba(0,0,0,.088); } details:hover svg { background: rgba(0,0,0,.044) } details .summary-content { cursor: default; padding: 1em; padding-top:10px; font-weight: 400; line-height: 1.5; background: #f3f3f3; } details summary { list-style: none; padding: 6px 15px; padding-left: 1em; } details summary:focus { outline: none; } details summary:hover .summary-chevron-up svg { opacity: 1; } details .summary-chevron-up svg { opacity: 0.5; } details .summary-chevron-up { pointer-events: none; background: #e5e5f4; } details .summary-chevron-up svg { display: block; } details summary::-webkit-details-marker { display: none; } details .summary-chevron-up { margin-left:auto; } #downarrow{ opacity:0; } details[open] #downarrow { opacity:1; } details[open] #uparrow { opacity:0 !important; } .summaryflex{ display:flex; align-items:center; } @media screen and (max-width:480px) { .summary-title { font-size:1.25rem; } details summary { padding-left:.8em; } .summary-content { font-size:1.25rem; max-height:9999999px; } } #baguetteBox-overlay figcaption{ display:none !important; } /* potential ipad stylings with slightly enlarged fonts and consistent 810px default content width */ @media only screen and (min-width: 481px) and (max-width:1367px) { :root{ --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 800px); } .wp-block-group p { font-size:1.5rem; line-height:1.5; } .wp-block-group h3{ font-size:1.55rem; } .wp-block-group h5{ font-size:1.9rem; } .single-post .wp-block-columns { margin-top: 35px; margin-bottom: 30px; } figcaption { padding-left:2rem; padding-right:2rem; } } .aligncolumnstraight{ margin-top:-5px !important; } .gradientheader { background: #d9d9ed; padding: 1.5rem 1rem; border-left: solid 15px rgba(0,0,0,.9); border-radius: 0 20px 20px 0; padding-left: 1.5rem; margin-top:50px !important; } @media screen and (min-width:480px){ /* .alexalignleft { margin-left: calc((var(--responsive--alignwide-width) - var(--responsive--aligndefault-width) - 64px) / 2) !important; } */ .textonimagez { margin-left: calc((var(--responsive--alignwide-width) - var(--responsive--aligndefault-width) - 64px) / 2) !important; position:relative; width:fit-content; } .textonimagez h4{ position:absolute; bottom:0; right:0; color:white; background:rgba(0,0,0,.5); font-size:2rem; padding:1rem; padding-top:.5rem; } .textonimagez figure{ margin-bottom:0 !important; margin-top:0 !important; } } @media screen and (max-width:480px){ .textonimagez { position:relative; padding:0 !important; max-width:100vw !important; width: 100vw !important; position: relative; left: 50%; right: 50%; margin-left: -50vw !important; margin-right: -50vw !important; } .textonimagez h4{ position:absolute; bottom:0; right:0; color:white; background:rgba(0,0,0,.4); font-size:1.7rem; padding:.5rem; padding-top:.3rem; padding-right:.7rem; padding-bottom:.3rem; } .textonimagez figure{ margin-bottom:0 !important; margin-top:0 !important; max-width:unset !important; } } /* @media screen and (max-width:480px){ .textonimagez { position:relative; width:100%; padding:0 !important; } .textonimagez h4{ position:absolute; bottom:0; right:0; color:white; background:rgba(0,0,0,.5); font-size:1.3rem; padding:.5rem; padding-top:.3rem; } .textonimagez figure{ margin-bottom:0 !important; margin-top:0 !important; } } */ /* this is a min-height for interview titles that are only 1 line high*/ .uagb-post__title{ min-height: 2.534em; } .single-post b, .single-post strong { font-weight: 600; } @media screen and (min-width:481px){ .valkenblock p{ font-size:1.3rem !important; margin-left:-20px !important; } } /* ipad front page */ @media screen and (min-width:481px) and (max-width:1367px){ .home .wp-block-columns p { font-size: 1.4rem; }} @media screen and (min-width:481px){ .smalltube{ width:55% !important; }} @media screen and (min-width:481px){ .wp-block-video.smalltube2 { width:55%; }} @media screen and (min-width:481px) and (max-width:1200px) { .smalltube{ width:75% !important; }} @media screen and (min-width:481px) and (max-width:1200px) { .wp-block-video.smalltube2 { width:75%; }} @media screen and (min-width:481px){ .cavemenu{ background: #fef2f2; padding: 1rem 2.5rem; border-radius: 4px; border: solid black 2px; } .cavemenu a{ text-decoration:none; } .cavemenu a:hover{ text-decoration:underline; } } #junyainoue, #manabunamiki, #takashiichimura, #hiroyukitanaka, #shinobuyagawa, #hidekinomura, #akirawakabayashi, #tsunekiikeda, #cavefacts { scroll-margin-top:3rem; } #makotoasada { scroll-margin-top:5rem; } figure.wp-block-gallery{ width:50%; } .post .blocks-gallery-item { margin-right: 0 !important; margin-bottom:0 !important; } /* .wp-block-gallery { flex-direction: column; flex-wrap:nowrap; } */ .wp-block-gallery .wp-block-image { margin-bottom: 0 !important; } @media screen and (max-width:480px){ .post figure.wp-block-gallery{ width:unset !important;} .post .blocks-gallery-grid{ flex-wrap:nowrap; } } /* for stacking images vertically; applies to upper image */ @media screen and (min-width:481px){ .twovertical { margin-bottom:-30px !important; } } @media screen and (max-width:480px){ .twovertical { margin-bottom:-20px !important; border-bottom:solid 7px gray; } } @media screen and (max-width:480px){ .taglyfe{ color:transparent; background-color: lightgrey !important; margin-bottom: 0 !important; line-height: 1.2; display: flex; font-size: 100%; padding-left: 0; padding-right: 0; overflow: scroll; scrollbar-width: none; padding-bottom: 0; padding-top:0; border-bottom: grey 3.5px solid; white-space:nowrap; } .tagsandsns .wp-block-column:first-child { order: 2; } .wp-block-uagb-social-share { border-bottom:none; } .taglyfe::-webkit-scrollbar { display: none; } .taglyfe a{ color:black !important; padding-left:15px; padding-right:15px; padding-bottom:14px; padding-top:14px; margin-left:-5px; } .taglyfe a:first-child{ margin-left:0; } .taglyfe a:nth-child(odd){ background:darkgrey; } .taglyfe a:nth-child(even){ background:lightgrey; } .tagsandsns{ margin-bottom:0; } .uagb-ss__wrapper { margin-left: 2.5vw !important; margin-right: 2.5vw !important; } .wp-block-uagb-social-share{ max-width:100vw !important; } } @media screen and (min-width:480px){ .post-6590 h3:not(:first-child) { margin-bottom:-10px !important; }} h5, .h5 { letter-spacing:unset; } /* stylings for double and triple columns, see kirby for example */ @media screen and (min-width:480px){ .triplecolumn .wp-block-column{ margin-right:10px !important; margin-left:0; } .doubleimagecolumn .wp-block-column:first-child { display: flex; justify-content: flex-end; } .doubleimagecolumn .wp-block-column:not(:first-child) { margin-left: 1rem; } } @media screen and (max-width:480px){ .triplecolumn .wp-block-column figure { margin-left:auto; margin-right:auto; } .wp-block-columns .wp-block-column:nth-child(2) figure{ margin-left:auto; margin-right:auto; } } .mahounames { margin-top:5px !important; } .namegrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); line-height:1.4; } .namegrid-item { font-weight:600; } @media screen and (min-width:480px){ .namegrid{ font-size:1.5rem; } } .gradientheader-open { background: #d9d9ed; padding: 1.5rem 1rem; border-left: solid 15px rgba(0,0,0,.9); border-radius: 0 20px 20px 0; padding-left: 1.5rem; } figure.wp-block-gallery.gallery40 { width: 40%; } figure.wp-block-gallery.gallery60 { width: 60%; } .site-info{ display:none !important; } .widget-area{ display:none; } /* LT suggest */ .uagb-post-grid .uagb-post__image img { max-width: none !important; /* object-fit: cover; */ } @media screen and (min-width:481px) and (max-width:1350px){ .navcontainer{ background-position-y: -48vw !important; } } @media screen and (min-width:481px) and (max-width:1066px){ :root{ --responsive--alignwide-width: min(calc(100vw - 6 * var(--global--spacing-horizontal)), 1240px); } } @media screen and (min-width:481px) and (max-width:1013px){ :root{ --responsive--alignwide-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 1240px); } } @media screen and (min-width:481px) and (max-width:1112px){ .wp-block-media-text.is-image-fill .wp-block-media-text__media { min-height: 350px; } .wp-block-media-text { display: block; } .tagsandsns div:first-child { flex-basis: 70% !important; } .tagsandsns div:last-child { flex-basis: 30% !important; } .wp-block-media-text__content{ padding-top:20px !important; padding-bottom:25px !important; } .wp-block-media-text__media { border-radius: 24px 24px 0 0; } } @media screen and (min-width:481px) and (max-width:1002px){ body.single-post { --responsive--alignwide-width: 100%; --responsive--aligndefault-width: 800px; } .wp-block-media-text__media { border-radius: 0 !important; } } @media screen and (min-width:481px) and (max-height:760px){ .navcontainer { height:80px !important; } .titlelogo { font-size:37px !important; } .logoicon img { width: 65px !important; } .wp-block-media-text{ margin-top:20px; } } @media screen and (min-width:481px){ .tagsandsns { flex-wrap:nowrap; } .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: 0; } } @media screen and (min-width:481px) and (max-width:829px){ html { font-size: .9rem} .wp-block-column .wp-block-image figure{ max-width:33vw; } /* .wp-block-columns .wp-block-column{ flex-basis:unset !important; } */ .wp-block-columns{ flex-wrap:nowrap; } } /* at this point, the 800px content area needs to be switched over to "cell phone" centered stylings */ @media screen and (min-width:481px) and (max-width:729px){ html { font-size: .9rem} .wp-block-column .wp-block-image figure{ max-width:100%; } /* .wp-block-columns .wp-block-column{ flex-basis:unset !important; } */ .wp-block-columns{ flex-wrap:nowrap; } .leftimageplustext .wp-block-column:not(:first-child) { margin-left: 0; } .rightimageplustext .wp-block-column:last-child { margin-left:0; } .wp-block-image .alignleft{ margin-bottom:35px; } .wp-block-group__inner-container .wp-block-columns{ flex-direction:column; } .wp-block-group__inner-container .wp-block-column { align-self:center; } .rightimageplustext .wp-block-column .wp-block-image figure { margin-top: 30px; margin-bottom: -5px; } } @media screen and (min-width:481px) and (max-width:970px){ .logoicon img { display: none !important; } } /*front page carousel sizings*/ @media screen and (min-width:481px) and (max-width:1340px){ .uagb-post__title{ font-size:1.4rem !important; } } @media screen and (min-width:481px) and (max-width:1277px){ .uagb-post__title{ font-size:1.3rem !important; } } @media screen and (min-width:481px) and (max-width:1214px){ .uagb-post__title{ font-size:1.5rem !important; } } .twotubes .wp-block-embed__wrapper iframe { max-height:100% !important; } .twotubes .wp-block-embed__wrapper { flex-basis:50% !important; } @media screen and (max-width:480px){ .twotubes { flex-direction:column; gap:5px; } } /* comments */ #comments { background: #efefff; color: black; padding: 3rem; padding-top: 2rem; margin-top: 30px; margin-bottom: 0; max-width: calc((var(--responsive--alignwide-width)) - 15vw); border: double black 7px; } .post { margin-bottom:30px; } .comments-title, .comment-reply-title { font-size: 2rem; } .post-navigation{ display:none; } #comments a{ color:black; } #comment, #author, #email, #url { background: rgba(27, 27, 27, 0.9); color:white; border:double white 5px; } #comment:focus{ color:white; } #submit { background-color: #1d1d1d; color:white; } @media screen and (max-width:480px){ #comments { padding:1.5rem; max-width: calc((var(--responsive--alignwide-width)) - 0vw); } .comments-area.show-avatars .comment-metadata { padding-top:0; } } /* commissions page*/ #post-12307 .wp-block-gallery{ width:80%; margin-left: auto; margin-right: auto; } @media screen and (max-width:1150px){ #post-12307 .wp-block-gallery{ width:100%; } } #post-12307 figcaption{ color:white !important; font-size:1rem !important; line-height:1.3 !important; } #post-12307 .wp-block-columns{ border:double 10px black; } #post-12307 .blocks-gallery-item figure img { border-radius:8px; } #post-12307 .blocks-gallery-item figcaption { border-radius:8px; } @media screen and (max-width:480px){ #post-12307 .wp-block-columns { padding:calc(0.666 * var(--global--spacing-vertical)); border:none; } #post-12307 .wp-block-gallery{ width:100%; } #post-12307 .wp-block-gallery .blocks-gallery-item{ width:90%; margin-left:auto; margin-right:auto; } #post-12307 .blocks-gallery-grid{ display:block; } } /* Archive Responsive Font-sizing hackz*/ @media screen and (min-width:1666px) and (max-width:1768px){ .uagb-post__title a { font-size: 1.35rem !important; } } @media screen and (min-width:1214px) and (max-width:1323px){ .uagb-post__title a { font-size: 1.35rem !important; } } @media screen and (min-width:767px) and (max-width:887px){ .uagb-post__title a { font-size: 1.35rem !important; } } .home strong { font-weight:600; } @media screen and (max-width:480px){ .uagb-post__inner-wrap{ padding-bottom:15px !important; } } @media screen and (max-width:480px){ p { max-height:999999px !important; }} @media screen and (max-width:480px){ .mobilenamehide{display:none;} .namegrid {display:block;} } @media (min-width:600px) and (max-width:781px) { .wp-block-column:not(:only-child) { flex-basis: unset !important; flex-grow: 0; } .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) { flex-basis: unset !important; flex-grow: 0; } } @media screen and (max-width:480px){ html,body,body h3,h5 { text-size-adjust: none !important; -webkit-text-size-adjust: none !important; -ms-text-size-adjust: none !important; -moz-text-size-adjust: none !important; } h3,.h3{ max-height:999999px; } figcaption.blocks-gallery-caption { max-height:99999px; font-size:1.125rem !important; } } .wp-block-gallery .wp-block-image:first-child{ margin-right:0 !important; } @media screen and (min-width:480px){ .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) { margin-left: 2.25rem; }} @media screen and (max-width:480px){ .threehorimobile figure { flex-basis:33%; } } @media screen and (max-width:480px){ .wp-block-video figcaption { max-height:999999px !important; font-size:18px !important; } } .tagsandsns{ gap:0 !important; } .wp-block-gallery { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; gap: 0 !important; } .blocks-gallery-grid{ flex-grow:1; } </style> </head> <body class="post-template-default single single-post postid-6090 single-format-standard custom-background wp-embed-responsive is-dark-theme no-js singular"> <div id="page" class="site"> <a class="skip-link screen-reader-text" href="#content">Skip to content</a> <header id="masthead" class="site-header"> <div class="site-branding"> <p class="screen-reader-text"><a href="https://shmuplations.com/">shmuplations.com</a></p> </div> </header> <div id="content" class="site-content"> <div id="primary" class="content-area"> <main id="main" class="site-main"> <article id="post-6090" class="post-6090 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized tag-sega tag-mutsuhiro-fujii tag-yoji-ishii tag-masaki-kondo tag-shuichi-katagi tag-hiroshi-kawaguchi tag-fantasy-zone tag-1424 entry"> <header class="entry-header alignwide"> <h1 class="entry-title">Fantasy Zone – 2002 Developer Interview</h1> <figure class="post-thumbnail"> <img width="570" height="350" src="https://shmuplations.com/wp-content/uploads/2021/12/fantasyzone00.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" fetchpriority="high" srcset="https://shmuplations.com/wp-content/uploads/2021/12/fantasyzone00.jpg 570w, https://shmuplations.com/wp-content/uploads/2021/12/fantasyzone00-300x184.jpg 300w" sizes="(max-width: 570px) 100vw, 570px" style="width:100%;height:61.4%;max-width:570px;" /> </figure> </header> <div class="entry-content"> <style> #alexmenu{ background:rgba(0,0,0,.3); padding: 10px 0; border-radius: 30px; } #masthead-wrapper{ display:none; } div.entry-content{ margin-top:113px; } .alexnav { position:fixed; top:0; left:0; right:0; width:100% !important; max-width:100% !important; margin-top:0px; z-index:1; } .navcontainer { height:92px; background-image: url("https://shmuplations.com/irem-larger3.jpg"); background-repeat:no-repeat; background-size:cover; background-position-y:-800px; /* border-top:black solid 1px; */ display:flex; box-shadow:0px 3px 6px black; transition: transform .4s, padding .4s; padding: 10px 0; box-sizing:content-box; } .alexmenucontainer{ margin-left:auto; padding-right:2rem; align-self:center; } #alexmenu { display:flex; list-style:none; margin-right:-.3125rem; } .titlelogo { align-self:center; margin-left:20px; font-size:40px; font-weight:1000; -webkit-text-fill-color:#f4cbff; font-family:Helvetica; text-shadow:2px 2px black; } .logoicon img{ display:block; border-radius:50%; border:solid white 1px; width:75px; background:rgb(101, 101, 101, .6); } .logoicon { margin-left:30px; filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5)); align-self:center; } #alexmenu li{ position:relative; width:inherit; font-family:"Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } #alexmenu li a{ color:white; text-decoration:none; padding:.9375rem; font-size:1.55rem; line-height:1.25rem; text-shadow:2px 2px black; } #alexmenu li:first-of-type a{ color:rgb(255, 215, 0); } #alexmenu li:first-child { padding-left: 5px; } #alexmenu li:last-child { padding-right: 5px; } .scroll-down .navcontainer { transform: translate3d(0, -100%, 0); box-shadow:none; padding-top: 0px; padding-bottom:0px; } .scroll-up .navcontainer { transform: none; padding-top: 0px; padding-bottom:0px; } .alexnav.scroll-down{ z-index:0; transition: z-index 2s cubic-bezier(0,1,1,0); } @media only screen and (max-width: 480px) { .navcontainer{ height:15.78vw; background-position-y:-1000px; background-position-x:-300px; background-size:auto; padding: 0 0; } .logoicon{ margin-left:20px; } .logoicon img{ max-width:unset; width:12.725vw; margin-top:3px; } .titlelogo{ display:none; } div.entry-content{ margin-top:14vw; } #alexmenu{ padding:5px 0; background:none; } #alexmenu li:nth-child(3){ display:none; } #alexmenu li a{ padding:7px; font-size:5.68vw; line-height:1.125rem; } .alexmenucontainer{ padding-right:.9rem; } } </style> <nav class="alexnav"> <div class="navcontainer"> <div class="logoicon"><a href="https://shmuplations.com"><img decoding="async" src="https://shmuplations.com/shmupicon.png"></a></div> <div class="titlelogo"><a href="https://shmuplations.com" style="text-decoration:none; color:#f4cbff;">shmuplations</a></div> <div class="alexmenucontainer"> <ul id="alexmenu"> <li><a href="https://patreon.com/shmuplations">patreon</a></li> <li><a href="https://www.shmuplations.com/archive/">archive</a></li> <li><a href="https://www.shmuplations.com/commissions/">commissions</a></li> <li><a href="https://www.shmuplations.com/about/">about</a></li> </ul> </div> </div> </nav> <script type="text/javascript" src="https://shmuplations.com/alexscroll.js"></script> <script> window.onload = function() { var divs = document.getElementsByClassName('taglyfe'); var acc = divs[0].getElementsByTagName('a'); var ii; for (ii = 0; ii < acc.length; ii++) { acc[ii].addEventListener("click", function() { localStorage.setItem("searchtag", this.innerHTML); }); acc[ii].addEventListener("contextmenu", function() { localStorage.setItem("searchtag", this.innerHTML); }); } }; </script> <div class="wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-center is-image-fill is-style-default has-black-color has-text-color has-background" style="background-color:#efefff"><figure class="wp-block-media-text__media" style="background-image:url(https://shmuplations.com/wp-content/uploads/2021/12/fantasyzone00.jpg);background-position:50% 50%"><img decoding="async" width="570" height="350" src="https://shmuplations.com/wp-content/uploads/2021/12/fantasyzone00.jpg" alt="" class="wp-image-6109 size-full" srcset="https://shmuplations.com/wp-content/uploads/2021/12/fantasyzone00.jpg 570w, https://shmuplations.com/wp-content/uploads/2021/12/fantasyzone00-300x184.jpg 300w" sizes="(max-width: 570px) 100vw, 570px" /></figure><div class="wp-block-media-text__content"> <h4 class="wp-block-heading">Fantasy Zone – 2002 Developer Interview</h4> <p style="line-height:1.7"><em><em>The first of these Fantasy Zone interviews from 2002 looks back at the making of the popular Mark III port, made by prolific console port director Mutsuhiro “Mucchan” Fujii. The second, from 1997, catches up with the original arcade team after the release of the Sega Ages port of Fantasy Zone. It offers some additional insight (as well as precious concept art with developer comments) and works nicely as a companion piece to the longer interview with Ishii available <a href="http://www.shmuplations.com/fantasyzone/">here</a>.</em></em></p> </div></div> <div class="wp-block-columns alignwide tagsandsns"> <div class="wp-block-column" style="flex-basis:60%"><div style="background-color:#d9d9ed;" class="has-text-color has-black-color has-background alignwide taglyfe wp-block-post-terms wp-elements-b026fa27a45936b04b62835189c01233"><a href="https://shmuplations.com/archive/">Sega</a> | <a href="https://shmuplations.com/archive/">Mutsuhiro Fujii</a> | <a href="https://shmuplations.com/archive/">Yoji Ishii</a> | <a href="https://shmuplations.com/archive/">Masaki Kondo</a> | <a href="https://shmuplations.com/archive/">Shuichi Katagi</a> | <a href="https://shmuplations.com/archive/">Hiroshi Kawaguchi</a> | <a href="https://shmuplations.com/archive/">Fantasy Zone</a></div></div> <div class="wp-block-column tagsandsns-column2" style="flex-basis:40%"> <div class="wp-block-uagb-social-share uagb-social-share__outer-wrap uagb-social-share__layout-horizontal uagb-block-8a91f8ef alignwide"><div class="uagb-social-share__wrap"> <div class="wp-block-uagb-social-share-child uagb-ss-repeater uagb-ss__wrapper uagb-block-2b7f9acb"><a class="uagb-ss__link" data-href="https://www.facebook.com/sharer.php?u=" rel="noopener noreferrer"><span class="uagb-ss__source-wrap"><span class="uagb-ss__source-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"></path></svg></span></span></a></div> <div class="wp-block-uagb-social-share-child uagb-ss-repeater uagb-ss__wrapper uagb-block-122325ec"><a class="uagb-ss__link" data-href="https://reddit.com/submit?url=" rel="noopener noreferrer"><span class="uagb-ss__source-wrap"><span class="uagb-ss__source-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M283.2 345.5c2.7 2.7 2.7 6.8 0 9.2-24.5 24.5-93.8 24.6-118.4 0-2.7-2.4-2.7-6.5 0-9.2 2.4-2.4 6.5-2.4 8.9 0 18.7 19.2 81 19.6 100.5 0 2.4-2.3 6.6-2.3 9 0zm-91.3-53.8c0-14.9-11.9-26.8-26.5-26.8-14.9 0-26.8 11.9-26.8 26.8 0 14.6 11.9 26.5 26.8 26.5 14.6 0 26.5-11.9 26.5-26.5zm90.7-26.8c-14.6 0-26.5 11.9-26.5 26.8 0 14.6 11.9 26.5 26.5 26.5 14.9 0 26.8-11.9 26.8-26.5 0-14.9-11.9-26.8-26.8-26.8zM448 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zm-99.7 140.6c-10.1 0-19 4.2-25.6 10.7-24.1-16.7-56.5-27.4-92.5-28.6l18.7-84.2 59.5 13.4c0 14.6 11.9 26.5 26.5 26.5 14.9 0 26.8-12.2 26.8-26.8 0-14.6-11.9-26.8-26.8-26.8-10.4 0-19.3 6.2-23.8 14.9l-65.7-14.6c-3.3-.9-6.5 1.5-7.4 4.8l-20.5 92.8c-35.7 1.5-67.8 12.2-91.9 28.9-6.5-6.8-15.8-11-25.9-11-37.5 0-49.8 50.4-15.5 67.5-1.2 5.4-1.8 11-1.8 16.7 0 56.5 63.7 102.3 141.9 102.3 78.5 0 142.2-45.8 142.2-102.3 0-5.7-.6-11.6-2.1-17 33.6-17.2 21.2-67.2-16.1-67.2z"></path></svg></span></span></a></div> <div class="wp-block-uagb-social-share-child uagb-ss-repeater uagb-ss__wrapper uagb-block-e0f19a01"><a class="uagb-ss__link" data-href="https://twitter.com/share?url=" rel="noopener noreferrer"><span class="uagb-ss__source-wrap"><span class="uagb-ss__source-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z"></path></svg></span></span></a></div> <div class="wp-block-uagb-social-share-child uagb-ss-repeater uagb-ss__wrapper uagb-block-2123279b"><a class="uagb-ss__link" data-href="mailto:?body=" rel="noopener noreferrer"><span class="uagb-ss__source-wrap"><span class="uagb-ss__source-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg></span></span></a></div> </div></div> </div> </div> <div class="wp-block-group alignwide has-black-color has-text-color has-background" style="background-color:#efefff;padding-right:2rem;padding-left:2rem"><div class="wp-block-group__inner-container"> <div class="accordion"> <details> <summary> <div class="summaryflex"> <span class="summary-title">Mutsuhiro “Mucchan” Fujii (Director)</span> <div class="summary-chevron-up"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline id="uparrow" points="6 9 12 15 18 9"></polyline><polyline id="downarrow" points="18 15 12 9 6 15"></polyline></svg></div> </div> </summary> <div class="summary-content">Director (Sega Mark III version). Joined Sega in 1984. In addition to his Sega Mark III ports of famous arcade games like Fantasy Zone and Space Harrier, he has also directed original works such as Bahamut Senki for the Megadrive.</div> </details> </div> <h3 class="wp-block-heading">—How did you join Sega?</h3> <p><strong>Mucchan:</strong> I joined the company in 1984, and was assigned to the R&D Division Planning Department. A single department would be comprised of programmers, planners, and designers, and our Planning Department had about 10 people in total. Some of my colleagues then included people like Yuji Naka, Rieko Kodama, and Hisao Oguchi. Oguchi and I used to go to this little karaoke snack<a href="#footnote-1-6090" id="note-1-6090" rel="footnote">1</a> bar and run up a tab drinking. (laughs)</p> <h3 class="wp-block-heading">—Did you start off working on console games?</h3> <p><strong>Mucchan:</strong> Yeah. The year before I was hired the SC-3000 had come out. Then the year I was hired, they divided their development departments into an Arcade and Console groups. And I was assigned to head up the console group.</p> <h3 class="wp-block-heading">—What was the first game you directed?</h3> <p><strong>Mucchan:</strong> The first one that was released, I think, was a port of Konami’s <a href="https://segaretro.org/Shinnyuushain_Tooru-Kun" rel="noreferrer noopener" target="_blank">Shinnyuushain Tooru-kun</a>, I believe?</p> <h3 class="wp-block-heading">—And between that release and Fantasy Zone, how many games did you work on?</h3> <div class="wp-block-columns rightimageplustext"> <div class="wp-block-column"> <p><strong>Mucchan:</strong> …a lot. (laughs) In the beginning, it was me and three others. We had about 20 titles in concurrent development, so each week we’d be working on 3 or 4 different games at a time. So by the time Fantasy Zone came out, I already had quite a number of releases under my belt.</p> <p>By the way, an easy way to tell which games I worked on is to look for the following letters/numbers: “6216”, “MUT”, or “241”. Back then I wasn’t allowed to use my own name, so I snuck those in as a little calling card, and my own stamp of my pride.</p> </div> <div class="wp-block-column"> <div class="wp-block-image"><figure class="alignright size-full is-resized"><img decoding="async" src="https://shmuplations.com/wp-content/uploads/2021/12/fzone204.jpg" alt="" class="wp-image-6097" width="288" height="324"/><figcaption>Mucchan holding up a copy of Fantasy Zone for the Sega Mark III.</figcaption></figure></div> </div> </div> <h3 class="wp-block-heading">—How did they decide who developed what at Sega…?</h3> <p><strong>Mucchan: </strong>The way work was assigned then, it was basically we’d get all the programmers, planners, and everyone together in a meeting, and things would just happen organically. “I want to do this project!” Ok. “You should handle this.” Ok. It was the same way with Fantasy Zone. We had just gotten access to 1M (megabit) ROMs—about 4x the memory of what we’d been working with—and so the first thing that was done, was to settle on a “schedule” and deadline. We also decided to work on two 1M titles at the same time.</p> <p>As for what kind of games we’d make… with the schedule we’d set for ourselves, we all agreed that an original title wouldn’t be practical. But as luck would have it, Sega had just acquired the Hokuto no Ken license, so we felt it made sense to use that now, even though it meant developing a new game from scratch. For the other game, we tried to think of something we could port fairly quickly, and Fantasy Zone’s name came up… (laughs) Then they asked for directors and I raised my hand. It was that simple.</p> <p>Speaking of the arcade version, the sub-programmer of Fantasy Zone and I were in the same dorm in college so we got along well. During the arcade development, I would often go to their floor to play it, so I saw a lot of their work up-close. Since I had been watching the development from the start, I knew what was what, and had a general idea of how much memory everything took. That’s why I thought we could do a quick home console port, provided we were clever about re-using those assets. I thought the bosses would be impossible though.</p> <h3 class="wp-block-heading">—Did you struggle with deciding what to cut and what to keep?</h3> <p><strong>Mucchan:</strong> Well, my attitude back then, at least, was to stuff in everything we could. Being a 1M cart, I figured we could re-use the background graphics, but had it been a 32k game (a MyCard Mark III game) we probably would have had to cut some of the stages. But each time I made a game, my basic philosophy was to do everything I could within the limitations of the memory and the hardware.</p> <h3 class="wp-block-heading">—The Sega Mark III Fantasy Zone has different bosses for stages 4 and 6. How did they come about?</h3> <p><strong>Mucchan:</strong> My approach with the bosses was to re-create them as closely as possible to their original arcade version. They may have small visual differences, but as long as you could beat them the same way, I was satisfied. Replicating the stage 4 and 6 bosses on the Mark III hardware was too difficult, though, so we swapped them.</p> <figure class="wp-block-image size-large"><img decoding="async" src="https://shmuplations.com/wp-content/uploads/2021/12/fzone202.jpg" alt=""/><figcaption>A visual comparison of the Arcade, Mark III, and Famicom versions of Fantasy Zone (<a href="http://yamamochi.vivian.jp/mochi2nd/cool2nd/fantazo/fantazo01.htm" rel="noreferrer noopener" target="_blank">source</a>).</figcaption></figure> <h3 class="wp-block-heading">—When was that decision made in the development?</h3> <p><strong>Mucchan:</strong> I remember how at that the end of that first meeting, when I stood up to leave, the programmer next to me said “So what are we going to do about the bosses?” I replied that yeah, using them as-is would be impossible, so we’d either have to cut down on their sprites or make something else entirely. So to answer your question, basically right from the beginning. They were the first thing we worried ourselves over!</p> <h3 class="wp-block-heading">—Were there any other bosses you considered making alternates for?</h3> <p><strong>Mucchan:</strong> There were not.</p> <h3 class="wp-block-heading">—Even for IDA-2, the stage 7 boss?</h3> <p><strong>Mucchan:</strong> We knew from the start that we wanted to add IDA-2.</p> <h3 class="wp-block-heading">—So it sounds like there wasn’t a lot of prolonged debate about which bosses you could include. You simply knew right off the bat that 4 and 6 would be impossible to port over.</h3> <p><strong>Mucchan:</strong> Yeah… it’s because I was fully aware of the hardware’s limitations. I was all too familiar with exactly how many sprites could be displayed on a horizontal line and other quirks of displaying and animating sprites with the Mark III.</p> <h3 class="wp-block-heading">—The necessity of blank backgrounds for the boss scenes in the Mark III version was likewise something you knew from the get-go, then.</h3> <p><strong>Mucchan:</strong> Yup! The thing is, I knew we had to choose between having animated backgrounds or bosses that could move. I’d of course have preferred to do a direct port of the arcade version, but given the deadline we had and the hardware limitations I could see that some things were off the table. We knew how much memory we had available for spirtes too. So it was likely the case—actually, it was definitely the case—that if we displayed the full backgrounds we couldn’t display the bosses.</p> <p>Ultimately, because I’d spent so much time watching them make the arcade version, I’d also already given a great deal of thought to how you might be able to port Fantasy Zone to the Mark III. That “blueprint” existed in my mind. Without it, I probably wouldn’t have raised my hand and volunteered to take this project on.</p> <h3 class="wp-block-heading">—I see. Did you do any experiments at all, to see if the other bosses might be ported after all?</h3> <p><strong>Mucchan:</strong> No. Unfortunately.</p> <h3 class="wp-block-heading">—So instead, for stages 4 and 6, you went with the fish and turtle bosses, respectively?</h3> <p><strong>Mucchan:</strong> Yeah.</p> <h3 class="wp-block-heading">—Why a fish and turtle?</h3> <p><strong>Mucchan:</strong> Well, the original bosses has this ocean/sea vibe going on. So I said let’s make something aquatic, and asked our designers to try and maintain that same general image.</p> <figure class="wp-block-image size-large"><img decoding="async" width="1024" height="447" src="https://shmuplations.com/wp-content/uploads/2021/12/fzone207-1024x447.jpg" alt="" class="wp-image-6095" srcset="https://shmuplations.com/wp-content/uploads/2021/12/fzone207-1024x447.jpg 1024w, https://shmuplations.com/wp-content/uploads/2021/12/fzone207-300x131.jpg 300w, https://shmuplations.com/wp-content/uploads/2021/12/fzone207-768x335.jpg 768w, https://shmuplations.com/wp-content/uploads/2021/12/fzone207.jpg 1437w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Concept art showing the evolution of Opa Opa’s character, with comments by his designer Masaki Kondo. The first rough sketch of Opa Opa shown on the left actually envisioned him as a pilot; Kondo was bad at drawing faces, so he drew him without a head. The next sketch (with a metal hatch) show the “Soyokaze 1”, the craft that Opa Opa was originally supposed to pilot. The middle two sketches were done by other designers. The final sketches on the right show Opa Opa’s evolution from a mechanical craft with a pilot to an anthropomorphized entity, and more closely approach the finished design.</figcaption></figure> <h3 class="wp-block-heading">—How did you instruct the designers, exactly? Did you hand them rough sketches?</h3> <p><strong>Mucchan:</strong> No, it was all verbal. For the stage 4 fish boss, I just said to “make it a fish”. Same thing with the turtle. I like turtles. (laughs) But the precise form and colors and so forth, those details I left to their imagination.</p> <h3 class="wp-block-heading">—Who came up with their unusual attack patterns?</h3> <p><strong>Mucchan:</strong> That would be the programmer. He showed me the new attacks he’d made and I gave him some feedback. I said we need to remember that brand new STG players will be playing this, and had him adjust the difficulty accordingly.</p> <p>Regarding the difficulty, back then we used to do focus tests at Hakuhinkan Toy Store in Ginza. We’d ask normal kids visiting the store to play a working version of our game, then have them fill out a feedback card about how fun it was, what they thought of the difficulty, how far they got, things like that. It was a good indicator of how hard the game should be.</p> <h3 class="wp-block-heading">—How did you come up with the names for the new bosses?</h3> <p><strong>Mucchan:</strong> Me, two programmers, two designers, and one sound guy—so six of us in total—had a meeting and threw our ideas out there for names. We then voted on which we liked. (laughs) Great Strong Tot or something…</p> <h3 class="wp-block-heading">—Oh? You don’t remember the fish boss’ official name?!</h3> <p><strong>Mucchan:</strong> That’s how I remembered it! (laughs) Anyway, that long Strong Tot or whatever name was one of the sub designers ideas, I believe.</p> <h3 class="wp-block-heading">—It’s Ultra Super Big Maxim Great Strong Tot.</h3> <p><strong>Mucchan:</strong> Right, that’s right. (laughs) Um… I can’t remember the turtle’s name though. I know I signed off on it, but I don’t remember who came up with it originally…</p> <h3 class="wp-block-heading">—It’s “dz Deno Roma”.</h3> <p><strong>Mucchan:</strong> That’s it!</p> <h3 class="wp-block-heading">—It’s a turtle, and you pronounce the name “doji deno roma”—it’s obviously a reference to Stewardess Monogatari, right?<a href="#footnote-2-6090" id="note-2-6090" rel="footnote">2</a></h3> <p><strong>Mucchan:</strong> Correct!</p> <h3 class="wp-block-heading">—By the way, it seems like in the Fantasy Zone universe, when it comes to turtles and fish, there’s a kind of “anything goes” attitude, in a number of senses… (laughs)</h3> <p><strong>Mucchan:</strong> Yeah, I don’t know. Today we can say there’s a Fantasy Zone “universe” or style, but the game had more humble origins—the original arcade developers, in fact, had no guarantee it would even be released. (laughs) The ending message in English in the Mark III version, too, didn’t have a lot of forethought put in. It was just something they had me translate from Japanese.</p> <h3 class="wp-block-heading">—Well, I’d like to pause the interview for a moment here, and have you do a live playthrough of the Sega Mark III Fantasy Zone!</h3> <p><strong>Mucchan:</strong> What, are you serious?!</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="995" src="https://shmuplations.com/wp-content/uploads/2021/12/fzone203-1024x995.jpg" alt="" class="wp-image-6094" srcset="https://shmuplations.com/wp-content/uploads/2021/12/fzone203-1024x995.jpg 1024w, https://shmuplations.com/wp-content/uploads/2021/12/fzone203-300x291.jpg 300w, https://shmuplations.com/wp-content/uploads/2021/12/fzone203-768x746.jpg 768w, https://shmuplations.com/wp-content/uploads/2021/12/fzone203.jpg 1260w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure> <h3 class="wp-block-heading">—Were you really able to clear multiple loops back then?</h3> <p><strong>Mucchan:</strong> Of course! But I was using an arcade stick. The thing is, if I hadn’t been good enough, we wouldn’t have been able to film the commercials. There was no stage select, and they asked us to shoot the final stage for the commercial, so the only way was to play from the start.</p> <h3 class="wp-block-heading">—There was a commercial…?</h3> <p><strong>Mucchan:</strong> Back then Sega didn’t do commercials for one game exclusively; rather, they’d introduce a bunch of games in the span of 15 or 30 seconds. It was one of those.</p> <h3 class="wp-block-heading">—Oh, I think I remember. Was it the one that showed the boy staring at his TV, engrossed in the game?</h3> <p><strong>Mucchan:</strong> Yeah, that’s the one. The screen you see there, that was actually me playing behind-the-scenes. (laughs) If I didn’t use a proper arcade stick though I couldn’t produce something filmable, even for a simple commercial. (holding controller) I can’t play with this thing! (laughs)</p> <h3 class="wp-block-heading">—What did the arcade developers of Fantazy Zone think of the Mark III port?</h3> <p><strong>Mucchan:</strong> The main programmer KTG (Shuichi Katagi) thought highly of it. (laughs) At first he was like, “you couldn’t put all the bosses in?!” And I told him there was no way. You can only have 4 sprites on a horizontal line, after all. He agreed and told me he thought it was very well done.</p> <p>The arcade hardware for Fantasy Zone, you see, had more than ten times the memory of the Mark III, and we had to somehow re-create all that in just a 1M cart. That’s 1 megabit, by the way, not megabyte. This was the era of the 1.44 megabyte floppy, and that 1M Mark III cart was actually only 128kb of space. That’s why it impressed the arcade team so much.</p> <h3 class="wp-block-heading">—By the way, did you handle the overseas versions too, for the Master System?</h3> <p><strong>Mucchan:</strong> Yeah. After releasing Fantasy Zone in Japan, next came the American version. We showed it at the CES (Computer Entertainment Show, the predecessor to E3) that year. That was in Chicago. I went with Yuji Naka, who had programmed Hokuto no Ken.</p> <p>I remember the two of us woke up at 4AM that day and meandered around Chicago taking pictures. We had breakfast, then went to a museum, where Naka lost his camera somewhere. He never found it either. Ah… sorry. I know this is getting off-topic.</p> <h3 class="wp-block-heading">—Fantasy Zone ended up being ported to a large number of systems, including the Famicom and the PC Engine. What do you think of those? (laughs)</h3> <p><strong>Mucchan:</strong> I remember my first reaction was “What?! They managed to include all the original bosses… damn!” (laughs)</p> <h3 class="wp-block-heading">—The Famicom version had them all, yeah.</h3> <p><strong>Mucchan:</strong> Right. Honestly, it reminded me of how amazing the Famicom is, as a console. As for the other ports… well, naturally as time goes by the hardware gets better, so I think it only makes sense that those ports were more accurate.</p> <h3 class="wp-block-heading">—Finally, what does Fantasy Zone mean to you, Mucchan?</h3> <p><strong>Mucchan:</strong> It was Sega’s very first 1M cart. Compared to the console games Sega had released up to then, I think Fantasy Zone probably helped spread the word and made more people (including those who had only played the Famicom) aware of our console offerings. In that sense, yeah, I can’t help feeling some pride about it. And happiness. To me, Fantasy Zone is the game that introduced Sega’s home consoles to Famicom players.</p> <h3 class="wp-block-heading">—Do you still feel that same pride for it?</h3> <p><strong>Mucchan:</strong> Maybe not as much as before, but… a little still. (laughs)</p> <h5 class="wp-block-heading">Fantasy Zone – 1997 Developer Interview</h5> <p>originally featured in Sega Saturn Magazine</p> <p style="line-height:1.3"><strong>Yoji Ishii – Planner<br>Masaki Kondo – Designer<br>Shuichi Katagi – Programmer<br>Hiroshi Kawaguchi – Composer</strong></p> <h3 class="wp-block-heading">—How did Fantasy Zone get started?</h3> <p><strong>Ishii:</strong> The people in this room today were the main people involved in the Fantasy Zone project. About six months earlier, Sega had started working on a different shooting game, but it wasn’t going very well. So the higher-ups decided to swap out the development teams and bring in completely new people. It was the golden age of horizontal shooting games then, and Konami had just released Gradius in 1985, which was a huge hit in the arcades. So Sega told us to make “something that would surpass Gradius—the ultimate STG game!” And that’s how the Fantasy Zone project officially got started, with that lofty goal and a brand new team. All we kept from the previous shooting development was the basic idea of a horizontal shooter.</p> <h3 class="wp-block-heading">—It’s a surprise to hear that Gradius was your target—and all the moreso considering that visually, at least, Fantasy Zone took a very different path. What were you aiming at there?</h3> <p><strong>Ishii:</strong> Obviously, we knew that if we just copied Gradius too closely, our game would end up getting compared to it. Personally, I wanted to add a lot of new elements, and visually go beyond Gradius. I essentially wanted to do something brand new. So… and I guess this is a small digression, but… I also didn’t really like shooting games very much, nor was I good at them. (laughs) That’s partly where the idea for the shop came from; I wanted Fantasy Zone to be accessible for new players and offer them some degree of assistance.</p> <h3 class="wp-block-heading">—Was the title “Fantasy Zone” something you decided from the start?</h3> <p><strong>Ishii:</strong> No, I originally wanted the title to be “Opa Opa”.</p> <div class="wp-block-columns rightimageplustext"> <div class="wp-block-column"> <p><strong>Kondo:</strong> We didn’t add names for all the enemies and bosses until the end of the development. Then we named them all in one mad sprint. I do remember with the main character, though, Ishii was insistent that he be named Opa Opa.</p> <p><strong>Ishii:</strong> I wanted the title to be “Opa-Opa” too, but due to various circumstances… (laughs) Apparently Yu Suzuki, who was developing Space Harrier at the same time as us, wanted to name his game Fantasy Zone. But when our development chief saw our game, he said the title of Fantasy Zone fit what we were doing better. “Opa Opa is just a nonsense title. Fantasy Zone is better, let’s go with that!” And so we did.</p> </div> <div class="wp-block-column"> <div class="wp-block-image"><figure class="alignright size-full is-resized"><img loading="lazy" decoding="async" src="https://shmuplations.com/wp-content/uploads/2021/12/fzone205.jpg" alt="" class="wp-image-6093" width="323" height="413" srcset="https://shmuplations.com/wp-content/uploads/2021/12/fzone205.jpg 492w, https://shmuplations.com/wp-content/uploads/2021/12/fzone205-234x300.jpg 234w" sizes="(max-width: 323px) 100vw, 323px" /><figcaption>The original Fantasy Zone arcade team. Top (L-R): Yoji Ishii, Masaki Kondo. Bottom (L-R): Shuichi Katagi, and Hiroshi Kawaguchi.</figcaption></figure></div> </div> </div> <h3 class="wp-block-heading">—Several years later an arcade game with the title “Opa Opa” was released… is there a connection?</h3> <p><strong>Ishii:</strong> Ah yes, the maze game that used Opa Opa. That was made by a different staff. (laughs)</p> <h3 class="wp-block-heading">—Turning to the game design, the characters of Fantasy Zone have a soft, warm vibe to them that we hadn’t seen in games up to that point. Where did your ideas come from?</h3> <p><strong>Kondo:</strong> The characters weren’t modeled after anything specific. Ishii asked me to try making “something a little different”, but I was still a relatively new hire at Sega, so I wasn’t really beholden to those older ideas anyway. However, before starting Fantasy Zone, I’d helped out on three separate developments, and on those projects, I definitely felt that the graphics and resolution were very crude, and I’d been unable to draw anything round or soft with that hardware. I wasn’t able to do nice shading or gradations either. I think Fantasy Zone’s visual style was largely a reaction to that.</p> <h3 class="wp-block-heading">—In terms of the programming, when you created those bosses with their elaborate multi-jointed sprites, was that also in response to Gradius?</h3> <p><strong>Katagi:</strong> No, actually… at that time, I was more into Defender than Gradius, and I think Fantasy Zone is closer to Defender, if I had to say. (laughs) To that end we added the two-directional scrolling, though this may have effectively made the game too hard…</p> <p><strong>Ishii:</strong> No, no, I think it’s fine.</p> <h3 class="wp-block-heading">—For its time, the backgrounds were extremely pretty. Were there any issues with displaying the number of colors, or with the palettes?</h3> <p><strong>Kondo:</strong> Looking back now, we had very little memory to work with. The backgrounds may seem complex, but they were done by combining various patterns together in a jigsaw puzzle-like arrangement. It came out rather well.</p> <p><strong>Ishii:</strong> In this era of video games, you couldn’t display a lot of sprites, and it was a pain moving big sprites around the screen. Our hardware limited us to displaying 62 sprites at the same time. But our programmers performed an incredible feat in figuring out how to make those big bosses move, and finding a workaround to have up to 200 items on-screen (including bullets)… their efforts made Fantasy Zone into the game it is.</p> <p><strong>Katagi:</strong> Fantasy Zone use the System 16 pcb, and everyone was really excited to finally be working with new specs and 16-bit hardware. In reality, though, there were still many constraints, and I remember being disappointed. (laughs)</p> <div class="wp-block-columns leftimageplustext"> <div class="wp-block-column"> <div class="wp-block-image"><figure class="alignleft size-full is-resized"><img loading="lazy" decoding="async" src="https://shmuplations.com/wp-content/uploads/2021/12/fzone208.jpg" alt="" class="wp-image-6092" width="354" height="506" srcset="https://shmuplations.com/wp-content/uploads/2021/12/fzone208.jpg 468w, https://shmuplations.com/wp-content/uploads/2021/12/fzone208-210x300.jpg 210w" sizes="(max-width: 354px) 100vw, 354px" /><figcaption>An image of the “jigsaw puzzle” backgrounds from Fantasy Zone, showing how they were pieced together sprite-by-sprite.</figcaption></figure></div> </div> <div class="wp-block-column"> <h3 class="wp-block-heading">—The bosses in Fantasy Zone have a great deal of personality. How did you go about designing them?</h3> <p><strong>Ishii:</strong> The bosses were all originally thought up by me, basically. Of the eight bosses, the first three came to me very quickly, but after that it got harder. (laughs) Katagi was extremely quick at translating my ideas into the game. I’d talk to him, and then two days later he’d show me the boss onscreen! In this way he kept me on my toes, always prodding “is the next boss ready yet?” (laughs)</p> <h3 class="wp-block-heading">—Let’s turn to the sound now, which I know everyone has been waiting to hear about. Hiroshi, how did you get involved in the Fantasy Zone development?</h3> </div> </div> <p><strong>Kawaguchi:</strong> The game was already mostly complete when I joined. I had been working on Space Harrier, and as that wrapped up, Ishii approached me and asked me to write for Fantasy Zone. The first thing I did was record a one-song demo tape, which I played by hand. I took it to Katagi and asked his opinion. All-in-all the work went easily, with no complaints from anyone.</p> <p><strong>Katagi:</strong> Wasn’t there one rejected song…?</p> <p><strong>Kawaguchi:</strong> No, there was one song which someone said reminded them of <a href="https://en.wikipedia.org/wiki/Kay%C5%8Dkyoku" target="_blank" rel="noreferrer noopener">kayoukyoku</a>, but that ended up becoming the music for <a href="https://www.youtube.com/watch?v=poriNyE3yew" rel="noreferrer noopener" target="_blank">stage 7</a>. When the team heard it, I think Katagi said it sounded a little off, but Yu Suzuki, who was standing behind him, said it was fine, and we used it as-is. Fantasy Zone needed a lot of songs, but the samba genre is one I love, so it was all good.</p> <p><strong>Katagi:</strong> I remember the deadline was a little tight though, right?</p> <p><strong>Kawaguchi:</strong> Yeah, that’s right. In the American version there’s a song with an extra melody in it, and I believe that melody doesn’t appear in the Japanese version because I ran out of time.</p> <h3 class="wp-block-heading">—How long was the Fantasy Zone development, ultimately?</h3> <p><strong>Ishii:</strong> I don’t remember for certain, but I think it was about 8 months. The last month is where I remember it becoming a struggle, though.</p> <p><strong>Kondo:</strong> The game was only finished up to stage 2 then. We finally finished everything right at the start of Spring.</p> <p><strong>Katagi:</strong> But up until the release, the reception at Sega had been really negative. The location tests weren’t very positive either.</p> <p><strong>Ishii:</strong> There was pessimism from all quarters, from the top executives to the sales departments. “Why are they making a game like this…” Once it was released, though, both the pcb sales and the arcade income were very good. It’s pretty rare, for a game that’s unpopular internally to do that well commercially. The development itself was also unusual in that everything went well (and kept going well), so overall it was a pretty enjoyable project.</p> <h3 class="wp-block-heading">—Please give a final message for our readers today.</h3> <p><strong>Kondo:</strong> At the time, I thought it was impossible for me to be able to draw in this style. During the development, my goal was to make something that women would want to play too, not just dyed-in-the-wool shooting fans… so when people see Fantasy Zone now, if it serves as an inspiration—that with effort and ingenuity anyone can create something new—I’ll be happy.</p> <p><strong>Katagi:</strong> A final message? Hmm.. how about this? 3D games aren’t the only good ones. (laughs) Also, in terms of the difficulty, we tuned Fantasy Zone to be beatable with the default, standard weaponry, so I hope players persevere and finish at least 1 loop.</p> <p><strong>Ishii:</strong> When I look back at Fantasy Zone now, I definitely can feel how it’s an 11 year old game. But if you actually play it, I think you’ll find it still feels fresh today. It can be enjoyed by anyone, men, women, children, and adults alike, and I think it shows how games like this existed even back in the day, you know? Actually, I have an idea for a sequel that I’ve been fleshing out in my mind, with a full story too. (laughs) It all depends on what the public wants, of course, but if possible I’d like to develop it for the MODEL 3 hardware, not the Saturn. But in the meantime, please enjoy the Sega Ages port of Fantasy Zone.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="612" src="https://shmuplations.com/wp-content/uploads/2021/12/fzone206-1024x612.jpg" alt="" class="wp-image-6091" srcset="https://shmuplations.com/wp-content/uploads/2021/12/fzone206-1024x612.jpg 1024w, https://shmuplations.com/wp-content/uploads/2021/12/fzone206-300x179.jpg 300w, https://shmuplations.com/wp-content/uploads/2021/12/fzone206-768x459.jpg 768w, https://shmuplations.com/wp-content/uploads/2021/12/fzone206.jpg 1114w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Fantasy Zone concept art. Designer Masaki Kondo comments that many of his characters were inspired by his love of comical manga artist <a href="https://en.wikipedia.org/wiki/Fujio_Akatsuka" rel="noreferrer noopener" target="_blank">Fujio Akatsuka</a>. In the beginning, he also tried to give every character eyeballs as a unifying design motif, a remnant of which can be seen in the enemy base design.</figcaption></figure> <div class="wp-block-image"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="571" height="46" src="https://shmuplations.com/wp-content/uploads/2021/11/footer-test2.gif" alt="" class="wp-image-1534"/></figure></div> <div style="height:1px" aria-hidden="true" class="wp-block-spacer"></div> <p><em><strong>If you've enjoyed reading this interview and would like to be able to vote each month on what I translate, please consider supporting me on <a target="_blank" href="http://www.patreon.com/shmuplations" rel="noreferrer noopener">Patreon</a>! I can't do it without your help!</strong></em></p> <div style="height:1px" aria-hidden="true" class="wp-block-spacer"></div> <p></p> </div></div> <script> let box = document.querySelector('.tagsandsns'); let height = box.offsetHeight; console.log(height); if (height > 80) { document.querySelectorAll(".uagb-ss__source-wrap svg").forEach(function(element) { element.style.width = "50px"; element.style.height = "50px"; }); document.querySelectorAll(".uagb-social-share__wrap").forEach(function(element) { element.style.marginRight = "11px"; }); document.querySelectorAll(".uagb-ss__wrapper").forEach(function(element) { element.style.marginRight = "17.5px"; }); } </script> <div class="footnotes"><hr /><ol><li id="footnote-1-6090" class="footnote"><p>“Snacks” are tiny bars in Japan usually run by an older female sole proprietor. Many of them feature mini-karaoke setups.<a href="#note-1-6090" class="footnote-return">↩</a></p></li><li id="footnote-2-6090" class="footnote"><p>The name is a play on words. The main character of this drama, Chiaki, refers to herself as “doji de noroma na kame”—”a clumsy talentless turtle.” The Fantasy Zone boss name re-arranges the letters to sound like a foreign name.<a href="#note-2-6090" class="footnote-return">↩</a></p></li></ol></div> </div> <footer class="entry-footer default-max-width"> <div class="posted-by"><span class="posted-on">Published <time class="entry-date published updated" datetime="2021-12-25T04:30:35+00:00">December 25, 2021</time></span><span class="byline">By <a href="https://shmuplations.com/author/shmuplations/" rel="author">shmuplations</a></span></div><div class="post-taxonomies"><span class="cat-links">Categorized as <a href="https://shmuplations.com/category/uncategorized/" rel="category tag">Uncategorized</a> </span><span class="tags-links">Tagged <a href="https://shmuplations.com/archive/?/sega/" rel="tag">Sega</a>, <a href="https://shmuplations.com/archive/?/mutsuhiro-fujii/" rel="tag">Mutsuhiro Fujii</a>, <a href="https://shmuplations.com/archive/?/yoji-ishii/" rel="tag">Yoji Ishii</a>, <a href="https://shmuplations.com/archive/?/masaki-kondo/" rel="tag">Masaki Kondo</a>, <a href="https://shmuplations.com/archive/?/shuichi-katagi/" rel="tag">Shuichi Katagi</a>, <a href="https://shmuplations.com/archive/?/hiroshi-kawaguchi/" rel="tag">Hiroshi Kawaguchi</a>, <a href="https://shmuplations.com/archive/?/fantasy-zone/" rel="tag">Fantasy Zone</a>, <a href="https://shmuplations.com/archive/?/2002/" rel="tag">2002</a></span></div> </footer> </article> <div id="comments" class="comments-area default-max-width show-avatars"> <div id="respond" class="comment-respond"> <h2 id="reply-title" class="comment-reply-title">Leave a comment <small><a rel="nofollow" id="cancel-comment-reply-link" href="/fantasyzone2/#respond" style="display:none;">Cancel reply</a></small></h2><form action="https://shmuplations.com/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Comment <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="5" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p> <p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='6090' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div> </div> <nav class="navigation post-navigation" aria-label="Posts"> <h2 class="screen-reader-text">Post navigation</h2> <div class="nav-links"><div class="nav-previous"><a href="https://shmuplations.com/famicomboom/" rel="prev"><p class="meta-nav"><svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 13v-2H8l4-4-1-2-7 7 7 7 1-2-4-4z" fill="currentColor"/></svg>Previous post</p><p class="post-title">The 1986 Famicom Crisis – Developer Interviews</p></a></div><div class="nav-next"><a href="https://shmuplations.com/fantasyzone/" rel="next"><p class="meta-nav">Next post<svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m4 13v-2h12l-4-4 1-2 7 7-7 7-1-2 4-4z" fill="currentColor"/></svg></p><p class="post-title">Fantasy Zone – 2014 Developer Interview</p></a></div></div> </nav> </main> </div> </div> <aside class="widget-area"> <section id="block-3" class="widget widget_block"> <div class="wp-block-group"><div class="wp-block-group__inner-container"></div></div> </section><section id="block-4" class="widget widget_block"><div class="wp-block-group"><div class="wp-block-group__inner-container"><h2 class="wp-block-heading">Recent Comments</h2><ol class="wp-block-latest-comments"><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><span class="wp-block-latest-comments__comment-author">Ben</span> on <a class="wp-block-latest-comments__comment-link" href="https://shmuplations.com/miyamoto2000/#comment-3850">Shigeru Miyamoto – 2000 Developer Interview</a></footer></article></li><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><span class="wp-block-latest-comments__comment-author">Khardankov</span> on <a class="wp-block-latest-comments__comment-link" href="https://shmuplations.com/20questions1985/#comment-3839">59 Developers, 20 Questions – 1985 Interview Special</a></footer></article></li><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><span class="wp-block-latest-comments__comment-author">Blubber</span> on <a class="wp-block-latest-comments__comment-link" href="https://shmuplations.com/radiatastories/#comment-3814">Radiata Stories – 2005 Developer Interview</a></footer></article></li><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><span class="wp-block-latest-comments__comment-author">Reza</span> on <a class="wp-block-latest-comments__comment-link" href="https://shmuplations.com/chronotrigger/#comment-3803">Chrono Trigger – 1994/95 Developer Interviews</a></footer></article></li><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><a class="wp-block-latest-comments__comment-author" href="https://shmuplations.com">shmuplations</a> on <a class="wp-block-latest-comments__comment-link" href="https://shmuplations.com/animalcrossing/#comment-3798">Animal Crossing – Developer Interviews</a></footer></article></li></ol></div></div></section><section id="block-5" class="widget widget_block"> <div class="wp-block-group"><div class="wp-block-group__inner-container"></div></div> </section><section id="block-6" class="widget widget_block"> <div class="wp-block-group"><div class="wp-block-group__inner-container"></div></div> </section> </aside> <footer id="colophon" class="site-footer"> <div class="site-info"> <div class="site-name"> </div> <div class="powered-by"> Proudly powered by <a href="https://wordpress.org/">WordPress</a>. </div> </div> </footer> </div> <style type="text/css"> .bigfoot-footnote__button { background-color: #0a0404 !important; } .bigfoot-footnote__button:after { color: #f4cbff !important; } </style> <script>document.body.classList.remove("no-js");</script> <script> if ( -1 !== navigator.userAgent.indexOf( 'MSIE' ) || -1 !== navigator.appVersion.indexOf( 'Trident/' ) ) { document.body.classList.add( 'is-IE' ); } </script> <style id='core-block-supports-inline-css'> .wp-elements-b026fa27a45936b04b62835189c01233 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--black);} </style> <script src="https://shmuplations.com/wp-content/plugins/gallery-block-lightbox/dist/baguetteBox.min.js?ver=1.12.0" id="baguettebox-js"></script> <script id="baguettebox-js-after"> window.addEventListener("load", function() {baguetteBox.run(".wp-block-gallery,:not(.wp-block-gallery)>.wp-block-image,.wp-block-media-text__media,.gallery,.wp-block-coblocks-gallery-masonry,.wp-block-coblocks-gallery-stacked,.wp-block-coblocks-gallery-collage,.wp-block-coblocks-gallery-offset,.wp-block-coblocks-gallery-stacked,.mgl-gallery,.gb-block-image",{captions:function(t){var e=t.parentElement.classList.contains("wp-block-image")||t.parentElement.classList.contains("wp-block-media-text__media")?t.parentElement.querySelector("figcaption"):t.parentElement.parentElement.querySelector("figcaption,dd");return!!e&&e.innerHTML},filter:/.+\.(gif|jpe?g|png|webp|svg|avif|heif|heic|tif?f|)($|\?)/i,ignoreClass:"no-lightbox"});}); </script> <script src="https://shmuplations.com/wp-content/uploads/uag-plugin/uag-js-6090-1738824311.js?ver=1.25.6" id="uag-script-6090-js"></script> <script src="https://shmuplations.com/wp-includes/js/comment-reply.min.js?ver=6.5" id="comment-reply-js" async data-wp-strategy="async"></script> <script id="twenty-twenty-one-ie11-polyfills-js-after"> ( Element.prototype.matches && Element.prototype.closest && window.NodeList && NodeList.prototype.forEach ) || document.write( '<script src="https://shmuplations.com/wp-content/themes/twentytwentyone/assets/js/polyfills.js?ver=1.6"></scr' + 'ipt>' ); </script> <script src="https://shmuplations.com/wp-content/themes/twentytwentyone/assets/js/responsive-embeds.js?ver=1.6" id="twenty-twenty-one-responsive-embeds-script-js"></script> <script> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",(function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())}),!1); </script> </body> </html>