3D Visualisierungen
Hier finden Sie ausgewählte Renderings aus unserem Portfolio.
Viel Spaß beim Stöbern.
CGI ‚Computer Generated Imagery‘
mittels 3D-Computergrafik (Bildsynthese) erzeugte Bilder im Bereich der Filmproduktion,
der Computersimulation und visueller Effekte. (wikipedia)
Produkt
und so
Architektur
function Galerie() {
$("#gallery0").css({ position: 'relative', left: '0px', display: 'flex'});
$("#gallery0").css({ opacity: 1, transition: 'opacity 0.2s fast' });
$("#gallery1, #gallery2").css({ position: 'absolute', left: '8888px', display: 'flex'});
$("#gallery1, #gallery2").css({ opacity: 0, transition: 'opacity 0.2s fast' });
$("#switcharchitektur h2").css({ color: 'white'});
$("#switchprodukt h2").css({ color: 'white'});
}
function Produktgalerie() {
$("#gallery2").css({ position: 'relative', left: '0px', display: 'flex'});
$("#gallery2").css({ opacity: 1, transition: 'opacity 0.2s fast' });
$("#gallery1, #gallery0").css({ position: 'absolute', left: '8888px', display: 'flex'});
$("#gallery1, #gallery0").css({ opacity: 0, transition: 'opacity 0.2s fast' });
$("#switchprodukt h2").css({ color: 'var(--awb-color5)'});
$("#switcharchitektur h2").css({ color: 'white'});
}
function Architekturgalerie() {
$("#gallery1").css({ position: 'relative', left: '0px', display: 'flex'});
$("#gallery1").css({ opacity: 1, transition: 'opacity 0.2s fast' });
$("#gallery2, #gallery0").css({ position: 'absolute', left: '8888px', display: 'flex'});
$("#gallery2, #gallery0").css({ opacity: 0, transition: 'opacity 0.2s fast' });
$("#switcharchitektur h2").css({ color: 'var(--awb-color5)'});
$("#switchprodukt h2").css({ color: 'white'});
}
var tempStore;
/* ButtonClick: */
function GalerieSwitch(toGalerie){
if(tempStore!=toGalerie){
tempStore=toGalerie;
if(toGalerie==1 || toGalerie=="1"){ Produktgalerie(); }
if(toGalerie==2 || toGalerie=="2"){ Architekturgalerie(); }
if(toGalerie==0 || toGalerie=="0"){ Galerie(); }
}else{
tempStore="";
Galerie();
}
}
document.getElementById("switchprodukt").onclick = function () { GalerieSwitch(1) };
document.getElementById("switcharchitektur").onclick = function () { GalerieSwitch(2) };
/* Abfrage URL Parameter */
const searchParams = new URLSearchParams(window.location.search);
var myparam = searchParams.get('gal');
if(myparam){
GalerieSwitch(myparam);
} else {
Galerie();
}
.linkkachel .img-responsive {
opacity:1;
transition: opacity 0.4s;
}
.linkkachel:hover .img-responsive {
opacity:0.6;
transition: opacity 0.4s;
}
.linkkachel h2 {
margin-top: 20px;
margin-bottom: 7px;
transition: color 0.4s;
color: white;
}
.linkkachel:hover h2 {
color: var(--awb-color5);
transition: color 0.4s;
}
.linkkachel p{
opacity:0.4;
}