|
|
@@ -10,9 +10,9 @@ Once you pick a 3D rendering technology, you need to integrate it with encantAR.
|
|
10
|
10
|
|
|
11
|
11
|
## Use a plugin
|
|
12
|
12
|
|
|
13
|
|
-Writing a plugin is a task of moderate complexity. It requires dealing with matrices, with performance issues, and with some idiosyncrasies of the 3D rendering technologies in order to make sure it all works as intended. It is advisable to have specialized knowledge of computer graphics programming in order to write a plugin that works correctly.
|
|
|
13
|
+Writing a plugin is a task of moderate complexity. It requires dealing with matrices, with performance issues, and with some idiosyncrasies of the 3D rendering technologies in order to make sure that it all works as intended. It is advisable to have specialized knowledge of computer graphics programming in order to write a plugin that works correctly.
|
|
14
|
14
|
|
|
15
|
|
-I provide easy-to-use plugins that work with different 3D rendering technologies, so that you don't need to deal with the complexity. Those plugins are JavaScript (.js) files. You just need to add a plugin to your web page (e.g., via a `<script>` tag) and then the integration will be done for you. It's really that simple!
|
|
|
15
|
+I provide easy-to-use plugins that work with different 3D rendering technologies, so that you don't need to deal with the complexity. Those plugins are JavaScript (.js) files. You just need to add a plugin to your web page, via a `<script>` tag, and then the integration will be done for you. It's really that simple!
|
|
16
|
16
|
|
|
17
|
17
|
[Get the plugins](https://github.com/alemart/encantar-js/tree/master/plugins){ .md-button .md-button--primary ._blank }
|
|
18
|
18
|
|
|
|
@@ -26,9 +26,7 @@ Let me tell you a bit more about the 3D rendering technologies I just mentioned.
|
|
26
|
26
|
|
|
27
|
27
|
[A-Frame](https://aframe.io){ ._blank } is an open-source framework used to build virtual reality (VR) experiences for the web. When you combine it with encantAR.js, you become able to use it to create AR experiences too - without the need of special hardware or software.
|
|
28
|
28
|
|
|
29
|
|
-A-Frame is built on top of [Three.js](#threejs) and extends it in powerful ways. It introduces a HTML-based declarative approach for [scene graphs](https://en.wikipedia.org/wiki/Scene_graph){ ._blank }, empowering them with the [Entity-Component-System](https://en.wikipedia.org/wiki/Entity_component_system){ ._blank }, a software pattern commonly used in game development. Sounds complicated? It is not!
|
|
30
|
|
-
|
|
31
|
|
-A-Frame is easy for beginners and pleasing for experts. In many cases, writing new JavaScript code is not needed. A-Frame also includes a visual inspector that makes things really easy for non-coders.
|
|
|
29
|
+A-Frame is built on top of [Three.js](#threejs) and extends it in powerful ways. It introduces a HTML-based declarative approach for [scene graphs](https://en.wikipedia.org/wiki/Scene_graph){ ._blank }, empowering them with the [Entity-Component-System](https://en.wikipedia.org/wiki/Entity_component_system){ ._blank }, a software pattern commonly used in game development. A-Frame is easy for beginners and pleasing for experts. In many cases, writing JavaScript code is not needed.
|
|
32
|
30
|
|
|
33
|
31
|
[Launch an A-Frame demo](/encantar-js/demos/hello-aframe/README.html){ ._blank .md-button }
|
|
34
|
32
|
|
|
|
@@ -36,16 +34,14 @@ A-Frame is easy for beginners and pleasing for experts. In many cases, writing n
|
|
36
|
34
|
|
|
37
|
35
|
[Babylon.js](https://www.babylonjs.com){ ._blank } is a powerful open-source game and 3D rendering engine for the web. It includes pretty much all features you commonly find in 3D rendering engines (scene graphs, lights, materials, meshes, etc.), plus systems that are specific to game engines (animation engine, audio engine, collision system, physics system, support for sprites, etc.), plus all kinds of sophisticated features for various applications.
|
|
38
|
36
|
|
|
39
|
|
-Babylon.js has an amazing documentation with plenty of learning resources. Even though it can be used by beginners, it's recommended to have working JavaScript experience before creating projects with it.
|
|
|
37
|
+Babylon.js has an amazing documentation with plenty of learning resources. Even though it can be used by beginners, it's recommended to have JavaScript experience before creating projects with it.
|
|
40
|
38
|
|
|
41
|
|
-[Launch a Babylon.js demo (soon)](#){ ._blank .md-button }
|
|
|
39
|
+[Launch a Babylon.js demo](/encantar-js/demos/hello-babylon/README.html){ ._blank .md-button }
|
|
42
|
40
|
|
|
43
|
41
|
### Three.js
|
|
44
|
42
|
|
|
45
|
43
|
[Three.js](https://threejs.org){ ._blank } is a popular open-source JavaScript library used to render 3D graphics in web browsers. It supports many features, including: scene graphs, cameras, animations, lights, materials, loading of 3D models, mathematical utilities, special effects, and more. It has an active and vibrant community. Many community-made extensions are available.
|
|
46
|
44
|
|
|
47
|
|
-Three.js often uses [WebGL](https://webglfundamentals.org){ ._blank } to draw 3D graphics. WebGL is a low-level rasterization engine that draws points, lines and triangles. It's seldom used directly by the developers of applications.
|
|
48
|
|
-
|
|
49
|
45
|
Using Three.js requires more JavaScript experience than using A-Frame in most cases, but it's also a great choice if you're comfortable with coding. Compared to A-Frame, Three.js offers you additional freedom on how you can organize your code, because it's a library, not a framework.
|
|
50
|
46
|
|
|
51
|
47
|
[Launch a Three.js demo](/encantar-js/demos/hello-three/README.html){ ._blank .md-button }
|
alemart
11 місяці тому