const { useEffect, useRef, useState } = React; /* ————————————————————————————————— Reveal on scroll */ function useReveal() { useEffect(() => { const els = document.querySelectorAll(".r"); const vh = window.innerHeight; els.forEach((el) => { const r = el.getBoundingClientRect(); if (r.top < vh * 0.95) el.classList.add("in"); }); const io = new IntersectionObserver( (entries) => entries.forEach((e) => { if (e.isIntersecting) { e.target.classList.add("in"); io.unobserve(e.target); } }), { threshold: 0, rootMargin: "0px 0px -8% 0px" } ); els.forEach((el) => { if (!el.classList.contains("in")) io.observe(el); }); return () => io.disconnect(); }, []); } /* ————————————————————————————————— Parallax for key art */ function useParallax() { const [y, setY] = useState(0); useEffect(() => { const f = () => setY(Math.min(window.scrollY, 900)); window.addEventListener("scroll", f, { passive: true }); return () => window.removeEventListener("scroll", f); }, []); return y; } /* ————————————————————————————————— SVG key-art: sea at night with ship + fog + lantern Layered, atmospheric, minimal — not trying to be realistic. */ function KeyArt({ scroll = 0 }) { // Theatrical interior — heavy velvet drapes parted around a warm violet-green glow. // Reads as intimate, adult drama — not horror. Minimal, stylised, not literal. const oGlow = scroll * 0.05; const oDrapeL = scroll * 0.12; const oDrapeR = scroll * 0.12; const oFloor = scroll * 0.2; // Vertical pleat path for a drape panel const pleat = (x0, x1, yTop, yBot, folds) => { const w = x1 - x0; const step = w / folds; let d = `M ${x0} ${yTop} `; for (let i = 0; i <= folds; i++) { const x = x0 + i * step; const depth = (i % 2 === 0) ? 0 : 18; d += `L ${x} ${yBot - depth} `; } d += `L ${x1} ${yTop} Z`; return d; }; return ( ); } /* ————————————————————————————————— Nav */ function Nav() { const [scrolled, setScrolled] = useState(false); useEffect(() => { const f = () => setScrolled(window.scrollY > 40); window.addEventListener("scroll", f, { passive: true }); return () => window.removeEventListener("scroll", f); }, []); return ( ); } /* ————————————————————————————————— Hero */ function Hero() { const y = useParallax(); return (

Independent Studio · Est. 2025

Wicked Tales Interactive

Adult visual novels for readers who stay for the story.

01 / Wicked Tales Interactive Scroll Adults · 18+

); } /* ————————————————————————————————— Studio */ function Studio() { return (

01/ The Studio

A small studio making adult visual novels, written for readers first.

We write before we build. The prose is the engine — every scene, every choice, every silence is drafted on the page.

We are a small independent studio founded in 2025. We work slowly. We believe adult narrative deserves the same craft as any other form: characters with interior lives, worlds built by the sentence, scenes written rather than assembled.

We answer to no one but the story.

); } /* ————————————————————————————————— Featured project cover Put a file at assets/pirate-privates-loot/cover.jpg (or .png / .webp) and it will replace the stylised SVG fallback. */ const PROJECT_COVER_SRC = "assets/pirate-privates-loot/cover.webp"; function ProjectCover() { const [hasImg, setHasImg] = React.useState(null); // null = unknown, true/false = checked React.useEffect(() => { const img = new Image(); img.onload = () => setHasImg(true); img.onerror = () => setHasImg(false); img.src = PROJECT_COVER_SRC; }, []); if (hasImg) { return (

Early Access

Chapters I – III
Now playing

); } return (

Early Access

Chapters I – III
Now playing

); } function Work() { return (

02/ Current Work

One voyage, already in the water.

Pirate Privates Loot

An adult visual novel set in the world of One Piece. Join the Straw Hats and sail the Grand Line one city at a time — from Shells Town to Syrup Village to the Baratie — as your choices shape trust, affection, and respect with each crewmate.

Full date system with layered events and minigames woven into the story. Take Nami on a beach picnic, a bar night, or a luxury dinner — what you say and how you read the moment decides the ending. Available in English, Spanish, French, Italian & Portuguese, with regular updates.

FormVisual Novel

StatusEarly Access

RatingAdults · 18+

ChaptersI – III Live

Play / Learn more →

); } /* ————————————————————————————————— Principles */ const IconQuill = () => ( ); const IconLamp = () => ( ); const IconFog = () => ( ); function Principles() { const items = [ { icon: , n: "i.", h: <>Narrative craft., p: "Prose is the engine. We write scenes rather than scripts and revise until the sentences carry their own weight." }, { icon: , n: "ii.", h: <>Mature, not exploitative., p: "Adult material earns its place by the same rules as every other scene: it tells us who these people are." }, { icon: , n: "iii.", h: <>Atmosphere over spectacle., p: "Mood, weather, silence. We'd rather build a room you can feel than a cinematic you can't remember." }, ]; return (

03/ Principles

Three rules. No manifesto wall.

{items.map((it) => (

{it.icon}{it.n}

{it.h}

{it.p}

))}

); } /* ————————————————————————————————— Community */ const IconPatreon = () => ( ); const IconItch = () => ( ); function Community() { return (

04/ Correspondence

Follow the voyage.

New chapters, design notes, and the occasional postcard from port.

Patreon itch.io

All characters depicted are fictional adults 18+. Fan-made. Not affiliated with original rights holders.

); } function Footer() { return ( ); } function App() { useReveal(); return ( <>