Yansıtmayı üç.js'de nasıl kullanabilirim?

Question

Three.js ile bir WebGL sayfasında yansıtıcı bir küp yüzeyine sahip olmak istiyorum. Bazı ışığı yansıtan bir cep telefonu ekranına benzemeli, ama yine de siyah olmalı.

Answer 1

Detaylı yorumlarla yansıtıcı bir küp (ve ayrıca yansıtıcı küre) örneği oluşturdum. canlı versiyonu

https://github.com/stemkoski/stemkoski.github.com/blob/master/Three.js/Reflection.html

ana noktalarıdır (Bu http://stemkoski.github.com/Three.js/ de öğretici örnekler koleksiyon parçası) de

güzel biçimlendirilmiş kodla http://stemkoski.github.com/Three.js/Reflection.html

yer almaktadır:

• sahnesine, yüzeyi yansıtıcı olması gereken nesneye konumlandırılan ikinci bir kamera (CubeCamera) bir malzeme oluşturun ve bir ortam oluşturun ve çevre haritasını bu ikinci kameradan oluşturma sonuçları olarak ayarlayın. örneğin

:

var mirrorCubeMaterial = new THREE.MeshBasicMaterial( 
    { envMap: mirrorCubeCamera.renderTarget }); 

• senin hale işlevinde, tüm kameralardan işlemek zorunda. Yansıyan nesneyi geçici olarak gizleyin (böylece kullanacağınız kameranın önüne gelmeyecek şekilde), o kameradan işleyin ve sonra yansıtıcı nesneyi gösterin. örneğin

:

mirrorCube.visible = false; 
mirrorCubeCamera.updateCubeMap(renderer, scene); 
mirrorCube.visible = true; 

Bu kod parçacıkları yukarıda yayınlanan bağlantılar vardır; Onları kontrol et!