I provide a scene to show my customer’s products.
for example, customer A and customer B. And they provide product and a simple description for the product.
product1 model with some description to the product1 model;
product2 model with some description to the product2 model;
and I show his products like this:
customer B provide:
product3 model with some description to the product3 model;
product4 model with some description to the product4 model;
and I show her products like this:
the yellow sphere aside the product is just a trigger button to show the product’s description. And my customer only provide the position of the sphere to place near the product. And they want to:
- keep the sphere’s diameter is a fixed pixel on the browser screen(for example 40PX), and do not affected by the distance between the camera and the product.
- the product zoom on the screen when the camera near to the product.
the problem is:
When mousewheel, the product and the sphere both zoom or reduce on the screen. And how to just keep the diameter of the sphere on the screen at 40 pixels when mousewheel?