cách thêm Nhãn vào THREE.Mesh?

Question

Mục tiêu là hiển thị tên Three.Mesh như một nhãn trong khi di chuột qua lưới. Cách chúng tôi có thể thực hiện việc này trong Three.js

Ai đó có thể cung cấp mã mẫu không?

Answer 1

Thử thách được chấp nhận!

đang làm việc ví dụ tại địa chỉ: http://stemkoski.github.com/Three.js/Mouse-Tooltip.html

Có vẻ như là ba bước chính để mục tiêu này, mỗi trong số đó tôi đã chia thành các chương trình ví dụ nhỏ.

(1) Xác định yếu tố cảnh mà chuột được trỏ qua. Xem: http://stemkoski.github.com/Three.js/Mouse-Over.html

(2) Hiển thị văn bản bạn muốn hiển thị dưới dạng hình ảnh (Tôi đã sử dụng phần tử canvas cho ảnh này). Xem: http://stemkoski.github.com/Three.js/Texture-From-Canvas.html

(3) Vẽ một ảnh có chứa hình ảnh từ phần (2) tại vị trí của con trỏ chuột. Xem: http://stemkoski.github.com/Three.js/Mouse-Sprite.html

Tất cả những ví dụ (và nhiều hơn nữa) là một phần của bộ sưu tập ngày càng tăng của tôi ví dụ giới thiệu (có ý kiến ​​chi tiết) tại http://stemkoski.github.com/Three.js/, trong đó tôi đang cố gắng để giới thiệu các khả năng của Three.js trong một loạt các tối thiểu ví dụ.

Ngoài ra, tín dụng nơi đó là do: bộ phận (1) và (3) đều được dựa trên một số ví dụ MrDoob về trang github của mình, đặc biệt là khối tương tác ví dụ: http://mrdoob.github.com/three.js/examples/webgl_interactive_cubes.html