tune setting defaults
All checks were successful
Deploy to GitHub Pages / deploy (push) Has been skipped
All checks were successful
Deploy to GitHub Pages / deploy (push) Has been skipped
This commit is contained in:
25
src/main.js
25
src/main.js
@@ -35,8 +35,7 @@ const SETTINGS = {
|
|||||||
shadows: true,
|
shadows: true,
|
||||||
antialias: true,
|
antialias: true,
|
||||||
maxPixelRatio: 1.0, // lower == more blurry, 2 or 3 for high res
|
maxPixelRatio: 1.0, // lower == more blurry, 2 or 3 for high res
|
||||||
materialType: 'standard', // or 'standard'
|
farClip: 6000, // view distance limit
|
||||||
farClip: 9000, // view distance limit
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -188,7 +187,7 @@ function updateBuildingColors() {
|
|||||||
function setupScene() {
|
function setupScene() {
|
||||||
scene = new THREE.Scene();
|
scene = new THREE.Scene();
|
||||||
scene.background = new THREE.Color(SETTINGS.colors.background);
|
scene.background = new THREE.Color(SETTINGS.colors.background);
|
||||||
scene.fog = new THREE.FogExp2(SETTINGS.colors.background, 0.0002);
|
scene.fog = new THREE.FogExp2(SETTINGS.colors.background, 0.0003);
|
||||||
|
|
||||||
camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, SETTINGS.graphics.farClip);
|
camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, SETTINGS.graphics.farClip);
|
||||||
camera.position.set(0, 800, 800);
|
camera.position.set(0, 800, 800);
|
||||||
@@ -380,21 +379,11 @@ function renderCity(data) {
|
|||||||
mergedGeometry.setAttribute('color', new THREE.BufferAttribute(colors, 3));
|
mergedGeometry.setAttribute('color', new THREE.BufferAttribute(colors, 3));
|
||||||
|
|
||||||
// 7. Material Setup
|
// 7. Material Setup
|
||||||
let mat;
|
const mat = new THREE.MeshLambertMaterial({
|
||||||
if (SETTINGS.graphics.materialType === 'standard') {
|
vertexColors: true, // IMPORTANT
|
||||||
mat = new THREE.MeshStandardMaterial({
|
roughness: 0.6,
|
||||||
vertexColors: true, // IMPORTANT: valid for merged mesh
|
shadowSide: THREE.BackSide
|
||||||
roughness: 0.6,
|
});
|
||||||
side: THREE.DoubleSide,
|
|
||||||
shadowSide: THREE.BackSide
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
mat = new THREE.MeshLambertMaterial({
|
|
||||||
vertexColors: true, // IMPORTANT
|
|
||||||
roughness: 0.6,
|
|
||||||
shadowSide: THREE.BackSide
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 8. Create and Add Single Mesh
|
// 8. Create and Add Single Mesh
|
||||||
cityMesh = new THREE.Mesh(mergedGeometry, mat);
|
cityMesh = new THREE.Mesh(mergedGeometry, mat);
|
||||||
|
|||||||
Reference in New Issue
Block a user