Forum Replies Created
-
AuthorPosts
-
xeonCustomer
File received. Solution found.
Turns out the camera in the scene was corrupt on some level. I have not figured what the exact issue is or whether it was a setting…Still digging into that but.The solution was to create a new camera … and all is working properly.
Email with fixed blend file has been sent.
Update: the camera in your original file has a “Cycles api script attached” under custom properties for the camera. Removing it doesn’t affect anything but could cause the camera to not function properly in V3D. If you are using a plugin or something that is adding that…try removing or not using it and see if your cameras work properly.
- This reply was modified 3 days, 13 hours ago by xeon.
Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.comxeonCustomerI would need the blend file at a minimum, full v3d project with blend file at most.
You can reach me directly at xeons3dlab[at]gmail[dot com]Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.comxeonCustomerHi there,
Are you looking to hire freelancers, an employee or trying to find business partners? If you are interested in business partners that can help you with your needs. Please reach out to xeon [ at ] r66d [dot]. [com]Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.comxeonCustomerHere is another working sample with the 5 key.
Single tap makes the cone rotate.
Double tap will make it jump while rotating.Project file located here with blend file: https://v3d.net/16e9
Demo located here: http://localhost:8668/applications/X3L_double_tap_key/X3L_double_tap_key.htmlOpen the demo in developer mode and monitor the console log so you can see when events fire.
Try out the puzzles with a simple animation similar to what I have provided. Validate its working the way you want…Then switch the animation so something more complicated.
If it fails with your animation then you have to determine why….is the animation you are playing consuming too much memory…fps low… whats causing it to not fire properly.Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.comxeonCustomerDid you test the source project to ensure it provides the functionality you need?
Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.comxeonCustomerThe play animation puzzle is fairly slow to reset back to frame 54 when called again so in your resetkickdoubletap procedure you should force you animation frames back to frame 54 so they are ready for the next double tap
Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.comxeonCustomerWhat is your FPS?
If it’s 60… 5 frames divide by 60 (FPS) is .08 seconds to play the first animation the you ask it to wait .1 so you are at .18 seconds… add another 5 frame animation and now you are at .26 seconds or more which exceeds the double click timer of .2 seconds.
Try increasing the double tap timer to .3
Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.comxeonCustomerMerry Christmas…..nicely done!
Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.comxeonCustomerAfter watching your demo it seems your highlights in your materials other than the glass are “mapped” or baked as textures rather than highlights from sources from either lights or the HDR background.
The problem is not the camera or the background its that the textures for the materials in your scene are not setup in a way they can react to the light in the scene.
Here is a simple demo. That uses the standard orbit camera and a simple torus and glass type insert. https://cdn.soft8soft.com/AROAJSY2GOEHMOFUVPIOE:f2f27a4091/X3L_materialsetup/X3L_materialsetup.html
For the torus I have used to materials…one for the flatter / rough surface and a glossy ring that when you rotate the camera you can see the reflections interacting correclty like the glass.
You will must need to rebuild the red and black shaders so they work correctly.
Project Zip with blend file located here: https://cdn.soft8soft.com/AROAJSY2GOEHMOFUVPIOE:f2f27a4091/X3L_materialsetup.zip
Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.comxeonCustomerThere are many approaches to a managing a double tap. This is one approach.
Regardless of your approach, I would recommend moving the the logic out of the keydown event and into a procedure that you can then test if the keydown is a single or double or if the double tap action is already in process. You will also need to decide if the double tap action can be interrupted or restarted if a second double click occurs before the initial double tap action/animation is completed or are repeated double click requests ignored until the current double click action/animation is completed.The following is based on the double click and will ignore other double clicks until the initial animation is completed…then it resets for the next double tap.
Attachments:
You must be logged in to view attached files.Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.comxeonCustomerI obviously do not know your scene or project but in most cases moving the camera does the exact same thing as described above. However if you have stationary camera and a stationary background and you want the object to rotate and have reflections update…. you can try
1. Use a reflection plane on your object – then drag move the object as needed.
2. Create a reflection texture. Map it to your object. Then using use Value nodes in your reflection shader and animate the UVs using the animparameter puzzle. This would be more performant. When you create the DragMove on your object..animate your UVs of the reflection map. Since this is a turn table every degree of object rotation is a negative degree of rotation for the UV Map.Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.comxeonCustomerWhen you create a V3D project, all the required fils have their associated comment lines in place at the top of each file.
If you open your project.html file and you don’t see those commented lines … you can enter them yourself or copy and paste them from another project.
No need to save them as they are a part of the default build of each project. It’s only when you modify these files that things can get overwritten and cause some issue for the app manager.
But keep in mind if you are going to insert you V3D content into custom html you will need to use a we server to view your content or use virtual studio that has a virtual server to view the content
Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.comxeonCustomerSo you are wanting the camera and environment HDR to not move and the object to move so the reflections move through the object you are rotating. What you may find more efficient is to create a reflection map and animate the UV map do it runs across the object.
Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.comxeonCustomerWell…what you are requesting can be done…the question is it something that will really work for you.
You could use the HTML puzzles “get event property” and then use the touches.page and then write your logic around monitoring the x and y positions of your cursor and then rotating the object. However, it seems you are trying to create an HTML menu so would have to have a way of ignoring mouse up and down events when clicking the HTML buttons and other logic to support it.
The other problem you find is that rotating a 3D object can be less performant than moving the camera so depending on your scene, number of triangles, number of objects, redraws, textures sizes…etc. this may be more than some devices can handle but you will have to determine that.
Then there is the general user experience when navigating these sort of webgl demos, people are used to navigating and spinning a camera (they don’t think of it is a camera)….so doing other things (if not an FPS game or game function like) the users will feel a bit lost.
If your goal is to keep the lighting and the background consistent as the object is rotated, there are ways to solve that too.
I have seen another approach too…which is placing a transparent 3d plane in front of the object you want to rotate…making the plane the size of the view port and then assigning the drag rotate to that plane to rotate the object. There are issues with this approach to and I don’t recommend it either.
I do recommend finding a way to use the camera to your advantage.
Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.comxeonCustomerThe problem MAY be, the fact that you over wrote the HTML file, thus erasing the following lines from the file:
<!– __V3D_PUZZLES__ – enable Puzzles button in the App Manager –>
<!– __V3D_TEMPLATE__ – template-based file; delete this line to prevent this file from being updated –>You MAY have also deleted a commented line in your project.css that will need to be there as well:
/* __V3D_TEMPLATE__ – template-based file; delete this line to prevent this file from being updated */
There are similar commented lines in other V3D files but I would start with these as they could be overwritten by using webflow and can cause what you are experiencing.
Do not delete this project…the puzzles you created are in the visual_logic.js file and if you have to start a new project to straighten things out you can copy the existing visual_logic.js file and not have to redo your puzzles. Good luck.
Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.com -
AuthorPosts