Etichette al cesio sfocate dopo aver disabilitato fxaa
Ho seguito la risposta in questo post con l' etichetta cesio sfocata ma non ho avuto fortuna.
Ho fatto in modo che viewer.scene.fxaa = falsenon cambiasse nulla. Si prega di vedere il mio screenshot allegato.
Qualcuno ha una soluzione per questo?
Grazie mille!
Risposte
Diffidare di codificare qualcosa di simile viewer.resolutionScale = 2. In questa riga di codice si presume che l'utente abbia probabilmente uno schermo con DPI elevato e che il browser stia ridimensionando la pagina Web di conseguenza. L'esecuzione di questa riga di codice su un sistema che sta già utilizzando un rapporto pixel 1: 1 può causare il rendering di due volte più largo e due volte più alto di quello che il dispositivo può effettivamente visualizzare.
Ecco un suggerimento alternativo:
viewer.resolutionScale = window.devicePixelRatio
Non è perfetto, ma è meglio di un hard-coded 2. Tenterà di far corrispondere esattamente il visualizzatore Cesium ai pixel nativi del dispositivo, che potrebbero non avere le stesse dimensioni dei "pixel CSS", in particolare sugli schermi ad alta risoluzione.
Un valore di "1" qui (predefinito) significa che i pixel della tela del visualizzatore di Cesio hanno le stesse dimensioni dell'idea dei pixel CSS della pagina web, che potrebbero essere più grandi e più pesanti dei pixel nativi dello schermo. I numeri più alti agiscono come un moltiplicatore sulla risoluzione della tela WebGL, assorbendo più memoria grafica e prestazioni. Potresti scoprire che la macchina su cui stai testando ha già un window.devicePixelRatio di 1.5 o 2.0, quindi la riga sopra potrebbe non agire in modo diverso da un 2 hard-coded sulla tua macchina particolare. Ma controllare il dispositivo locale PixelRatio è meglio che fare supposizioni.
Questo può essere risolto aggiungendo:
viewer.resolutionScale = 2
Potrebbe influire sulle prestazioni, ma finora sembra a posto.