@crapthings/run3d 0.1.1 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +41 -3
- package/package.json +4 -3
- package/template/package.json +20 -4
- package/template/pnpm-lock.yaml +1056 -54
- package/template/src/main.jsx +1 -0
package/README.md
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
# run3d
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
JavaScript, Vite, React Three Fiber, Drei, and Tailwind CSS — with a grid and a box to start with.
|
|
3
|
+
Create a 3D project in one command. The starter scene has a grid and a box ready to edit.
|
|
5
4
|
|
|
6
5
|
## Usage
|
|
7
6
|
|
|
@@ -13,4 +12,43 @@ cd my-project
|
|
|
13
12
|
pnpm dev
|
|
14
13
|
```
|
|
15
14
|
|
|
16
|
-
Edit `src/Scene.jsx`
|
|
15
|
+
Edit `src/Scene.jsx` to make it your own. To install dependencies later, add `--skip-install` to the first command.
|
|
16
|
+
|
|
17
|
+
## Included tools
|
|
18
|
+
|
|
19
|
+
### App foundation
|
|
20
|
+
|
|
21
|
+
- Vite — runs the development server and builds the app.
|
|
22
|
+
- React and React DOM — build and render the app UI.
|
|
23
|
+
|
|
24
|
+
### 3D scenes
|
|
25
|
+
|
|
26
|
+
- Three.js — renders 3D scenes.
|
|
27
|
+
- pmndrs/math — provides math utilities for 3D work.
|
|
28
|
+
- Postprocessing — applies visual effects to rendered scenes.
|
|
29
|
+
- React Three Fiber — lets you build Three.js scenes with React.
|
|
30
|
+
- Drei — provides ready-made 3D helpers and controls.
|
|
31
|
+
- GSAP — animates scene and UI properties with timelines.
|
|
32
|
+
- `@react-three/postprocessing` — uses postprocessing effects as React components.
|
|
33
|
+
- R3F-Perf — monitors rendering performance while developing.
|
|
34
|
+
|
|
35
|
+
### Worlds and movement
|
|
36
|
+
|
|
37
|
+
- FastNoiseLite — generates procedural 2D and 3D noise.
|
|
38
|
+
- Three Hex Tiling — reduces visible repetition in tiled textures.
|
|
39
|
+
- Recast Navigation — generates navmeshes and finds paths.
|
|
40
|
+
- `@recast-navigation/three` — connects Recast Navigation to Three.js scenes.
|
|
41
|
+
- Navcat — builds and queries navmeshes in pure JavaScript, with Three.js helpers.
|
|
42
|
+
- React Three Rapier — adds physics and collisions.
|
|
43
|
+
|
|
44
|
+
### Data and state
|
|
45
|
+
|
|
46
|
+
- D3 — provides data scales, layouts, and visualizations.
|
|
47
|
+
- Zustand — manages React app state.
|
|
48
|
+
- Koota — manages game state with entities and components.
|
|
49
|
+
|
|
50
|
+
### Interface
|
|
51
|
+
|
|
52
|
+
- React Router — connects URLs to pages and handles navigation.
|
|
53
|
+
- Tailwind CSS — styles the app.
|
|
54
|
+
- Floating UI — positions menus, tooltips, and popovers.
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"publishConfig": {
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
|
-
"version": "0.
|
|
6
|
+
"version": "0.2.1",
|
|
7
7
|
"description": "Create a minimal Vite, React Three Fiber, and Drei Grid starter project",
|
|
8
8
|
"type": "module",
|
|
9
9
|
"bin": {
|
|
@@ -24,10 +24,11 @@
|
|
|
24
24
|
"node": "^20.19.0 || >=22.12.0"
|
|
25
25
|
},
|
|
26
26
|
"scripts": {
|
|
27
|
-
"lint": "standard \"bin/**/*.js\" \"test/**/*.js\" \"template/src/**/*.{js,jsx}\" template/vite.config.js",
|
|
27
|
+
"lint": "standard \"bin/**/*.js\" \"scripts/**/*.js\" \"test/**/*.js\" \"template/src/**/*.{js,jsx}\" template/vite.config.js",
|
|
28
28
|
"lint:fix": "pnpm lint --fix",
|
|
29
29
|
"test": "node --test",
|
|
30
|
-
"pack:check": "npm pack --dry-run"
|
|
30
|
+
"pack:check": "npm pack --dry-run",
|
|
31
|
+
"release": "node scripts/release.js"
|
|
31
32
|
},
|
|
32
33
|
"keywords": [
|
|
33
34
|
"vite",
|
package/template/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"private": true,
|
|
4
4
|
"version": "0.0.0",
|
|
5
5
|
"type": "module",
|
|
6
|
-
"packageManager": "pnpm@
|
|
6
|
+
"packageManager": "pnpm@12.4.1",
|
|
7
7
|
"engines": {
|
|
8
8
|
"node": "^20.19.0 || >=22.12.0"
|
|
9
9
|
},
|
|
@@ -13,15 +13,31 @@
|
|
|
13
13
|
"preview": "vite preview"
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
|
+
"@floating-ui/react": "^0.27.20",
|
|
16
17
|
"@react-three/drei": "^10.7.8",
|
|
17
18
|
"@react-three/fiber": "^9.7.0",
|
|
18
|
-
"react": "
|
|
19
|
-
"react-
|
|
20
|
-
"three": "^0.
|
|
19
|
+
"@react-three/postprocessing": "^3.1.1",
|
|
20
|
+
"@react-three/rapier": "^2.2.0",
|
|
21
|
+
"@recast-navigation/three": "^0.43.1",
|
|
22
|
+
"d3": "^7.9.0",
|
|
23
|
+
"fastnoise-lite": "^1.1.1",
|
|
24
|
+
"gsap": "^3.15.0",
|
|
25
|
+
"koota": "^0.6.6",
|
|
26
|
+
"math": "0.1.0",
|
|
27
|
+
"navcat": "^0.4.1",
|
|
28
|
+
"postprocessing": "^6.39.5",
|
|
29
|
+
"react": "19.2.8",
|
|
30
|
+
"react-dom": "19.2.8",
|
|
31
|
+
"react-router": "^7.18.3",
|
|
32
|
+
"recast-navigation": "^0.43.1",
|
|
33
|
+
"three": "^0.186.0",
|
|
34
|
+
"three-hex-tiling": "^0.1.5",
|
|
35
|
+
"zustand": "^5.0.15"
|
|
21
36
|
},
|
|
22
37
|
"devDependencies": {
|
|
23
38
|
"@tailwindcss/vite": "^4.3.3",
|
|
24
39
|
"@vitejs/plugin-react": "^6.1.1",
|
|
40
|
+
"r3f-perf": "^7.2.3",
|
|
25
41
|
"tailwindcss": "^4.3.3",
|
|
26
42
|
"vite": "^8.3.0"
|
|
27
43
|
}
|