travelling-salesman Svelte Themes

Travelling Salesman

A fun little 3d-gfx project created with Svelte / SvelteKit, plus the Threlte / Three.js WebGL libraries.

travelling salesman

a svelte, svelteKit and threlte (three.js) demo project.

URL: Traveling Salesman

preview

finished

  • refactor header into component
  • update meta data + cleanup
  • refactor sections into section components
  • incorporate/work with tweened from svelte/motion (read doc: https://svelte.dev/tutorial/tweened)
  • menu items + finish nav bar
  • dynamically display components based on state
  • brainstorm game state logic
  • finish game state logic
  • work on logic for scoring system(?)
  • use svelte stores to store state (https://svelte.dev/tutorial/writable-stores)
  • add new camera poistion props to store later
  • fix styling issues
  • add camera pos props and store
  • zooming capabilities
  • animation to camera target
  • add links to my socials
  • update models and add new ones
  • rethink geo
  • netlify adapter/package and config for deploying
  • fix directional lighting shadows Issue
    • issue related to frustrum size / shadow-camera / scene-size

in progress

  • optimize performance for older iPhones (6/7)
    • instancing of geometry?

setup project

# install node_modules
npm install
# run dev server
npm run dev

# build production version
npm run build

make sure the correct adapter is set up! (Netlify/Vercel/etc)

Top categories

Loading Svelte Themes