Skip to content

anders-lassen/ddd-viewer

Repository files navigation

3D Viewer

Udviklet til Erlinord.

Usage

På hjemmesiden

Tilføj koden nedenfor til websiden. Opdaterer med links til obj-filerne.

<iframe src="https://ddd-viewer-erlinord.vercel.app/#[STI TIL .OBJ filer]" height="500"></iframe>

For at slå administrator funktioner til, indsættes &ADMIN til sidst i linket.

<iframe src="https://ddd-viewer-erlinord.vercel.app/#[STI TIL .OBJ filer][&ADMIN]" height="500"></iframe>

OBS: Kantet parenteser [] skal fjernes fra ovenstående.

Opret & upload env.json filen, nedenstående er et eksempel på dennes struktur:

// env.json filen må ikke indeholde disse kommentarer
{
"modeller": [ // Objektet {...} indeholder en obj fil.
    {
    "navn": "653569_653563.obj", // Navnet på filen, den finder automatisk .mtl filen som hører til, bemærk denne skal have samme navn.
    "label_titel": "Kran", // Standard titel til mærkaterne, hvis ikke tilstede vises intet mærkat.
    "label_beskrivelse": "Dette er en kran", // Beskrivende tekst til mærkatet
    "label_aktiv": true // Kan være true eller false || 1 eller 0, bestemmer om mærkatet skal vises eller ej
    }, {
    "navn": "653569_653566.obj",
    "label_titel_kort": "Kort Tragt", // Kort Titel til vieweren
    "label_titel_lang": "Lang Tragt", // Lang Titel til vieweren, denne vises i den udvidet beskrivelse.
    "label_beskrivelse": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatem atque facere consectetur a, sapiente eum placeat accusamus nostrum, iusto quam neque dolore laboriosam enim dolorem quasi accusantium deleniti asperiores suscipit.",
    "label_offset": [2, 2], // X,Y position, bruges til at placerer mærkatet i forhold til modellen.
    "label_aktiv": true // Denne kan være true eller false
    }
],
"start": { // Start indstillinger til placering af modellen
    "camera_position": [-13, 10, -15], // Kameraets start position
    "model_position": [-5, 0, -7.5], // Modellens start position
    "model_scale": [1, 1, -1], // Modellens størrelse, -1 bruges til at flippe modellen
    "model_rotation": [1.57, 0, 0], // Modellens rotation
    "click_offset": 2 // Modellens margin ved klik-zoom på modellen
}
}

OBS! env.json filen må ikke indeholde kommentarer!