Three.js: OutlinePass tidak berfungsi dengan rasio piksel 2

Dibuat pada 21 Apr 2017  ·  3Komentar  ·  Sumber: mrdoob/three.js

Dalam contoh pass outline, rasio piksel diatur ke 1.
https://github.com/mrdoob/three.js/blob/master/examples/webgl_postprocessing_outline.html#L161

Adegan kabur dan jika kita mengomentari baris dan menggunakan rasio piksel perangkat, adegan terjepit ke sudut kiri bawah seperti tangkapan layar berikut:
image

Versi Three.js
  • [ ] Dev
  • [x] r84
  • [ ] ...
Peramban
  • [ ] Mereka semua
  • [x] Chrome
  • [ ] Firefox
  • [ ] Internet Explorer
OS
  • [x] Semuanya
  • [ ] Jendela
  • [ ] macOS
  • [ ] Linux
  • [ ] Android
  • [ ] iOS
Persyaratan Perangkat Keras (kartu grafis, Perangkat VR, ...)
Bug
Sumber
picture jack-jun

Komentar yang paling membantu

Sepertinya EffectComposer tidak menangani pixelRatio yang ditetapkan dalam WebGLRenderer saat membuat WebGLRenderTarget .

Saya sarankan untuk menggunakan solusi berikutnya:

  1. Buat penangan ukuran set khusus untuk effectFXAA :
effectFXAA.setSize = function(width, height) {
    this.uniforms.resolution.value.set(1 / width, 1 / height);
};
  1. Panggil composer.setSize dengan width dan height dikalikan sebelumnya selama inisialisasi dan pengubahan ukuran jendela:
var size = renderer.getSize();
var pixelRatio = renderer.getPixelRatio();
composer.setSize(width * pixelRatio, height * pixelRatio);
picture proteamer pada 4 Mei 2017
👍3

Semua 3 komentar

/ping @spidersharma03

mrdoob picture mrdoob pada 21 Apr 2017

Saya akan melihat

spidersharma03 picture spidersharma03 pada 24 Apr 2017
❤1

Sepertinya EffectComposer tidak menangani pixelRatio yang ditetapkan dalam WebGLRenderer saat membuat WebGLRenderTarget .

Saya sarankan untuk menggunakan solusi berikutnya:

  1. Buat penangan ukuran set khusus untuk effectFXAA :
effectFXAA.setSize = function(width, height) {
    this.uniforms.resolution.value.set(1 / width, 1 / height);
};
  1. Panggil composer.setSize dengan width dan height dikalikan sebelumnya selama inisialisasi dan pengubahan ukuran jendela:
var size = renderer.getSize();
var pixelRatio = renderer.getPixelRatio();
composer.setSize(width * pixelRatio, height * pixelRatio);
proteamer picture proteamer pada 4 Mei 2017
👍3
Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

Bandit picture Bandit  ·  3Komentar
fuzihaofzh picture fuzihaofzh  ·  3Komentar
boyravikumar picture boyravikumar  ·  3Komentar
stonexjr picture stonexjr  ·  3Komentar
jlaquinte picture jlaquinte  ·  3Komentar