[READ-ONLY] Mirror of https://github.com/flo-bit/flo-bit.github.io. my personal website, w/ astro, svelte, tailwind, typescript, threlte flo-bit.dev/
portfolio portfolio-website svelte sveltekit tailwind threejs threlte typescript
0

Configure Feed

Select the types of activity you want to include in your feed.

add tiny-creature project

+41 -1
src/assets/projects/tiny-creature/image1.png

This is a binary file and will not be displayed.

src/assets/projects/tiny-creature/image2.png

This is a binary file and will not be displayed.

src/assets/projects/tiny-creature/image3.png

This is a binary file and will not be displayed.

src/assets/projects/tiny-creature/image4.png

This is a binary file and will not be displayed.

src/assets/projects/tiny-creature/thumbnail.png

This is a binary file and will not be displayed.

src/assets/projects/tiny-creature/video-thumbnail.mp4

This is a binary file and will not be displayed.

+1 -1
src/components/Hero/3D/Planet.svelte
··· 8 8 9 9 let presets = ['forest', 'beach', 'snowForest']; 10 10 11 - let planet = new Planet(planetPresets['snowForest']); 11 + let planet = new Planet(planetPresets['forest']); 12 12 let planetMesh = suspend(planet.create()); 13 13 14 14 export const redo = async () => {
+6
src/components/Learning/Learning.svelte
··· 9 9 10 10 const learnings: Learning[] = [ 11 11 { 12 + title: "local first and crdts", 13 + description: 14 + "working with roomy.chat and the stuff its built on.", 15 + date: "2025-04", 16 + }, 17 + { 12 18 title: "bluesky api and at protocol", 13 19 description: 14 20 "built way to many bluesky visualizations. lots of fun.",
+34
src/content/projects/tiny-creature.mdx
··· 1 + --- 2 + name: 'tiny creature' 3 + date: '2025-02-28' 4 + featured: true 5 + 6 + thumbnail: '/src/assets/projects/tiny-creature/thumbnail.png' 7 + video: '/src/assets/projects/tiny-creature/video-thumbnail.mp4' 8 + 9 + aspect: 'aspect-[9/10]' 10 + projectUrl: 'https://flo-bit.dev/tiny-creature/' 11 + codeUrl: 'https://github.com/flo-bit/tiny-creature' 12 + 13 + tags: 14 + - 'svelte' 15 + - '3d' 16 + - 'threlte' 17 + 18 + mainTags: 19 + - 'threlte' 20 + - 'prototype' 21 + 22 + images: 23 + - '/src/assets/projects/tiny-creature/image1.png' 24 + - '/src/assets/projects/tiny-creature/image2.png' 25 + - '/src/assets/projects/tiny-creature/image3.png' 26 + - '/src/assets/projects/tiny-creature/image4.png' 27 + --- 28 + import ProjectGrid from "$components/ProjectPages/ProjectGrid.astro"; 29 + 30 + <ProjectGrid project={frontmatter}> 31 + My submission for the [#16 threejs-journey challenge](https://threejs-journey.com/challenges/016-tamagotchi). 32 + 33 + Playing around a bit with render targets, mixing three.js and pixi.js and TSL. 34 + </ProjectGrid>