2012-07-12 19 views
7

Amaç, fareyi ağ üzerinde gezdirirken Three.Mesh adını bir etiket olarak görüntülemek. Bunu nasıl yapabiliriz 3.jsTHREE.Mesh'e Etiket Nasıl Eklenir?

Birisi örnek kod verebilir mi?

+0

aslında olarak metin oluşturmak için çalışıyorsunuz Sahnenin bir parçası? 3D metin olması gerekiyor mu? Ya da CSS ile 2D işaretlemeyi işleyicinin üzerine yerleştirmek tamam mı? Ayrıca bazı önceki cevapları kabul etmek isteyebilir veya pek çoğu size yardımcı olmayacaktır. –

+0

Sadece bir alet ucu gibi olması için etikete ihtiyacım var. Fare vurgusu bir örgü üzerinde bittiğinde/durduğunda etiketin olması daha iyi olacaktır. Oluşturucunun üstünde CSS ile bir üst üste gelen 2D işaretlemesi tamam olmalıdır. Ayrıca lütfen sorularım/cevaplarımın kabul edilemez olduğunu da bildirin. Sadece baktım ve umarım hiçbir şey kabul edilmez. Bu etiketleri XTK.js API –

cevap

27

Challenge accepted!

Çalışma kod örneği de: http://stemkoski.github.com/Three.js/Mouse-Tooltip.html

Ben küçük bir örnek programlarına girmiş her biri bu hedefe üç büyük adımlar ortaya çıkmaktadır.

(1) Farenin hangi sahne öğesinin işaret edildiğini belirleyin. Bak: http://stemkoski.github.com/Three.js/Mouse-Over.html

(2) Görüntü olarak görüntülemek istediğiniz metni oluşturun (bunun için bir tuval öğesi kullanıyorum). Bakınız: http://stemkoski.github.com/Three.js/Texture-From-Canvas.html

(3) Resmi, fare işaretçisinin bulunduğu yere (2) içeren bir hareketli grafik çizin. Bkz: http://stemkoski.github.com/Three.js/Mouse-Sprite.html

Bütün bu örnekler (ve daha fazla) Minimal bir dizi Three.js'ye olanaklarını vitrin çalışıyorum hangi http://stemkoski.github.com/Three.js/ de, (detaylı yorumlarla) tanıtıcı örnekler benim büyüyen koleksiyonunda yer alıyor örnekleri. Ayrıca

, ona ait olan kredi: parçaları (1) ve (3) yaptığı github sayfasından MrDoob en örneklerle özellikle interaktif küpler örnek bazı dayanmaktadır: http://mrdoob.github.com/three.js/examples/webgl_interactive_cubes.html

+1

'da gördüm. Çok teşekkürler Lee Stemkoshi. Örnekleriniz harika ve gerçekten faydalı. –

+1

@lee En son sürümle herhangi bir yol var mı? Güncel sürümle ilgili uyarılar ve hatalar ... bu V71 –

+2

Bunun için daha basit bir çözüm var mı? Örneğin, sahnede tenli ekranlar varsa ve adları her bir ağın üstünde görüntülemek istiyorsanız? Artık spritelarla ilgili sorun, yakınlaştırmaya bağlı olarak içeri ve dışarı ölçeklendirilebilmesi. Aynı kalmasını istiyorum. Sadece etrafındaki örgüyü takip etmeli (başın üstünde kalmalıdır). – majidarif

İlgili konular