Svelte 3D Portfolio

Simple portfolio build with Svelte and THREE.js.

This is not a "real" portfolio, I made it for educational purposes, also this is a work in progress 🚧

Anyway, feel free to take my code and adapt it for your own porfolio 😉

Steps for (future) tutorial

• Create project
• Setup sveltekit
• Draw cube + camera + orbit
• explain lights / materials / textures
• add scrollview + html + rotation animation
• load 3d model
• show click/hover (miaou)
• postprocess (dof, etc.)

TODO

• Add random flying object
• Check seo
• Handle loading
• fadeout sections

Credits

• Framework: https://svelte.dev/
• 3d library: https://threlte.xyz/
• Env maps: https://hdri-haven.com/
• 3d models: https://sketchfab.com/