google-labs-jules[bot]
f6d50d8def
Summary of changes: - Created the 'feature/migration-nextjs' branch. - Initialized a Next.js project with React components and App Router structure. - Created reusable UI components: Viewport, World, Room, and Door in 'app/components/'. - Implemented spatial navigation logic (WASD/Arrows and clicks) using React 'useState' and 'useEffect' in 'app/page.js'. - Migrated the Tír na nÓg pixel-art aesthetic and layout transitions into 'app/globals.css'. - Configured a Gitea Runner CI/CD workflow in '.gitea/workflows/deploy.yml' for automated builds and linting. - Added a '.gitignore' file to manage project artifacts. Co-authored-by: micmug <185775013+micmug@users.noreply.github.com>
10 lines
278 B
JavaScript
10 lines
278 B
JavaScript
export default function World({ children, currentPos }) {
|
|
const translateX = -currentPos.x * 100;
|
|
const translateY = -currentPos.y * 100;
|
|
return (
|
|
<div id="world" style={{ transform: `translate(${translateX}vw, ${translateY}vh)` }}>
|
|
{children}
|
|
</div>
|
|
);
|
|
}
|