@benjos/create-boilerplate 1.5.0 → 1.5.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
CHANGED
|
@@ -19,15 +19,16 @@ npm create @benjos/boilerplate@latest .
|
|
|
19
19
|
|
|
20
20
|
Choose your framework:
|
|
21
21
|
- **Vanilla** → Three.js + TypeScript + HTML views
|
|
22
|
-
- **
|
|
22
|
+
- **Vue** → Three.js + TypeScript + Vue components
|
|
23
23
|
|
|
24
24
|
Both templates include:
|
|
25
25
|
- ⚡ Vite for fast development
|
|
26
26
|
- 🎨 GLSL shader support (vite-plugin-glsl)
|
|
27
|
-
- 🐛 Debug mode with lil-gui
|
|
28
|
-
- 📦
|
|
29
|
-
-
|
|
30
|
-
- 🎭 Three.js
|
|
27
|
+
- 🐛 Debug mode with lil-gui (DebugManager)
|
|
28
|
+
- 📦 Singleton-based manager architecture (Loader, Debug, Assets, Raycaster, etc.)
|
|
29
|
+
- 🔄 Lazy loading with animated transitions between views
|
|
30
|
+
- 🎭 Multi-view system (HTML views + Three.js views with dispose/cleanup)
|
|
31
|
+
- 🎬 ThreeApp architecture (LoaderThreeApp, MainThreeApp)
|
|
31
32
|
- 📝 TypeScript + ESLint + Prettier
|
|
32
33
|
|
|
33
34
|
## 🔧 Development
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "template-react",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.1",
|
|
4
4
|
"lockfileVersion": 3,
|
|
5
5
|
"requires": true,
|
|
6
6
|
"packages": {
|
|
7
7
|
"": {
|
|
8
8
|
"name": "template-react",
|
|
9
|
-
"version": "1.5.
|
|
9
|
+
"version": "1.5.1",
|
|
10
10
|
"dependencies": {
|
|
11
11
|
"@dimforge/rapier3d": "^0.19.3",
|
|
12
12
|
"gsap": "^3.14.2",
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "template-vanilla",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.1",
|
|
4
4
|
"lockfileVersion": 3,
|
|
5
5
|
"requires": true,
|
|
6
6
|
"packages": {
|
|
7
7
|
"": {
|
|
8
8
|
"name": "template-vanilla",
|
|
9
|
-
"version": "1.5.
|
|
9
|
+
"version": "1.5.1",
|
|
10
10
|
"dependencies": {
|
|
11
11
|
"@benjos/cookware": "^1.0.4",
|
|
12
12
|
"@benjos/spices": "^1.0.1",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
# 🎨 Three.js Boilerplate
|
|
1
|
+
# 🎨 Three.js Vanilla Boilerplate
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Three.js + Vite + TypeScript boilerplate with a singleton-based architecture.
|
|
4
4
|
|
|
5
5
|
## 🚀 Quick Start
|
|
6
6
|
|
|
@@ -12,19 +12,22 @@ npm run dev
|
|
|
12
12
|
## ✨ Features
|
|
13
13
|
|
|
14
14
|
- Three.js + Vite + TypeScript
|
|
15
|
-
- GLSL
|
|
16
|
-
-
|
|
17
|
-
-
|
|
15
|
+
- GLSL shader support (vite-plugin-glsl)
|
|
16
|
+
- Singleton-based manager architecture (DebugManager, LoaderManager, ThreeAssetsManager, etc.)
|
|
17
|
+
- Lazy loading with animated transitions between views
|
|
18
|
+
- Multi-view system with HTML views and Three.js views (init/reset/dispose lifecycle)
|
|
19
|
+
- ThreeApp layer (LoaderThreeApp, MainThreeApp) for scene orchestration
|
|
20
|
+
- Camera controller system with base classes (MainThreeCameraController, DebugThreeCameraController)
|
|
18
21
|
- ESLint + Prettier
|
|
19
22
|
|
|
20
23
|
## 🐛 Debug Mode
|
|
21
24
|
|
|
22
25
|
Add `#debug` to URL: `http://localhost:5173/#debug`
|
|
23
26
|
|
|
24
|
-
- `Shift + H` → Toggle UI
|
|
25
|
-
- `Shift + C` →
|
|
26
|
-
- `Shift + W` →
|
|
27
|
-
- `Ctrl + Click` → Center on object
|
|
27
|
+
- `Shift + H` → Toggle debug UI + perf monitor
|
|
28
|
+
- `Shift + C` → Toggle debug camera (OrbitControls)
|
|
29
|
+
- `Shift + W` → Toggle wireframe
|
|
30
|
+
- `Ctrl + Click` → Center camera on object
|
|
28
31
|
|
|
29
32
|
## 📄 License
|
|
30
33
|
|