Una biblioteca en Javascript para crear gráficos en el navegador.
Una biblioteca en Javascript para crear gráficos en el navegador.
Una biblioteca en Javascript para crear gráficos en el navegador.
litegraph.js
Una biblioteca en Javascript para crear gráficos en el navegador similar a Unreal Blueprints. Los nodos se pueden programar fácilmente e incluye un editor para construir y probar los gráficos.
Se puede integrar fácilmente en cualquier aplicación web existente y se pueden ejecutar gráficos sin la necesidad del editor.
Pruébelo en el sitio de demostración .
Cómo Ver Cuentas Privadas De Twitter
Características
- Renders en Canvas2D (acercar / alejar y hacer panorámicas, interfaces complejas fáciles de renderizar, se pueden usar dentro de WebGLTexture)
- Editor fácil de usar (cuadro de búsqueda, atajos de teclado, selección múltiple, menú contextual,…)
- Optimizado para admitir cientos de nodos por gráfico (en el editor pero también en la ejecución)
- Tema personalizable (colores, formas, fondo)
- Devoluciones de llamada para personalizar cada acción / dibujo / evento de nodos
- Subgrafos (nodos que contienen gráficos en sí mismos)
- Sistema de modo en vivo (oculta el gráfico pero llama a los nodos para representar lo que quieran, útil para crear interfaces de usuario)
- Los gráficos se pueden ejecutar en NodeJS
- Nodos altamente personalizables (color, forma, ranuras verticales u horizontales, widgets, renderizado personalizado)
- Fácil de integrar en cualquier aplicación JS (un solo archivo, sin dependencias)
- Soporte de mecanografiado
Nodos proporcionados
Aunque es fácil crear nuevos tipos de nodos, LiteGraph viene con algunos nodos predeterminados que podrían ser útiles para muchos casos:
- Interfaz (widgets)
- Matemáticas (trigonometría, operaciones matemáticas)
- Audio (AudioAPI y MIDI)
- Gráficos 3D (posprocesamiento en WebGL)
- Entrada (leer Gamepad)
Instalación
Puedes instalarlo usando npm
Puerta De Enlace Nat Terraform-Aws|_+_|
O descargando el npm install litegraph.js y build/litegraph.js versión de este repositorio.
Primer proyecto
|_+_|Cómo codificar un nuevo tipo de nodo
A continuación, se muestra un ejemplo de cómo construir un nodo que suma dos entradas:
|_+_|o puede envolver una función existente:
|_+_|Lado del servidor
También funciona en el lado del servidor utilizando NodeJS, aunque algunos nodos no funcionan en el servidor (audio, gráficos, entrada, etc.).
|_+_|Proyectos que lo usan
webglstudio.org
ME elefante
Mynodes
¿Dónde Puedo Comprar Cripto De Verasidad?
Utils
Incluye varios comandos en la carpeta utils para generar documentos, verificar errores y construir una versión reducida.
Manifestación
La demostración incluye algunos ejemplos de gráficos. Para probarlos puedes visitar sitio de demostración o instálelo en su computadora local, para hacerlo necesita css/litegraph.css, var graph = new LGraph(); var canvas = new LGraphCanvas('#mycanvas', graph); var node_const = LiteGraph.createNode('basic/const'); node_const.pos = [200,200]; graph.add(node_const); node_const.setValue(4.5); var node_watch = LiteGraph.createNode('basic/watch'); node_watch.pos = [700,200]; graph.add(node_watch); node_const.connect(0, node_watch, 0 ); graph.start() y //node constructor class function MyAddNode() { this.addInput('A','number'); this.addInput('B','number'); this.addOutput('A+B','number'); this.properties = { precision: 1 }; } //name to show MyAddNode.title = 'Sum'; //function to call when the node is executed MyAddNode.prototype.onExecute = function() { var A = this.getInputData(0); if( A === undefined ) A = 0; var B = this.getInputData(1); if( B === undefined ) B = 0; this.setOutputData( 0, A + B ); } //register in the system LiteGraph.registerNodeType('basic/sum', MyAddNode );. Dado que esas dependencias están instaladas, ejecute los siguientes comandos para probarlo:
Abra su navegador y apúntelo a http: // localhost: 8000 / . Puede seleccionar una demostración del menú desplegable en la parte superior de la página.
Realimentación
Puede escribir cualquier comentario a javi.agenjo@gmail.com
Colaboradores
- Kriffe
- rappestad
- InventivetalentDev
- NateEscarlata
- codificador de salvacion
- ilyabesk
Detalles de descarga:
Autor: Cordero
Código fuente: https://github.com/jagenjo/litegraph.js
#nodejs #node #javascript
Javascript Validar Número De Teléfono
Arquitecto especialista en gestion de proyectos si necesitas desarrollar algun proyecto en Bogota contactame en el 3006825874 o visita mi pagina en www.arquitectobogota.tk
0 comentarios:
Publicar un comentario