backups/Fantasy-Map-Generator
1
0
Fork 0
mirror of https://github.com/Azgaar/Fantasy-Map-Generator.git synced 2025-12-22 20:11:24 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Small changes (let -> const)

Browse source
This commit is contained in:
Rayzeq 2021-06-21 18:20:46 +02:00
parent 5cc2454765
commit 91c1de425b
1 changed files with 15 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

26
modules/ui/3d.js
View file

@ -197,14 +197,14 @@ function createTextMesh(text, font, size) {
drawCtx.fillText(text, 0, 50); drawCtx.fillText(text, 0, 50);
// canvas contents will be used for a texture // canvas contents will be used for a texture
let text_texture = new THREE.TextureLoader().load(drawCtx.canvas.toDataURL()); const text_texture = new THREE.TextureLoader().load(drawCtx.canvas.toDataURL());
text_texture.minFilter = THREE.LinearFilter text_texture.minFilter = THREE.LinearFilter
text_texture.needsUpdate = true; text_texture.needsUpdate = true;
let text_material = new THREE.MeshBasicMaterial({map: text_texture/*, side:THREE.DoubleSide*/, depthWrite: false}); const text_material = new THREE.MeshBasicMaterial({map: text_texture/*, side:THREE.DoubleSide*/, depthWrite: false});
text_material.transparent = true; text_material.transparent = true;
let text_mesh = new THREE.Mesh( const text_mesh = new THREE.Mesh(
new THREE.PlaneGeometry(drawCtx.canvas.width*(size/100), drawCtx.canvas.height*(size/100)), new THREE.PlaneGeometry(drawCtx.canvas.width*(size/100), drawCtx.canvas.height*(size/100)),
text_material text_material
); );
@ -216,9 +216,9 @@ function createTextMesh(text, font, size) {
function get3dCoords(x, base_y) { function get3dCoords(x, base_y) {
const svg = $('svg#map')[0]; const svg = $('svg#map')[0];
let y = getMeshHeight(findGridCell(x, base_y)); const y = getMeshHeight(findGridCell(x, base_y));
x = x - svg.width.baseVal.value/2; x = x - svg.width.baseVal.value/2;
let z = base_y - svg.height.baseVal.value/2; const z = base_y - svg.height.baseVal.value/2;
return [x, y, z]; return [x, y, z];
} }
@ -264,11 +264,13 @@ async function createMesh(width, height, segmentsX, segmentsY) {
iconMeshs = [] iconMeshs = []
const svg = $('svg#map')[0]; const svg = $('svg#map')[0];
// Labels
if(layerIsOn("toggleLabels")) { if(layerIsOn("toggleLabels")) {
// Cities labels
const cities_labels = $('svg #viewbox #labels #burgLabels #cities')[0] const cities_labels = $('svg #viewbox #labels #burgLabels #cities')[0]
for (const label of cities_labels.childNodes) { for (const label of cities_labels.childNodes) {
var text_mesh = createTextMesh(label.innerHTML, "Almendra SC", 25) const text_mesh = createTextMesh(label.innerHTML, "Almendra SC", 25)
const [x, y, z] = get3dCoords(label.x.baseVal[0].value, label.y.baseVal[0].value) const [x, y, z] = get3dCoords(label.x.baseVal[0].value, label.y.baseVal[0].value)
text_mesh.position.set(x, y + 25, z); text_mesh.position.set(x, y + 25, z);
@ -280,9 +282,10 @@ async function createMesh(width, height, segmentsX, segmentsY) {
scene.add(text_mesh); scene.add(text_mesh);
} }
// Town labels
const towns_labels = $('svg #viewbox #labels #burgLabels #towns')[0] const towns_labels = $('svg #viewbox #labels #burgLabels #towns')[0]
for (const label of towns_labels.childNodes) { for (const label of towns_labels.childNodes) {
var text_mesh = createTextMesh(label.innerHTML, "Almendra SC", 7) const text_mesh = createTextMesh(label.innerHTML, "Almendra SC", 7)
const [x, y, z] = get3dCoords(label.x.baseVal[0].value, label.y.baseVal[0].value) const [x, y, z] = get3dCoords(label.x.baseVal[0].value, label.y.baseVal[0].value)
text_mesh.position.set(x, y + 5, z); text_mesh.position.set(x, y + 5, z);
@ -299,11 +302,12 @@ async function createMesh(width, height, segmentsX, segmentsY) {
scene.add(text_mesh); scene.add(text_mesh);
} }
} }
// Icons
if(layerIsOn("toggleIcons")) { if(layerIsOn("toggleIcons")) {
const cities_icon = $('svg #viewbox #icons #burgIcons #cities')[0] const cities_icon = $('svg #viewbox #icons #burgIcons #cities')[0]
for (const icon of cities_icon.childNodes) { for (const icon of cities_icon.childNodes) {
var icon_material = new THREE.MeshBasicMaterial({color: 0xcccccc}); const icon_material = new THREE.MeshBasicMaterial({color: 0xcccccc});
var icon_mesh = new THREE.Mesh( const icon_mesh = new THREE.Mesh(
new THREE.SphereGeometry(2, 16, 16), new THREE.SphereGeometry(2, 16, 16),
icon_material icon_material
); );
@ -316,8 +320,8 @@ async function createMesh(width, height, segmentsX, segmentsY) {
const town_icon = $('svg #viewbox #icons #burgIcons #towns')[0] const town_icon = $('svg #viewbox #icons #burgIcons #towns')[0]
for (const icon of town_icon.childNodes) { for (const icon of town_icon.childNodes) {
var icon_material = new THREE.MeshBasicMaterial({color: 0xcccccc}); const icon_material = new THREE.MeshBasicMaterial({color: 0xcccccc});
var icon_mesh = new THREE.Mesh( const icon_mesh = new THREE.Mesh(
new THREE.SphereGeometry(1, 16, 16), new THREE.SphereGeometry(1, 16, 16),
icon_material icon_material
); );