Transparența din fundal

Background Transparency

Parametrii background_color și alpha sunt transmiși la metoda init încărcată în funcția de încărcare callback (o funcție apelată imediat după încărcarea scenei), astfel:

m_app.init ({

alpha: true,

background_color: [0.7, 0.7, 0.7, 1]

//this method sets the background to an opaque light gray color

});

Combinația parametrilor transmiși la metodă definește modul în care fundalul aplicației Blend4Web și aplicația HTML se îmbină împreună. Opțiunile disponibile sunt:

2. alpha = true - Fundalul aplicației HTML ar putea influența fundalul aplicației Blend4Web pe baza transparenței sale, definită de a patra componentă a parametrului background_color (alpha = background_color|3|, care nu trebuie confundat cu parametrul alfa menționat mai sus).

• background_color|3| = 1 - Acest lucru produce același rezultat ca în cazul în care parametrul alfa a fost oprit (alpha = false).

Imaginea de mai sus arată o pagină HTML care conține o aplicație Blend4Web cu fundal albastru | 0, 0, 1 | fundal care se amestecă cu culoarea roșie (Red) a paginii HTML, producând un ton de violet.

Această imagine prezintă aceeași pagină HTML cu aceeași aplicație Blend4Web, în care valoarea alfa este setată la 0,5, ceea ce duce la un ton mai întunecat al fundalului aplicației.

Mecanismele de creditare alfa sunt descrise mai detaliat în capitolul Managementul culorilor.

Implicit, parametrul alfa este setat la true și background_color este setat la negru transparent | 0, 0, 0, 0 |, ceea ce înseamnă că aplicația va avea un fundal HTML fără influențe din fundalul aplicației Blend4Web.

Transparența fundalului poate fi, de asemenea, utilizată în aplicațiile Web Player utilizând atributul URL alpha. Pentru a utiliza această caracteristică, mai întâi trebuie să activați parametrul Background transparency (alpha) din grupul Web Player Params în timpul creării aplicației.

Dacă aplicația Blend4Web utilizează randarea cerului, fundalul aplicației va fi acoperit integral de obiecte (inclusiv de cer), astfel încât fundalul va fi complet opac și nu va fi influențat de setările alfa.

Notă: Randarea cerului - Sky este activată în mod implicit în scenele Blend4Web create în Project Manager. Nu uitați, pentru a utiliza un fundal transparent, va trebui să dezactivați manual randarea cerului.