import React from "react"; import x10000151391 from "./1000015139-1.png"; import ALAN from "./ALAN.png"; import COHR1 from "./COHR-1.png"; import COHR2 from "./COHR-2.png"; import COHR from "./COHR.png"; import DEATHWish from "./DEATH-WISH.png"; import DUNES from "./DUNES.png"; import JOL1 from "./JOL-1.png"; import JOL2 from "./JOL-2.png"; import JOL from "./JOL.png"; import OFFICEDispute from "./OFFICE-DISPUTE.png"; import POSTER1 from "./POSTER-1.png"; import POSTER2 from "./POSTER-2.png"; import POSTER3 from "./POSTER-3.png"; import POSTER4 from "./POSTER-4.png"; import POSTER5 from "./POSTER-5.png"; import POSTER6 from "./POSTER-6.png"; import POSTER7 from "./POSTER-7.png"; import POSTER8 from "./POSTER-8.png"; import REALITYOfObsessive from "./REALITY-OF-OBSESSIVE.png"; import SPEEDY from "./SPEEDY.png"; import TANGLED1 from "./TANGLED-1.png"; import TANGLED2 from "./TANGLED-2.png"; import TANGLED from "./TANGLED.png"; import THEJadeRing from "./THE-JADE-RING.png"; import TJLI1 from "./TJLI-1.png"; import TJLI2 from "./TJLI-2.png"; import TJLI from "./TJLI.png"; import icon3 from "./icon-3.svg"; const illustrations = [ { src: DUNES, alt: "Dunes", className: "absolute top-[1228px] left-[30px] w-[488px] h-[691px] aspect-[0.71] object-cover", }, { src: OFFICEDispute, alt: "Office DISPUTE", className: "absolute top-[1227px] left-[540px] w-[575px] h-[407px] aspect-[1.41] object-cover", }, { src: DEATHWish, alt: "Death WISH", className: "absolute top-[1938px] left-[30px] w-[634px] h-[448px] aspect-[1.42] object-cover", }, { src: ALAN, alt: "Alan", className: "absolute top-[1938px] left-[687px] w-[428px] h-[448px]", }, { src: SPEEDY, alt: "Speedy", className: "absolute top-[1652px] left-[537px] w-[581px] h-[267px] object-cover", }, ]; const comics = [ { title: "Jim's Orchestral Love", description: "A silly ode to 14~15 y/o me and my past hyperfixation on orchestras in the form of a 9 paged one-shot. \n\nStarted in 2021 and finished in 2022.", top: "3022px", images: [ { src: JOL, className: "left-[30px] w-[486px] h-[688px] absolute top-[2572px] aspect-[0.71] object-cover", }, { src: JOL1, className: "left-[552px] w-[283px] h-[400px] absolute top-[2572px] aspect-[0.71] object-cover", }, { src: JOL2, className: "left-[843px] w-[283px] h-[400px] absolute top-[2572px] aspect-[0.71] object-cover", }, ], }, { title: "Coffee On Humid Rain", description: "A comedic B&W short comic about a guy who fell in love with the barista of a local cafe.\n\nStarted and finished in 2024.", top: "3759px", images: [ { src: COHR, className: "left-[30px] w-[486px] h-[688px] aspect-[0.71] absolute top-[3299px] object-cover", }, { src: COHR1, className: "left-[552px] w-[280px] h-[398px] aspect-[0.7] absolute top-[3299px] object-cover", }, { src: COHR2, className: "left-[842px] w-[281px] h-[398px] aspect-[0.71] absolute top-[3299px] object-cover", }, ], }, { title: "TANGLED", description: "Antonius has a crush on a lifeguard of the beach he usually goes to with his dog... but what's the best way for him to approach the lifeguard?!\n\nStarted in 2024 and finished in 2025.", top: "4484px", images: [ { src: TANGLED, className: "top-[4026px] left-8 w-[481px] h-[678px] absolute aspect-[0.71] object-cover", }, { src: TANGLED1, className: "top-[4026px] left-[552px] w-[280px] h-[394px] absolute aspect-[0.71] object-cover", }, { src: TANGLED2, className: "top-[4022px] left-[841px] w-[282px] h-[398px] absolute aspect-[0.71] object-cover", }, ], }, { title: "The Job Listing Illusion", description: "An artist in his late 20s got scammed by a seemingly perfect job listing he found in his favorite magazine. \n\nStarted and finished in 2025.", top: "5218px", images: [ { src: TJLI, className: "top-[4743px] left-8 w-[484px] h-[683px] absolute aspect-[0.71] object-cover", }, { src: TJLI1, className: "top-[4743px] left-[552px] w-[289px] h-[408px] absolute aspect-[0.71] object-cover", }, { src: TJLI2, className: "top-[4746px] left-[851px] w-[292px] h-[408px] absolute aspect-[0.71] object-cover", }, ], }, ]; const posters = [ { src: POSTER1, className: "top-[5627px] left-[30px] w-[521px] h-[521px] absolute aspect-[1] object-cover", }, { src: POSTER2, className: "top-[5627px] left-[589px] w-[531px] h-[531px] absolute aspect-[1] object-cover", }, { src: POSTER3, className: "top-[6186px] left-[30px] w-[521px] h-[521px] absolute aspect-[1] object-cover", }, { src: POSTER4, className: "top-[6186px] left-[589px] w-[531px] h-[531px] absolute aspect-[1] object-cover", }, { src: POSTER5, className: "top-[6745px] left-[30px] w-[521px] h-[521px] absolute aspect-[1] object-cover", }, { src: POSTER6, className: "top-[6745px] left-[589px] w-[520px] h-[520px] absolute aspect-[1] object-cover", }, { src: POSTER7, className: "top-[7304px] left-[43px] w-[505px] h-[505px] absolute aspect-[1] object-cover", }, { src: POSTER8, className: "top-[7304px] left-[589px] w-[505px] h-[505px] absolute aspect-[1] object-cover", }, ]; const animations = [ { title: "Reality Of Obsessive - 癡迷的現實 (2025)", description: "Colt is obsessed with the rock band Speedy's Overdrive, to the point of hallucinating conversations with its frontman, Speedy. When he unexpectedly wins a contest to meet his idol, his excitement turns into inner conflict, forcing him to choose between his dream and his friends. As the long-awaited day arrives, Colt finally comes face to face with Speedy, but the encounter doesn't go as he imagined, leading him to question everything he once believed.", image: { src: REALITYOfObsessive, className: "absolute top-[8030px] left-[26px] w-[485px] h-[686px] aspect-[0.71] object-cover", }, top: "8037px", }, { title: "The Jade Ring (202?)", description: "Dunes, a prog rock band, is staying at a big five star hotel for their tour. But there is one problem, the organist of the \nband, Jim, has lost his beloved jade ring! The two guitarist of the band, Andy and Alfonso, sets out on a little journey trying to help Jim find his beloved jade ring. \n\nStill a work in progress made and \ndeveloped by one man.", image: { src: THEJadeRing, className: "absolute top-[8750px] left-[26px] w-[484px] h-[684px] aspect-[0.71] object-cover", }, top: "8750px", }, ]; const socialLinks = [ { href: "https://x.com/ROCKSHOWZ_", className: "relative w-[23.98px] h-6 bg-[url(/image.svg)] bg-[100%_100%]", ariaLabel: "Twitter", }, { href: "https://www.instagram.com/r0cksh0wz/#", className: "relative w-6 h-6 bg-[url(/icon-2.svg)] bg-[100%_100%]", ariaLabel: "Instagram", }, { href: "https://www.youtube.com/@rockshowz", className: "relative w-6 h-6", icon: icon3, ariaLabel: "YouTube", }, { href: "https://www.linkedin.com/in/%E7%A7%8B%E9%99%BD-%E5%AE%8B-792565360/", className: "relative w-6 h-6 bg-[url(/icon.svg)] bg-[100%_100%]", ariaLabel: "LinkedIn", }, ]; const supportLinks = [ { href: "https://patreon.com/rockshowz", text: "Patreon" }, { href: "ko-fi.com/rockshowz", text: "Ko-fi" }, { href: "rockshowz.itch.io", text: "itch.io" }, ]; const navigationLinks = [ { text: "About" }, { text: "Illustrations" }, { text: "Comics" }, { text: "Posters" }, { text: "Animations" }, ]; export const Homepage = (): JSX.Element => { return (


About

Hello, I'm{" "} ROYCE (he/him) , I also go by{" "} 秋陽 .
b. 2003
Tangerang, Indonesia / Taipei, Taiwan

{comics.map((comic, index) => (

{comic.title}

{comic.description}

))}


Illustrations


Comics

Thank you for visiting my website. I hope that you will enjoy my work. Please feel free to contact me at  
metalheadoncouch@gmail.com {" "} with any inquiries.

I'm an Indonesian creative based in Taipei, Taiwan. I graduated from Shu-Te University with a Bachelor's degree in Animation and Game Design.  I'm passionate about classic rock, the 2000s,  fashion design, clubbing culture, motorcycles, and much more.

Posters

Animations

{illustrations.map((illustration, index) => ( {illustration.alt} ))} {comics.map((comic, index) => ( {comic.images.map((image, imgIndex) => ( {comic.title} ))} ))} {posters.map((poster, index) => ( Poster ))} {animations.map((animation, index) => ( {animation.title}

{animation.title}

{animation.description}

))}
Element
); };