rewrite chapter 7 in Vite and r3f

algoritmau · Mar 20, 2023 · b8822cb · b8822cb
1 parent 444e801
commit b8822cb
Show file tree

Hide file tree

Showing 35 changed files with 2,166 additions and 6,701 deletions.
diff --git a/07 Cameras/Vite/.gitignore b/07 Cameras/Vite/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/07 Cameras/Vite/.nvmrc b/07 Cameras/Vite/.nvmrc
@@ -0,0 +1 @@
+18.14.2
diff --git a/07 Cameras/Vite/README.md b/07 Cameras/Vite/README.md
@@ -0,0 +1,18 @@
+# 07. Cameras
+
+I've set up a custom Vite config to use TypeScript and Sass.
+
+## Setup
+
+Run this following commands to install the dependencies, start the development server, and build for production:
+
+```bash
+# Install dependencies (only the first time)
+pnpm install
+
+# Run the local server at localhost:5173
+pnpm dev
+
+# Build for production in the dist/ directory
+pnpm build
+```
diff --git a/07 Cameras/Vite/index.html b/07 Cameras/Vite/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/svg+xml" href="/threejs-journey-logo.svg" />
+    <title>04 - Local Server</title>
+  </head>
+  <body>
+    <canvas id="webgl"></canvas>
+
+    <script src="/src/index.ts" type="module"></script>
+  </body>
+</html>
diff --git a/07 Cameras/Vite/package.json b/07 Cameras/Vite/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "vite-local-server",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "@types/three": "^0.149.0",
+    "gsap": "^3.11.4",
+    "sass": "^1.58.3",
+    "typescript": "^4.9.3",
+    "vite": "^4.1.0"
+  },
+  "dependencies": {
+    "three": "^0.150.1"
+  }
+}