6
6
<img src =" https://img.shields.io/badge/ThreeJS-r166-%23049EF4?logo=threedotjs&labelColor=%2335495E&logoColor=white " >
7
7
</p >
8
8
9
- A WebGL side- project using VueJS and ThreeJS! <br >
9
+ A WebGL project using VueJS and ThreeJS! <br >
10
10
Lagrange is a browser application to help you create your own planets, using procedural noise as a foundation to build upon.
11
11
12
- _ (** important note:** this is something I am working on during my free time, which means that update frequency will vary!)_
13
-
14
12
** 🪐✨ [ Check out the app here!] ( https://lagrange.eepyberry.me ) ✨🪐**
15
13
14
+ _ (** note:** this is something I am working on during my free time, which means that update frequency will vary!)_
15
+
16
+ ## 🚀 Latest version: "Ecosystems"!
17
+
18
+ <ul >
19
+ <li >⭐ Introduces a fully fledged <strong >biome system</strong >, using temperature- & humidity-based positioning!</li >
20
+ <li >⭐ Surface noise now works properly Linux-based browsers!</li >
21
+ <li >⭐ Smaller performance fixes all around, including fewer GLSL uniforms & varyings!</li >
22
+ </ul >
23
+
24
+ ## 🖼️ Showcase
25
+
26
+ <div align =" center " >
27
+ <img width =" 33% " src =" https://github.com/user-attachments/assets/937ec6c2-6969-49fa-a32c-856a759524f0 " title =" Kormeg " alt =" planet:Kormeg " >
28
+ <img width =" 33% " src =" https://github.com/user-attachments/assets/73345f0a-43d9-4055-9366-3150f499502f " title =" Meriana " alt =" planet:Meriana " >
29
+ <img width =" 33% " src =" https://github.com/user-attachments/assets/7f20e7d1-a390-4050-8df6-3e8b5f1a6145 " title =" Hoven " alt =" planet:Hoven " >
30
+ </div >
31
+ <div align =" center " >
32
+ <img width =" 33% " src =" https://github.com/user-attachments/assets/94951339-dc6f-4f68-9ef2-259cc7b585eb " title =" Rakken IV " alt =" planet:Rakken IV " >
33
+ <img width =" 33% " src =" https://github.com/user-attachments/assets/9309ad14-6de0-4dc8-a37b-5b617395baf4 " title =" Rilgar " alt =" planet:Rilgar " >
34
+ <img width =" 33% " src =" https://github.com/user-attachments/assets/476c8706-88a7-49c2-a6d2-2cd152207496 " title =" Xu'Alatl " alt =" planet:Xu'Alatl " >
35
+ </div >
36
+
37
+ ## ⚠️ Requirements
38
+
39
+ ** IMPORTANT:** to properly run the application, [ ** WebGL 2.0 browser support** ] ( https://get.webgl.org/webgl2/ ) is required! <br >
40
+ The following website will give you more information on your WebGL capabilites: [ ** WebGL Report** ] ( https://webglreport.com/?v=2 )
41
+
42
+ Please check both of them thoroughly before submitting an issue, thanks! <3
43
+
16
44
## ⚙️ Installation & building
17
45
18
46
For more details on the commands themselves, check the [ package.json] ( https://github.com/EepyBerry/lagrange/blob/main/package.json ) file.
@@ -34,27 +62,27 @@ Building is done with the following command:
34
62
35
63
Vite copies the output to the ` dist ` folder, creating it first if need be.
36
64
37
- ## 📋 Current Features
65
+ ## 📋 Current feature set
38
66
39
- ### Codex
67
+ ### Codex (landing page)
40
68
41
- - 📋 Create, import & export your planets! (now set as the landing page)
69
+ - 📋 Create, import & export your planets!
42
70
- 🔎 See previews of your creations!
43
71
44
72
### Editor
45
73
46
74
- ☀️ ** Lighting parameters!** (sunlight, ambient light)
47
- - 🌍 ** Planet & Rendering parameters!** (transform, PBR, water level)
48
- - 🗺️ ** Surface parameters!** (bumps , noise settings, color)
49
- - ⛰️ ** Biome parameters!** (🚧 poles )
50
- - ☁️ ** Clouds parameters!** (transform, color, opacity)
51
- - 🌈 ** Atmosphere parameters!** (density, color)
75
+ - 🌍 ** Planet & Rendering parameters!** (transform, water level, PBR settings )
76
+ - 🗺️ ** Surface parameters!** (bump mapping , noise settings, color ramp )
77
+ - ⛰️ ** Biome parameters!** (temperature/humidity mapping, per-biome min/max values & color )
78
+ - ☁️ ** Clouds parameters!** (transform, color, opacity ramp )
79
+ - 🌈 ** Atmosphere parameters!** (density, color mixing modes )
52
80
53
81
## ⏰ Planned features
54
82
55
- - More biomes!
56
83
- Cracks & Craters!
57
84
- Gas Giants!
85
+ - Rings & Asteroid belts!
58
86
- _ Galactic Map_ , to organize them around stars!
59
87
60
88
## ✨ Inspirations
0 commit comments