Saltar al contenido

Alternativas a Babylon JS

babylon descargar

Babylon.js es una herramienta 3D basada en WebGL que se centra principalmente en el desarrollo de juegos y la facilidad de uso. Como motor 3D podrás crear, mostrar y texturizar mallas en el espacio, y agregar fuentes de luz y cámaras. Debido a que está centrado en el juego, Babylon.js tiene algunas características adicionales que un programa 3D normal no tiene.

Tiene soporte para detección de colisión, gravedad de escena, cámaras orientadas al juego (por ejemplo, una cámara de seguimiento que rastrea un objeto en movimiento), así como soporte nativo para Oculus Rift y otros dispositivos de realidad virtual. Tiene un sistema de plug-in de motor de física, soporte de audio, un administrador de acción basado en la entrada del usuario y mucho más.


Babylon.js: motor gráfico web 3D

20 marcos WebGL de código abierto



Babylon.js es un motor de renderizado y juego poderoso, hermoso, simple y abierto empaquetado en un marco de JavaScript amigable.

Babylon.js es un motor de gráficos 3D simple pero poderoso con tecnología WebGL, proporciona una curva de aprendizaje fácil para el desarrollador de JavaScript, API simple y una lista rica de documentación y tutoriales. Se puede utilizar para crear presentaciones / presentaciones interactivas en 3D, presentaciones de productos en 3D listas para la web, juegos, aplicaciones de realidad virtual (VR) y simulación de arquitectura compleja.

Babylon.js tiene una gran comunidad de desarrolladores que proporciona su inventario de fragmentos de código, tutoriales y, por supuesto, extensiones reutilizables para ampliar sus funcionalidades principales.

Destacar

  • Salvadera
  • Editor en línea
  • Fácil de configurar
  • Lista rica de ejemplos
  • Soporta JavaScript y TypeScript
  • Biblioteca de fragmentos enriquecidos
  • Modular y repleto de muchas extensiones útiles
  • Visor en línea modular extensible
  • Motor rico en funciones
  • Herramientas GUI.

Las mejores alternativas a descargar BabylonJS del 2021

Para ayudar a los desarrolladores en principiantes y expertos, le ofrecemos las mejores alternativas de Babylon en 2020.

Bit

Bit es una buena alternativa a Babylon si tu enfoque como creador se basa en el aprovechamientos de los datos para mejorar la experiencia entregada a los usuarios.

Bit alterntativa babylon

A veces, la mejor característica que podemos ofrecer a nuestros usuarios son los datos en sí. Sin embargo, las tablas y los gráficos de números a menudo son cansados ​​de leer y puede ser difícil extraer información procesable de tablas de datos grandes.

En cambio, podemos usar métodos de visualización de datos que aprovechan la capacidad del cerebro para identificar y procesar datos de forma visual. De este modo podrás comenzar y agregar fácilmente una hermosa visualización de datos a su aplicación favorita.

Consejo: use Bit para reutilizar rápidamente los componentes de la interfaz de usuario entre tus aplicaciones. Si quieres acelerar el desarrollo de tu aplicación a través de una biblioteca en la nube esta es gratis.

Visitar Bit

ThreeJS

ThreeJS

Esta herramienta está construida para crear animaciones 3D usando WebGL. La naturaleza flexible y abstracta del proyecto significa que también es útil para visualizar datos en 2 o 3 dimensiones. Por ejemplo, también puedes usar este módulo designado para la visualización de gráficos en 3D con WebGL, o probar este patio de juegos en línea.

Echarts & Highcharts

Echarts

Echarts de Baidu es una biblioteca interactiva de gráficos y visualización para el navegador que representa un buen competidor frente a Babylon. Está escrito en JavaScript puro y se basa en la biblioteca de lienzo de Zrender. Admite gráficos de representación en forma de Canvas, SVG (4.0+) y VML. Además de PC y navegadores móviles, ECharts también se puede usar con node-canvas para una representación eficiente del lado del servidor (SSR).

Highcharts JS

Highcharts JS es una biblioteca de gráficos JavaScript y ampliamente popular basada en SVG, con retrocesos a VML y lienzo para navegadores antiguos. Esta herramienta es utilizada por 72 de las 100 compañías más grandes del mundo, lo que la convierte (probablemente) en la API de gráficos JS más popular del mundo (Facebook, Twitter).

Metric-Graphics

Metric-Graphics

MetricsGraphics.js es una biblioteca optimizada para visualizar y diseñar datos de series temporales siendo una buena alternativa a Babylon. Es relativamente pequeño (80 kb minimizado) y proporciona una selección estrecha pero elegante de gráficos de líneas, diagramas de dispersión, histogramas, gráficos de barras y tablas de datos, así como características como gráficos de alfombra y regresión lineal básica.

Recharts

AreaChartConnectNulls
MixBarChart

Recharts es una compilación de biblioteca de gráficos con React y D3 que le permite implementar como componentes declarativos de React. La biblioteca proporciona soporte SVG nativo, el árbol de dependencia ligero (submódulos D3) es altamente personalizable a través de accesorios de componentes.

React Virtualized + React Vis + Victory

React-vis

React-vis (4k estrellas) es el conjunto de componentes React de Uber para visualizar datos de manera consistente, incluidos gráficos de líneas / áreas / barras, mapas de calor, diagramas de dispersión, diagramas de contorno, mapas de calor hexagonales y mucho más. La biblioteca no requiere ningún conocimiento previo con D3 o cualquier otra biblioteca de datos vis, y proporciona componentes de bloques de construcción modulares de bajo nivel, como el eje X / Y. Una excelente combinación para trabajar con Bita y una biblioteca muy útil para consider.uber / react-visreact-vis – Componentes orientados a la visualización de datos github.com

React-vis 

React-vis

React virtualized (12k estrellas) es un conjunto de componentes React para renderizar de manera eficiente grandes listas y datos tabulares. Las compilaciones ES6, CommonJS y UMD están disponibles con cada distribución y el proyecto admite un flujo de trabajo Webpack 4. Tenga en cuenta que reaccionar, reaccionar-dom debe especificarse como dependencias pares para evitar conflictos de versión. Pruébelo.bvaughn / react-virtualizedreact-virtualized – Reaccione los componentes para generar de manera eficiente listas grandes y datos tabulares github.com

React virtualized 

React virtualized

Victory es una colección de componentes React composable React para crear visualización interactiva de datos, creada por Formidable Labs y con más de 6k estrellas. Victory utiliza la misma API para aplicaciones web y React Native para facilitar la creación de gráficos multiplataforma. Una forma elegante y flexible de aprovechar los componentes React en favor de la visualización práctica de datos.

Victory 

CartoDB

CartoDB

Carto es una herramienta de inteligencia de ubicación y visualización de datos para descubrir información subyacente sobre los datos de ubicación. Puede cargar datos geoespaciales (Shapefiles, GeoJSON, etc.) usando un formulario web y visualizarlos en un conjunto de datos o en un mapa, buscarlos usando SQL y aplicar estilos de mapas usando CartoCSS. Aquí hay un montón de demostraciones de video para ayudarlo a tener la idea y comenzar.

CartoDB

Metabase

Metabase alterntativa babylon

Con más de 11.000 estrellas, Metabase es una forma bastante rápida y sencilla de crear paneles de datos sin conocer SQL (pero con el Modo SQL para analistas y profesionales de datos). Puede crear segmentos y métricas canónicas, enviar datos a Slack (y ver datos en Slack con MetaBot) y más. Probablemente sea una gran herramienta para visualizar datos internamente para su equipo, aunque podría requerirse algún mantenimiento.metabase / metabasemetabase: la forma más simple y rápida de llevar inteligencia empresarial y análisis a todos en su empresa: yum: github.com.

Metabase

tauCharts

tauCharts  alterntativa babylon

Con casi 2k estrellas, tauCharts es una biblioteca de gráficos basada en D3 y centrada en datos. La biblioteca proporciona una interfaz declarativa para la asignación rápida de campos de datos a propiedades visuales, y su arquitectura le permite crear facetas y ampliar el comportamiento del gráfico con complementos reutilizables. También se ve bastante bien, ¿verdad?


Three.js: biblioteca JavaScript 3D WebGL

20 marcos WebGL de código abierto

Three.js es la biblioteca 3D WebGL JavaScript más famosa de esta lista. Es utilizada por miles de desarrolladores para juegos basados ​​en WebGL, simulación e incluso sitios web. Tiene una curva de aprendizaje simple, cientos de demostraciones y ejemplos, una rica biblioteca de tutoriales y una comunidad poderosa. 

Three.js se utiliza como base para muchos motores de gráficos WebGL y varios motores de juegos listos para navegadores. Cuenta con un editor en línea potente y ligero. La biblioteca también proporciona renderizadores Canvas 2D, SVG y CSS3D en los ejemplos.

Three.js se utiliza en muchos juegos, visualización científica y médica. Se utiliza como base de 2 marcos de visualización DICOM médicos de WebGL.

Three.js para proyectos médicos y científicos:

  • Kit de herramientas AMI
  • El kit de herramientas X
  • Med3Web
  • Miew: visor molecular 3D

Destacar

  • Editor en línea
  • Curva de aprendizaje fácil
  • Gran comunidad
  • Se utiliza como base para varios motores de gráficos y juegos WebGL


Filamento: marco WebGL para dispositivos móviles de Google

Filament es un renderizador basado físicamente en tiempo real escrito en C ++. Es móvil primero, pero también multiplataforma.

Filament es un renderizador 3D en tiempo real WebGL de código abierto creado para la Web. Utiliza C ++ con la intención de ser una plataforma 3D para dispositivos móviles. Filament es desarrollado y lanzado por Google como parte de sus proyectos de código abierto. 

Aunque se dirige a plataformas múltiples (Android, iOS, Linux, Mac OSX y Windows) con intenciones centradas en dispositivos móviles, aún no es popular entre los desarrolladores. Es una biblioteca bastante nueva, pero con el tiempo puede llamar la atención de los desarrolladores de juegos.

Demostración de filament

Destacar

  • Motor de gráficos 3D y física WebGL para dispositivos móviles (Android / iOS)
  • Compatible con Windows, Linux y Mac OSX
  • Representación de materiales
  • C ++ construido para el mejor rendimiento

KickJS: motor de juegos y gráficos de código abierto para la Web

20 marcos WebGL de código abierto

KickJS es un motor de juegos WebGL de código abierto (licencia BSD) y una biblioteca de gráficos web 3D creada para los navegadores web modernos. Tiene una curva de aprendizaje simple para los nuevos desarrolladores, ya que viene con documentación clara y rica, tutoriales y varios ejemplos de juegos. 

Como motor de juego, KickJS admite controladores de mouse, teclado y gamepad. Proporciona varias herramientas para desarrolladores, incluido el editor de sombreado, la herramienta de modelo, el visor de extensiones y algunos ejemplos de juegos con código claro.

Destacar

  • Modelos Collada DAE y Wavefront OBJ
  • Sombreadores incorporados
  • Modelo de persistencia
  • Ver selección de frustum
  • Mapas de sombras
  • Cosecha
  • Renderizar a textura
  • Skybox
  • Textura de película
  • Luz direccional, luces puntuales y luces ambientales
  • Cola de eventos
  • Entrada de teclado y mouse
  • Publicación por entregas
  • Manejo perdido de contexto


ClayGL: crea aplicaciones Web3D escalables

20 marcos WebGL de código abierto

Una biblioteca de gráficos WebGL para crear aplicaciones Web3D escalables

ClayGL es una biblioteca de gráficos Web 3D para crear aplicaciones 3D listas para la Web, como dibujar un mapa de calles 3D interactivo en un mapa geográfico real. ClayGL está disponible como proyecto de código abierto .

20 marcos WebGL de código abierto

Destacar

  • Ligero
  • Gráficos a escala
  • Configurable para gráficos de alta calidad
  • Soporta zoom
  • Visor web avanzado (Clay Viewer)
  • Fácil de usar y aprender con una curva de aprendizaje de arranque fácil
  • Presenta gráficos muy detallados con materiales avanzados y detallados
  • Amplio conjunto de ejemplos.


PlayCanvas: motor de juegos y gráficos 3D para la Web

20 marcos WebGL de código abierto

PlayCanvas es un motor de gráficos y juegos web 3D ligero y con todas las funciones. Tiene una lista impresionante de características que proporciona a los desarrolladores de juegos todo lo que necesitan para crear un juego rico en gráficos basado en la web. PlayCanvas es utilizado por muchos desarrolladores de juegos, hay varios juegos exitosos en el mercado. PlayCanvas no está diseñado solo para juegos, sino que puede usarse para crear aplicaciones AR (Realidad Aumentada) y VR (Realidad Virtual).

Destacar

  • ligero
  • Carga rapida
  • Soporte de navegador móvil
  • Editor de gráficos basado en web
  • Motor de partículas GPU con editor
  • Mallas estáticas, peladas y transformadas
  • Canalización de exportación de modelos completa de Maya, 3DS Max, Blender
  • Potente biblioteca de audio
  • Varios ejemplos de juegos con el código fuente.


WebGLStudio.js y Litescene.js: creador y editor gráfico web 3D de código abierto

20 marcos WebGL de código abierto

Entorno de desarrollo 3D para la web.


Litescene.js es un simple pero potente biblioteca de WebGL que proporciona jerarquía de nodos basado en componentes, proporciona código JSON simple que es fácil de integrar en los proyectos web y utiliza de WebGLStudio.js editor, que es un código abierto avanzado basado en la web 3D WebGL editor. Con WebGLStudio puede exportar el archivo JSON que contiene toda la información y usarlo en su LiteScene. 

Litescene.js utiliza su propia minibiblioteca “Litegl.js” para deformar componentes WebGL y hacerlo más fácil de usar creando clases para administrar diferentes elementos como Buffer, Mesh, Texture, Shader y otros aspectos comunes de cualquier aplicación WebGL.WebGLStudio.js es una plataforma para crear escenas 3D interactivas directamente desde el navegador.Permite editar la escena visualmente, codificar sus comportamientos, editar los sombreadores y todo directamente desde la aplicación.

Destacar

  • Curva de aprendizaje fácil
  • Potente en línea
  • Sistema de nodo basado en componentes
  • Canalización de renderizado realista, admite sombras, reflejos, texturas para todas las propiedades, etc.
  • Sistema de materiales que calcula automáticamente el mejor sombreador, lo que facilita el control de las propiedades
  • Gestor de recursos para cargar y almacenar cualquier tipo de recurso (texturas, mallas, etc)
  • Serializar métodos para convertir cualquier escena a JSON
  • Analizador para los formatos de archivo más comunes
  • Fácil de incrustar


Luma: Biblioteca de visualización 3D WebGL de Uber

20 marcos WebGL de código abierto



Luma es un componente WebGL2 de alto rendimiento de código abierto para la visualización y el cálculo de datos impulsados ​​por GPU. recibe actualizaciones continuas.Se utiliza como motor principal de WebGL para 2 marcos:

Puede consultar otras bibliotecas de código abierto de Uber en https://vis.gl/ .

Destacar

  • Adecuado para visualización de datos geoespaciales (grandes conjuntos de datos)


Grimoire.js: un marco WebGL para el desarrollo web

20 marcos WebGL de código abierto

Grimoire.js es un marco WebGL de código abierto para la construcción de aplicaciones web 3D, su objetivo es proporcionar un puente entre ingenieros web e ingenieros CG.

Destacar

  • HTML como marcado
  • API de operación DOM
  • Accionado por TypeScript
  • Listo para eventos y bucles
  • soporte jQuery
  • Eventos personalizados
  • Bien documentado


PixiJS – El motor de creación HTML5

20 marcos WebGL de código abierto

El motor de creación HTML5: cree contenido digital atractivo con el renderizador WebGL 2D más rápido y flexible.

PixiJS es un motor de gráficos web 2D / 3D que facilita la creación de increíbles aplicaciones de gráficos interactivos para la web. Es un motor modular que se puede extender fácilmente a través de complementos. Es el preferido entre los desarrolladores web, los creadores de juegos 2D y las grandes empresas como Google, BBC, Volkswagen, HBO, Adobe y Disney. Es mejor crear una visualización interactiva en 2D compleja, juegos en 2D y exhibición de productos.

Destacar

  • Soporte móvil
  • Compatibilidad con navegadores modernos y heredados
  • Ligero
  • Rápido
  • SOPORTE MULTIPLATAFORMA
  • API simple y fácil de usar
  • Soporte multitáctil
  • Representación de texto
  • Soporte de filtros WebGL

SceneJS

20 marcos WebGL de código abierto

SceneJS es un motor de gráficos basado en WebGL de código abierto (descontinuado) para una visualización 3D muy detallada. Es el motor central que hace que el proyecto The Bio Digital Human funcione. Aunque el proyecto está descontinuado y BioDigitalHuman usa una versión muy modificada (no de código abierto), el antiguo repositorio se ha archivado con fines educativos de WebGL. El equipo de SceneJS ha lanzado una nueva biblioteca como biblioteca lista para producción XeoGL.

XeoGL: sucesor de SceneJS

20 marcos WebGL de código abierto


El sucesor de SceneJS, XeoGL, es lanzado por los mismos desarrolladores. Es un motor gráfico WebGL basado en datos que viene con varias herramientas que apuntan a integraciones CAD / 3D más fáciles en proyectos web. Su objetivo es proporcionar una herramienta para crear gráficos WebGL 3D complejos que se ejecuten sin problemas en los navegadores modernos.

Caracteristicas

  • Utiliza WebGL para renderizar
  • Gráfico de escena basado en componentes
  • Escrito en ECMAScript 6
  • Sin dependencias externas; independiente de la biblioteca y la herramienta
  • Código abierto (MIT).
  • Diseñado para CAD, BIM y ArchViz:
  • Cargar varios modelos
  • Aislar / mover / enfatizar objetos
  • Controles de navegación de la cámara
  • Animaciones de cámara (flyto, follow, path, etc.)
  • Efectos de énfasis (estructura alámbrica, fantasma, resaltado, contorno)
  • Anotaciones
  • Vistas de sección transversal
  • Jerarquías de objetos de escena
  • Transformar jerarquías
  • Límites de volúmenes
  • Picking 3D, raycasting
  • La captura de pantalla
  • Formatos importados:
  • glTF, STL, OBJ + MTL y SceneJS
  • Materiales
  • PBR (metal / rugoso y especular / brillo)
  • Blinn / Phong y Lambert


CurtainsJS: Biblioteca de animación WebGL JavaScript

20 marcos WebGL de código abierto

CurtainJS es una biblioteca WebGL de código abierto cuyo objetivo es proporcionar animación basada en WebGL para páginas web. No es un motor gráfico ni un motor de juegos en lugar de una biblioteca de gráficos basada en eventos y animación 3D. Convierte elementos basados ​​en HTML en objetos animados 3D utilizando la biblioteca de renderizado WebGL.

Destacar

  • Ligero 34kb minificado
  • Elementos HTML a elementos 3D interactivos
  • Elementos dinámicos de Ajax
  • Fácil de usar para desarrolladores web nuevos y experimentados

PhiloGL

20 marcos WebGL de código abierto

Un marco WebGL para visualización de datos, codificación creativa y desarrollo de juegos


PhiloGL es un marco WebGL Javascript para crear aplicaciones de gráficos complejos 3D interactivos para visualización de datos, codificación creativa y desarrollo de juegos. Se puede usar con otras bibliotecas ya que es una biblioteca agnóstica. Tiene varios proyectos de demostración impresionantes http://www.senchalabs.org/philogl/demos.html con tutoriales y ejemplos de código para ayudar a los desarrolladores a comprender su concepto.

También te puede interesar: