/* MOBILE MENU */ function toggleMenu(btn) { const nav = btn.closest(".nav"); const menu = nav.querySelector(".mobile-menu"); menu.classList.toggle("active"); /* icon swap */ btn.textContent = menu.classList.contains("active") ? "✕" : "☰"; } /* MOBILE SUBMENU */ function toggleSub(el, event) { event.stopPropagation(); /* close others */ document.querySelectorAll(".mobile-item.open") .forEach(item => { if (item !== el) { item.classList.remove("open"); } }); el.classList.toggle("open"); } /* DESKTOP TOUCH DROPDOWN */ function toggleDesktopDropdown(el, event) { event.stopPropagation(); /* ignore on mobile */ if (window.innerWidth <= 768) return; document.querySelectorAll(".nav-item.open") .forEach(item => { if (item !== el) { item.classList.remove("open"); } }); el.classList.toggle("open"); } /* CLICK OUTSIDE */ document.addEventListener("click", function(e) { /* desktop dropdown close */ if (!e.target.closest(".has-dropdown")) { document.querySelectorAll(".nav-item.open") .forEach(item => { item.classList.remove("open"); }); } /* mobile menu outside close */ document.querySelectorAll(".nav") .forEach(nav => { const menu = nav.querySelector(".mobile-menu"); const burger = nav.querySelector(".hamburger"); if ( menu.classList.contains("active") && !e.target.closest(".mobile-menu") && !e.target.closest(".hamburger") ) { menu.classList.remove("active"); burger.textContent = "☰"; } }); });


MARCO PI

ILLUSTRATION | ANIMATION | DESIGN


Building worlds, one paint stroke at a time

No matter the time or day, in my eyes creativity will always prevail.


Illustration


Merch

Image
Image
Image
Image
Image
Image
Image

My online shop is paired with ACGGOODS to provide you merchandise that is promised to be high quality, exceptionally durable, and absolutely adorable. You can support me while getting yourself the perfect decoration, collectible, or gift!Unlike other brands, the manufacturing company, Wooacry, uses RGB printing which allows the artwork's original vibrancy to be preserved, almost like it's been ripped out of the screen.



Image

Join the Club!

Subscribe to my newsletter to be updated on future product drops, events, artwork, and more plans to come!




About

FAQs

Prints and Merch


[email protected]



/* MOBILE MENU */ function toggleMenu(btn) { const nav = btn.closest(".nav"); const menu = nav.querySelector(".mobile-menu"); menu.classList.toggle("active"); /* icon swap */ btn.textContent = menu.classList.contains("active") ? "✕" : "☰"; } /* MOBILE SUBMENU */ function toggleSub(el, event) { event.stopPropagation(); /* close others */ document.querySelectorAll(".mobile-item.open") .forEach(item => { if (item !== el) { item.classList.remove("open"); } }); el.classList.toggle("open"); } /* DESKTOP TOUCH DROPDOWN */ function toggleDesktopDropdown(el, event) { event.stopPropagation(); /* ignore on mobile */ if (window.innerWidth <= 768) return; document.querySelectorAll(".nav-item.open") .forEach(item => { if (item !== el) { item.classList.remove("open"); } }); el.classList.toggle("open"); } /* CLICK OUTSIDE */ document.addEventListener("click", function(e) { /* desktop dropdown close */ if (!e.target.closest(".has-dropdown")) { document.querySelectorAll(".nav-item.open") .forEach(item => { item.classList.remove("open"); }); } /* mobile menu outside close */ document.querySelectorAll(".nav") .forEach(nav => { const menu = nav.querySelector(".mobile-menu"); const burger = nav.querySelector(".hamburger"); if ( menu.classList.contains("active") && !e.target.closest(".mobile-menu") && !e.target.closest(".hamburger") ) { menu.classList.remove("active"); burger.textContent = "☰"; } }); });

ABOUT ME

Hello! My name is Marco Pi. I am a Chinese-Canadian illustrator, animator, author, and musician. With a common theme in each role, my works aim to inspire others through storytelling, world-building, and immersion, allowing people to escape reality and dive into their imagination. My artwork showcases versatility in style, whether it may be anime, semi-realism, or realism. For my personal story/web-comic project, “Shatter Effect”, I take the role of working as a story writer, illustrator (concept art, character design, environmental design), and musician (composing theme songs, soundtracks).When I'm not drawing, you can find me playing music on my piano or guitar, or writing more literature on the side!You can contact me through my socials, or through my email here:email: [email protected]
portfolio: https://marcorooon.com
links: https://linktr.ee/marcorooon

Image

WANNA WORK TOGETHER?

Work

You have a project in mind? I would love to help you with it! If there is any work inquiries you wish to make, please direct it to my email:
[email protected]


Prints and Merch

Thank you for your interest!You can find my prints and merch on my online shop following this link:
https://acggoods.com/store/marcorooon


Image

Join the Club!

Subscribe to my newsletter to be updated on future product drops, events, artwork, and more plans to come!




About

FAQs

Prints and Merch


[email protected]



/* MOBILE MENU */ function toggleMenu(btn) { const nav = btn.closest(".nav"); const menu = nav.querySelector(".mobile-menu"); menu.classList.toggle("active"); /* icon swap */ btn.textContent = menu.classList.contains("active") ? "✕" : "☰"; } /* MOBILE SUBMENU */ function toggleSub(el, event) { event.stopPropagation(); /* close others */ document.querySelectorAll(".mobile-item.open") .forEach(item => { if (item !== el) { item.classList.remove("open"); } }); el.classList.toggle("open"); } /* DESKTOP TOUCH DROPDOWN */ function toggleDesktopDropdown(el, event) { event.stopPropagation(); /* ignore on mobile */ if (window.innerWidth <= 768) return; document.querySelectorAll(".nav-item.open") .forEach(item => { if (item !== el) { item.classList.remove("open"); } }); el.classList.toggle("open"); } /* CLICK OUTSIDE */ document.addEventListener("click", function(e) { /* desktop dropdown close */ if (!e.target.closest(".has-dropdown")) { document.querySelectorAll(".nav-item.open") .forEach(item => { item.classList.remove("open"); }); } /* mobile menu outside close */ document.querySelectorAll(".nav") .forEach(nav => { const menu = nav.querySelector(".mobile-menu"); const burger = nav.querySelector(".hamburger"); if ( menu.classList.contains("active") && !e.target.closest(".mobile-menu") && !e.target.closest(".hamburger") ) { menu.classList.remove("active"); burger.textContent = "☰"; } }); });

FANART


PERSONAL WORKS


BACKGROUNDS

RAMSKEWER - Katie Choi




About

FAQs

Prints and Merch


[email protected]



/* MOBILE MENU */ function toggleMenu(btn) { const nav = btn.closest(".nav"); const menu = nav.querySelector(".mobile-menu"); menu.classList.toggle("active"); /* icon swap */ btn.textContent = menu.classList.contains("active") ? "✕" : "☰"; } /* MOBILE SUBMENU */ function toggleSub(el, event) { event.stopPropagation(); /* close others */ document.querySelectorAll(".mobile-item.open") .forEach(item => { if (item !== el) { item.classList.remove("open"); } }); el.classList.toggle("open"); } /* DESKTOP TOUCH DROPDOWN */ function toggleDesktopDropdown(el, event) { event.stopPropagation(); /* ignore on mobile */ if (window.innerWidth <= 768) return; document.querySelectorAll(".nav-item.open") .forEach(item => { if (item !== el) { item.classList.remove("open"); } }); el.classList.toggle("open"); } /* CLICK OUTSIDE */ document.addEventListener("click", function(e) { /* desktop dropdown close */ if (!e.target.closest(".has-dropdown")) { document.querySelectorAll(".nav-item.open") .forEach(item => { item.classList.remove("open"); }); } /* mobile menu outside close */ document.querySelectorAll(".nav") .forEach(nav => { const menu = nav.querySelector(".mobile-menu"); const burger = nav.querySelector(".hamburger"); if ( menu.classList.contains("active") && !e.target.closest(".mobile-menu") && !e.target.closest(".hamburger") ) { menu.classList.remove("active"); burger.textContent = "☰"; } }); });



The discovery of a paranormal rift leads a selection of gifted individuals down a supernatural journey filled with interdimensional obstacles. What will be faced in the unknown? A self-made story project where I incorporate my practices of writing, illustrating, music composition, and more. Currently WIP.





About

FAQs

Prints and Merch


[email protected]



/* MOBILE MENU */ function toggleMenu(btn) { const nav = btn.closest(".nav"); const menu = nav.querySelector(".mobile-menu"); menu.classList.toggle("active"); /* icon swap */ btn.textContent = menu.classList.contains("active") ? "✕" : "☰"; } /* MOBILE SUBMENU */ function toggleSub(el, event) { event.stopPropagation(); /* close others */ document.querySelectorAll(".mobile-item.open") .forEach(item => { if (item !== el) { item.classList.remove("open"); } }); el.classList.toggle("open"); } /* DESKTOP TOUCH DROPDOWN */ function toggleDesktopDropdown(el, event) { event.stopPropagation(); /* ignore on mobile */ if (window.innerWidth <= 768) return; document.querySelectorAll(".nav-item.open") .forEach(item => { if (item !== el) { item.classList.remove("open"); } }); el.classList.toggle("open"); } /* CLICK OUTSIDE */ document.addEventListener("click", function(e) { /* desktop dropdown close */ if (!e.target.closest(".has-dropdown")) { document.querySelectorAll(".nav-item.open") .forEach(item => { item.classList.remove("open"); }); } /* mobile menu outside close */ document.querySelectorAll(".nav") .forEach(nav => { const menu = nav.querySelector(".mobile-menu"); const burger = nav.querySelector(".hamburger"); if ( menu.classList.contains("active") && !e.target.closest(".mobile-menu") && !e.target.closest(".hamburger") ) { menu.classList.remove("active"); burger.textContent = "☰"; } }); });

PROP DESIGN




About

FAQs

Prints and Merch


[email protected]



/* MOBILE MENU */ function toggleMenu(btn) { const nav = btn.closest(".nav"); const menu = nav.querySelector(".mobile-menu"); menu.classList.toggle("active"); /* icon swap */ btn.textContent = menu.classList.contains("active") ? "✕" : "☰"; } /* MOBILE SUBMENU */ function toggleSub(el, event) { event.stopPropagation(); /* close others */ document.querySelectorAll(".mobile-item.open") .forEach(item => { if (item !== el) { item.classList.remove("open"); } }); el.classList.toggle("open"); } /* DESKTOP TOUCH DROPDOWN */ function toggleDesktopDropdown(el, event) { event.stopPropagation(); /* ignore on mobile */ if (window.innerWidth <= 768) return; document.querySelectorAll(".nav-item.open") .forEach(item => { if (item !== el) { item.classList.remove("open"); } }); el.classList.toggle("open"); } /* CLICK OUTSIDE */ document.addEventListener("click", function(e) { /* desktop dropdown close */ if (!e.target.closest(".has-dropdown")) { document.querySelectorAll(".nav-item.open") .forEach(item => { item.classList.remove("open"); }); } /* mobile menu outside close */ document.querySelectorAll(".nav") .forEach(nav => { const menu = nav.querySelector(".mobile-menu"); const burger = nav.querySelector(".hamburger"); if ( menu.classList.contains("active") && !e.target.closest(".mobile-menu") && !e.target.closest(".hamburger") ) { menu.classList.remove("active"); burger.textContent = "☰"; } }); });

ANIMATION





About

FAQs

Prints and Merch


[email protected]



/* MOBILE MENU */ function toggleMenu(btn) { const nav = btn.closest(".nav"); const menu = nav.querySelector(".mobile-menu"); menu.classList.toggle("active"); /* icon swap */ btn.textContent = menu.classList.contains("active") ? "✕" : "☰"; } /* MOBILE SUBMENU */ function toggleSub(el, event) { event.stopPropagation(); /* close others */ document.querySelectorAll(".mobile-item.open") .forEach(item => { if (item !== el) { item.classList.remove("open"); } }); el.classList.toggle("open"); } /* DESKTOP TOUCH DROPDOWN */ function toggleDesktopDropdown(el, event) { event.stopPropagation(); /* ignore on mobile */ if (window.innerWidth <= 768) return; document.querySelectorAll(".nav-item.open") .forEach(item => { if (item !== el) { item.classList.remove("open"); } }); el.classList.toggle("open"); } /* CLICK OUTSIDE */ document.addEventListener("click", function(e) { /* desktop dropdown close */ if (!e.target.closest(".has-dropdown")) { document.querySelectorAll(".nav-item.open") .forEach(item => { item.classList.remove("open"); }); } /* mobile menu outside close */ document.querySelectorAll(".nav") .forEach(nav => { const menu = nav.querySelector(".mobile-menu"); const burger = nav.querySelector(".hamburger"); if ( menu.classList.contains("active") && !e.target.closest(".mobile-menu") && !e.target.closest(".hamburger") ) { menu.classList.remove("active"); burger.textContent = "☰"; } }); });

FAQs


What programs do you use?

As of now, I mainly use Procreate, Procreate Dreams — for my illustrations and animations, and Blender — for my 3D works!I do have Clip Studio Paint in my arsenal for my most desperate measures, but I prefer portability and simplicity.

How did you get good at art?

Truthfully, there is no shortcut to becoming a skilled artist.I spent many years developing my style, whilst looking at other artists that inspired me. There may be days where you feel unmotivated and unsatisfied with your work, but with determination and PRACTICE, you will overcome!

What brushes do you use?

I have too many brushes to count!However, my main arsenal of brushes consists of default Procreate round brushes, and a simple rake brush for smaller textures.
Personally, I think it is much more important to improve your techniques before compiling a bunch of brushes. With time, there is no doubt that you will find your own arsenal of brushes as well!

Where can I buy your merch and fanart?

You can find any of my keychains, photocards, and prints on my ACGGOODS website here.If you wish to be updated on any future releases like artwork, keychains, photocards, prints, etc… then you can subscribe to my newsletter below, or join my Discord server here!


Image

Join the Club!

Subscribe to my newsletter to be updated on future product drops, events, artwork, and more plans to come!




About

FAQs

Prints and Merch


[email protected]