triptych / endigo-design

The portfolio of Chris Simmons

Endigo Design

• View the Live Site
• Dev Blog

About the Project

This project is the portfolio website for Chris Simmons. It features two display modes:

1. An interactive game-like experience. This works similar to 2D top-down perspective RPG games like Zelda or Pokemon.
2. A traditional website with standard navigation. Works exactly as you might imagine.

Either method will let you explore and learn more about me and projects I've contributed to.

Implementation

Tech Stack

• Svelte/Kit - frontend framework
• Pixi.js - canvas/webGL rendering
• Tailwind CSS
• Howler.js - audio library
• AWS S3 - static hosting
• AWS Cloudfront - CDN (site + assets)

Design

• Aseprite - for pixel art
• Tiled map Editor - for tilemap generation

Project Structure

/static - static assets (images, json, etc)
/src
    /lib
        /components - Svelte components
        /data - local data, in JSON-like format
        /game - game classes
            /effects - for visual game effect
            /objects - for game objects (entities)
        store.js - Svelte stores and global state
    /routes - app page routing
    app.css - global stylesheet

Contact Me

If you're trying to get in touch with me, try any of the methods listed below.

• Github
• LinkedIn
• Twitter
• Medium
• Email

Attribution

• Music by Bensmir - via Itch.io

---

Developement

Start a Local Server

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

To build for Production

npm run build

NOTE: check the notes in svelte.config.js if you run into build errors.

To run a preview server of the build:

npm run build
npm run preview