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 :


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

Check here what's wrong :

Web BrowsersWeb Languages and StandardsApache Web ServerWeb Graphics Software

Avatar of undefined
Last Comment

8/22/2022 - Mon

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.

Mario Zio

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


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.

I started with Experts Exchange in 2004 and it's been a mainstay of my professional computing life since. It helped me launch a career as a programmer / Oracle data analyst
William Peck
Mario Zio

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.

Mario Zio

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.
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
See how we're fighting big data
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question