Find solution
How can I remove duplicate Objects from array of Objects in javascript?

How can I fully understand 3d and animation in JavaScript?

  • So I'm a frontend engineer, but I've been more so interested in things that I see accomplished on sites like http://codepen.io or Hakim el Hattab's site; these incredibly intricate JavaScript animations. The amount of articles that I've gone through that give extremely vague information on grasping the concept, always revolves around moot mathematical equations and mean non-sense to me. I want to know how I understand something like this: http://codepen.io/Francext/pen/frFIh What are my steps from A to Z? How do math equations generate three dimensional objects when I'm used to two dimensional objects? Why am I requesting an animation frame and passing array's to it? If I've never studied physics or math, what do I have to understand for this? Are people just guessing when they create shapes? and paths of movement? Is there a tool that I'm missing? A first part of decision? How do you draw something specific with simply numbers, loops, and arrays with more numbers and arrays? Perhaps I'm just not googling the correct stuff. But that's the internet's disconnect with information. The content is out there, but the search terms are what you truly need to discover now.

  • Answer:

    Go ahead and have a look at three.js , its a 3D library of javascript. You will find a lot of its examples and tutorials. Amazing things are now possible in your browser including 3D games. Have fun !

Faizan Zahid at Quora Visit the source

Was this solution helpful to you?

Other answers

Probably I can say the best explanation about animations is given in the below link. http://knowledge-cess.com/animation-and-the-role-of-gpu-a-performance-factor/ In brief I am explaining here but go through the above link for more details CSS3 animations are most efficient than javascript based library like JQuery. Have you ever wondered what happens in your computer when we see even a simple animation? Your computer algorithm calculates every pixel and performs CPU intensive operation over each pixel. Ok what such operations it does ?. It calculates every pixel and performs Discrete Fourier Transformation on each pixel of the image. If your image is 512X512  = 2,62,144 pixels and the algorithms operates several frames per second, like 50 frames per second which depends upon the type of hardware/algorithm being used.

Sadanand Teggi

After digging out the internet for a while i found this link https://drive.google.com/folderview?id=0B1iyZaHiAMfFc21sMmo5cVZKUlU&usp=sharing  it has most of the html5 js and css animation books uploaded you can check them out.

Anas Khan

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.