Link to home
Create AccountLog in
Avatar of Mario Zio
Mario ZioFlag for Italy

asked on

WebGL facial animation is not displayed very well by my browser

Hello. I have mirrored the WebGL facial animation that you see on the picture on my local computer because I want to study it deeply. I have downloaded the files from the server and I have put them on the right folder places on my computer. But,as you can see from the screenshot,something is wrong. Since I'm running the apache server with PHP,I suspect that I need to activate some kind of option,because this template file :

http://cdn.cache.stickmanventures.com/labs/webgl-threejs-morph-target/model/ginger_color.jpg

it's not displayed well by my google chrome browser. Can you tell me the reasons ? Thanks.

Check here what's wrong :

http://www.montedivenere.it/images/Varie/ginger.png
Avatar of COBOLdinosaur
COBOLdinosaur
Flag of Canada image

What you posted is not a template.  It is just a .png image.

The images tell us exactly nothing.

Post a link to the page with the problem; a description of the problem; and the outcome you are trying get, and you will be more likely to draw Experts who can help you with this.

Cd&
Avatar of Mario Zio

ASKER

I don't know what else to say. I have mirrored the animation located here :

http://stickmanventures.com/labs/demo/webgl-threejs-morph-target/

on my local computer because I want to study it. It is not displayed correctly and there is something that I don't understand. Until that I'm not able to run it exactly as it runs on the remote server,I can't start looking inside the code. I've explained what's wrong. On my local computer the facial animation is displayed exactly as on the remote server except for the eyes and the skin that are missing. They are expressed by the ginger_color.jpg file. I've thought that this file is not displayed by my side or it is broken. I don't know. You can try to mirror the animation by yourself. Let me know if you have the same problem. I've used WebHTTrack Web site copier...
Okay I got it.  You are trying to run the page you copied on your own computer, and I suspect the problem is that there  are server side elements to prevent a fully function duplication.  They have a demo page, but I don't see a download which is what you need to get all the components.

Cd&
The developer says : "It's the Web: even non-open source code is available at the flick of a "view source". The model has copyright notices on it. That's it. No special secret trickery. We didn't even obfuscate the JavaScript. If you think you've got it all and if you want to "study it deeply",then debug your setup with DevTools. See the what fails to run (hint: the init doesn't fire).
View source does not display dynamically generated code.  You don't even see the canvas tag that is used to contain the animation.

The minified jqeury generates the canvas, the images in the canvas and the events that respond to produce the animations.  All the client side dynamics modify the Document object, but not the metadata which is all that gets display in view source.

If you want to see what it is doing you need to use something like firebug to see what is actually in the document object.

If you want to understand the code you need to un-minify the jquery libraries so they are readable.

Cd&
I'm not so experienced. Can you give me more informations about how to "un-minify the jquery libraries" ? Do you have a link / tutorial that explains carefully what to do ? I'm a newbie. Thanks.
ASKER CERTIFIED SOLUTION
Avatar of COBOLdinosaur
COBOLdinosaur
Flag of Canada image

Link to home
membership
Create an account to see this answer
Signing up is free. No credit card required.
Create Account