r3f-logos

Simple Three.js Experience with R3F and logos.

🧪 v0.1.0 〢 🔗 Live Demo

---

---

💾 Installation

👇 Install the following packages

yarn

🥑 Usage 〢 Get Started

👇 Start or Build the application

yarn start
# Or
yarn preview

👉 Go to http://localhost:3000/r3f-logos/

💾 Code Clean

yarn lint        # Run linter global
yarn format      # Run prettier format

🚀 Deploy on Gh-pages

yarn build && yarn deploy
# yarn deploy -- -m "Deploy to GitHub Pages"

⚙️ Config vite ⚡

Change config in vite.config.vue if you want:

export default defineConfig({
  base: '/r3f-logos/', // Adapt it ! (just for GH-PAGES)
  server: {
    port: 3000 // Default 3000: Adapt it !
  }
  // ...stuff...
})

Reminder 📦:

# update dependencies. need existing yarn.lock file
yarn upgrade-interactive

---

💾 Ecosystem

• Node.js v18.0 min 📦
• Three.js v0.145.0 📦
• Powered with Vite 📦
• vite-plugin-glsl Simple Shaders support (glsl) 🎨
• @react-three/fiber React renderer for threejs
• @react-three/drei useful helpers for react-three-fiber
• react-spring a spring-physics-based animation library
• leva` create GUI controls in seconds

---

👋🏻: Have Fun 🍻 🦝 vinces.io 〢 🐙 @Sp0ne

---