- This topic has 9 replies, 4 voices, and was last updated 1 year, 1 month ago by
xeon.
-
AuthorPosts
-
2023-12-19 at 1:37 am #69247
xeon
CustomerHi Everyone – Happy Holidays
Some of my demos sit on the shelf for a very long time waiting for the day in the sun. This one started in late 2021….finished for the first time in early 2022 then it was put back on the shelf for when we had time to complete it as a demo. But here it is almost two years later and Blender and Verge3D have come along way. Hope you enjoy.
https://www.r66d.com/wound-closure
X
-
This topic was modified 1 year, 2 months ago by
xeon.
Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.com2023-12-19 at 5:18 am #69250Yuri Kovelenov
Staff2023-12-20 at 3:31 am #69293bigmike814
CustomerXeon, this is awesome.
Question, have you done any demos on the sprites you use for the GUI? See the photo. I cant remember if this is something you covered yet, but I like how it always stays forward facing and stays the same size no matter where the camera is from perspective.
Attachments:
You must be logged in to view attached files.2023-12-20 at 5:35 am #69303xeon
CustomerHi BigMike814,
This is a good idea for a tutorial.
The way this was achieved in the Robot Explorer was HTML and CSS. However, the same effect can be achieved inside your 3D app. In Blender, you would create an image plane with text and button and then place a track to constraint on it to the camera to ensure it points in the right direction.
Given there are no SEO advantages for having HTML vs and image when using WebGL the image plane method works really well.
Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.com2023-12-21 at 1:50 am #69316bigmike814
CustomerXeon,
Thanks for the tip. I might have to try it out with my app. Right now I’m using the create a plane with texture, but I think using a div that can scale and always stays the same size makes more sense.
2023-12-21 at 6:56 pm #69328xeon
CustomerIf you are using a plane object, consider parenting it to the camera, and then Clearing Parent Inverse. This will make the plane stay parented to the camera and allow you to use the Visibility Breakpoints in your V3D settings.
This will ensure the plane object is the same size and position to the camera no matter what and will act like 2D HTML overlay/annotation. I suggest making sure the object does not cast or receive shadows and you use an emmission shader so that it always evenly lit.
Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.com2023-12-21 at 8:48 pm #69333bigmike814
CustomerXeon, that’s a good idea but the plane is a moving plane to show measurement. I had used the annotate function, but with that I cant style it at all. I think the first suggestion you had would be the best for me. I could parent the div to an empty that moves.
2023-12-21 at 9:21 pm #69334xeon
Customerah…. moving…. in that case….I would go with a div too.
Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.com2023-12-22 at 2:52 am #69338Crunch
Customercool app xeon!
2023-12-22 at 6:44 pm #69346xeon
CustomerThank you Crunch.
Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.com -
This topic was modified 1 year, 2 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.