I am moving along well learning ThreeJS as an interface to WebGL. Thank you all for your previous help.
I am developing a new approach to 3D Dynamics and would like a 3D component to the textbook. Examples are found here: http://eon.sdsu.edu/~impellus/DMF/
They are not the best, but I am learning.
In parallel, I would like to investigate some animations in 2D Statics and 2D INTERACTIVE Free Body Diagrams. The goal is to present an object, slice aspects of it away and replace the discarded section with forces (basically: to interactively construct free body diagrams by removing contacts). Normally, I would consider Flash, but I have been advised against it.
You can see here that I used threejs to create a 2D tutorial on streamlines, streaklines, pathlines:
http://eon.sdsu.edu/~impellus/FLOW/
But my feeling is that it is not natural to use the power of threeJS for 2D interactive animations.
So may I ask if there is a Two JS version of Three JS? I think just asking the question should be evidence to what I am looking for, but let me be more clear. I am looking for an interface to webGL that is dedicated to 2D animations. Yes, I can use threeJS, but I think that would be a mistake. Could someone guide me?
JS IS STRUCTURED IN AN ACCESSIBLE WAY. The way that Three. js structures its rendering means that the learning curve won't be too steep. It organizes all of the renders you'll do, whether 3D or 2D, under a “Scene” container.
ThreeJS is a library in Javascript, created by Mr. doob, that allows you to manipulate 3D objects directly in the browser. What you have to understand is that ThreeJS, via Javascript, allows you to use WebGL in an HTML5 canvas. WebGL is a Javascript API that allows you to create 2D and 3D graphic rendering.
Three. js is an open source JavaScript library that is used to display the graphics, 3D and 2D objects on the web browser.
react-three-fiber is a React renderer for threejs. Build your scene declaratively with re-usable, self-contained components that react to state, are readily interactive and can participate in React's ecosystem.
pixi.js was released just recently - it's a 2D engine backed by WebGL for performance, but with a 2D canvas fallback for compatibility. I haven't used it myself but it's worth checking out.
Check out Jono Brandel's two.js!
https://github.com/jonobr1/two.js
Nice demo here: http://jonobr1.github.io/two.js/
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With