Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Is there at TWO JS counterpart to THREE JS [closed]

Tags:

three.js

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?

like image 888
Tom Impelluso Avatar asked Jul 12 '12 16:07

Tom Impelluso


People also ask

Can three Js do 2D?

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.

Is Three Js same as JavaScript?

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.

Is Three Js open source?

Three. js is an open source JavaScript library that is used to display the graphics, 3D and 2D objects on the web browser.

Can you use three Js With react?

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.


2 Answers

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.

like image 116
hughsk Avatar answered Sep 18 '22 17:09

hughsk


Check out Jono Brandel's two.js!

https://github.com/jonobr1/two.js

Nice demo here: http://jonobr1.github.io/two.js/

like image 44
Matt Sweeney Avatar answered Sep 18 '22 17:09

Matt Sweeney