lucidia/lucidia-earth
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Upgrade to 529k triangle model: 256x256 sphere resolution (65,536 vertices) for ultra-smooth Earth

Browse Source
This commit is contained in:
Alexa Louise
2025-12-22 14:28:46 -06:00
parent 251074ef6f
commit 660215300d
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
index.html
View File

@@ -722,12 +722,12 @@
waterLevel: 0 waterLevel: 0
}; };
// Initialize terrain data structure // Initialize terrain data structure (will be sized dynamically)
let terrainData = { let terrainData = {
heights: [], heights: [],
biomes: [], biomes: [],
width: TERRAIN.segments + 1, width: 257, // 256 + 1
height: TERRAIN.segments + 1 height: 257
}; };
function init() { function init() {
@@ -807,11 +807,11 @@
} }
function generateTerrain() { function generateTerrain() {
const { segments } = TERRAIN;
const EARTH_RADIUS = 150; // Base radius for Earth sphere const EARTH_RADIUS = 150; // Base radius for Earth sphere
const MAX_ELEVATION = 2; // Max elevation change (realistic Earth proportions) const MAX_ELEVATION = 2; // Max elevation change (realistic Earth proportions)
const SPHERE_RESOLUTION = 256; // 256x256 = 65,536 vertices = ~529k triangles!
const geo = new THREE.SphereGeometry(EARTH_RADIUS, segments, segments); const geo = new THREE.SphereGeometry(EARTH_RADIUS, SPHERE_RESOLUTION, SPHERE_RESOLUTION);
const pos = geo.attributes.position.array; const pos = geo.attributes.position.array;
const colors = new Float32Array(pos.length); const colors = new Float32Array(pos.length);
@@ -848,8 +848,8 @@
// Store height for this vertex // Store height for this vertex
const idx = i / 3; const idx = i / 3;
const row = Math.floor(idx / (segments + 1)); const row = Math.floor(idx / (SPHERE_RESOLUTION + 1));
const col = idx % (segments + 1); const col = idx % (SPHERE_RESOLUTION + 1);
if (!terrainData.heights[row]) terrainData.heights[row] = []; if (!terrainData.heights[row]) terrainData.heights[row] = [];
if (!terrainData.biomes[row]) terrainData.biomes[row] = []; if (!terrainData.biomes[row]) terrainData.biomes[row] = [];
@@ -922,9 +922,9 @@
} }
function createWater() { function createWater() {
// Spherical ocean layer // Spherical ocean layer (high-res for smooth appearance)
const EARTH_RADIUS = 150; const EARTH_RADIUS = 150;
const waterGeo = new THREE.SphereGeometry(EARTH_RADIUS * 0.998, 64, 64); // Slightly smaller than terrain const waterGeo = new THREE.SphereGeometry(EARTH_RADIUS * 0.998, 128, 128); // Slightly smaller than terrain
const waterMat = new THREE.MeshStandardMaterial({ const waterMat = new THREE.MeshStandardMaterial({
color: 0x1a5fb4, color: 0x1a5fb4,
transparent: true, transparent: true,