Este sitio utiliza cookies para funciones propias del sitio y para obtener datos estadísticos.
Si continúa navegando consideramos que acepta el uso de cookies.OK | Más información sobre la Política de Cookies. OK | Más información sobre la Política de Cookies.
Tutoriales, noticias, programas, trucos, escritorios linuxeros, software, noticias para Ubuntu. Todo sobre Ubuntu y Linux para los amantes de este sistema.
GCompris es un conjunto de software libre educativo que contiene una amplia cantidad de actividades.
Ofrece una serie de actividades buscando abarcar variedad de temas como el funcionamiento del computador, utilizar el ratón y el teclado, conocimiento general, lectura, escritura, idiomas extranjeros, algebra, entre otras actividades como juegos de memoria y lógica, experimentos científicos, etc.
GCompris es una colección de paquetes que juntos forman un suite completa de actividades.
GCompris es una colección de paquetes que juntos forman un suite completa de actividades.
Guía de GCompris conjunto de programas educativos de alta calidad: introduccion.Twitta
GCompris es una plataforma de desarrollo para actividades educacionales.
Desafortunadamente, es difícil seguir y mantener cada uno de ellos ya que ofrecen distintas interfaces gráficas, las cuales varían ampliamente en calidad.
El propósito de GCompris es brindar una plataforma de desarrollo para actividades educacionales.
GCompris es parte del proyecto GNU, bajo licencia GPL
Sistema Operativo: GNU/Linux, BSD, Mac OS, Windows
Video: NO es necesario una tarjeta aceleradora 3D
GCompris està disponible en distintas formas.
Instalación.
El software està disponible en distintas formas. Siga el proceso de acuerdo a su caso.
GNU/Linux: Utiliza los paquetes para GNU/Linux. Puede que tengas que instalar el paquete gcompris-sound-es contar con las voces español. Si GCompris no esta empaquetado para su distribución, es conveniente contactar el soporte ténico y nominarlo para su inclusión en tu distribución Linux.
Windows: Proporcionado con el instalador clásico para Windows. La versión para Windows tiene un número de actividades limitado. Puedes contribuir con el desarrollo de GCompris y obtener la activación de un código con la cancelación de un (fee).
Graph es una aplicación de código abierto que se utiliza para dibujar gráficos matemáticos en un sistema de coordenadas.
Cualquier persona que quiera dibujar gráficos de funciones encontrará útil este programa. El programa hace que sea muy fácil visualizar una función y pegarla en otro programa.
También es posible hacer algunos cálculos matemáticos sobre las funciones.
Este programa es gratuito, y puedes modificarlo y/o redistribuirlo bajo los términos de la GNU General Public License.
La versión más reciente de Graph, así como su código fuente, pueden ser descargados desde su página principal.
Guia básica para el uso de Graph.
Las preguntas más usuales referidas a Graph.
La versión más reciente de Graph, así como su código fuente, pueden ser descargados desde su página principal: http://www.padowan.dk.
Preguntas más frecuentes.
P:
¿Cuáles son los requerimientos de Graph? R:
Para ejecutar Graph necesitas MS Windows 2000 o superior. De hecho, Graph ha sido probado con Windows 2000, Windows XP, Windows Vista y Windows 7. P:
¿Puede un sistema operativo Linux ejecutar Graph? R:
Graph es un programa nativo de Windows, y no está ideado para funcionar bajo Linux, pero varios usuarios han informado que Graph se ejecuta sin problemas en ese sistema operativo mediante la aplicación Wine. P:
¿Puede un sistema operativo Macintosh ejecutar Graph? R:
Graph no puede ser ejecutado directamente en un Mac, pero esto sería posible con algún emulador de Windows. P:
¿Cuándo será lanzada una nueva versión de Graph? R:
No es posible dar una respuesta categórica. Ten en cuenta que esto depende de cuán difícil sea implementar las nuevas funciones y de cuánto tiempo disponga el programador para esta tarea. P:
¿Cómo puedo mover el sistema de coordenadas? R:
Mientras mantienes presionada la tecla Ctrl puedes emplear las teclas de dirección para desplazar el sistema de coordenadas. Asimismo, puedes usar Zoom → Mover área gráfica y arrastrar el sistema coordenado con el ratón. P:
¿Cómo puedo hacer zoom? R:
Mientras mantienes presionada la tecla Ctrl puedes emplear la teclas + y – para acercar y alejar respectivamente la presentación del sistema de coordenadas. La rueda del ratón puede ser utilizada de forma parecida, pero en este caso el zoom se lleva a cabo respecto a la posición del puntero. P:
¿Cómo puedo definir una configuración por defecto? R:
Especifica la configuración por defecto que deseas en el cuadro de diálogo Editar ejes, activa la casilla Perfil predeterminado, y haz clic en el botón Aceptar. En el futuro, la configuración definida se utilizará como modelo para crear nuevos sistemas de coordenadas. P:
¿Puedo hacer que Graph recuerde el tamaño de la ventana del programa? R:
Sí. En el cuadro de diálogo Opciones activa la casilla Guardar tamaño de la ventana al salir. En el siguiente inicio, Graph recuperará el tamaño de la ventana que fijaste por última vez. P:
¿Por qué el programa no acepta una coma como separador decimal? R:
Numerosos países utilizan la coma para separar la parte entera de la parte decimal, pero Graph adopta la coma para separar los argumentos de una función. Por ello, el programa emplea un punto como separador decimal, no importa cuál sea el separador predeterminado de tu sistema operativo. P:
¿Cómo trazo una línea perpendicular al eje X? R:
Con una función paramétrica. En el cuadro de diálogo Insertar función, selecciona Función paramétrica en la lista desplegable Tipo de función. Si deseas que la línea pase por x=5, indica x(t)=5, y(t)=t. Como alternativa, puedes introducir la ecuación x=5.
Graph es gratuito, y puedes modificarlo y/o redistribuirlo bajo los términos de la GNU General Public License.
R:
Para dibujar una función con y como variable independiente debes emplear una función paramétrica. En el cuadro de diálogo Insertar función, selecciona Función paramétrica en la lista desplegable Tipo de función. Si necesitas, por ejemplo, representar la función x=sin(y), introduce la función paramétrica x(t)=sin(t), y(t)=t.Como alternativa, puedes introducir la ecuación x=sin(y). P:
¿Cómo trazo un círculo? R:
Puedes emplear una función paramétrica para dibujar un círculo. En el cuadro de diálogo Insertar función, selecciona Función paramétrica en la lista desplegable Tipo de función. Por ejemplo, si deseas representar un círculo de radio r=5 con centro en el punto (2,–3), inserta x(t)=5·cos(t)+2, y(t)=5·sin(t)–3. Posteriormente, utiliza Zoom → Escalar uniformemente para aplicar el mismo factor de escala a ambos ejes. Así conseguirás que el círculo se muestre como tal, y no como una elipse. Alternativamente, puedes introducir la ecuación (x–2)^2+(y+3)^2=5^2. Recuerda que un complemento para crear círculos está disponible en Complementos → Insertar círculo... Como caso especial, si el centro del círculo está en (0,0), puedes definir una función polar para trazarlo. Por ejemplo, un círculo de radio r=5 puede ser dibujado como la función polar r(t)=5. P:
¿Cómo calculo el área entre dos funciones? R:
Si deseas hallar el área comprendida entre dos funciones, define primero una función que es la diferencia entre aquéllas. Por ejemplo: f(x)=3x, g(x)=x^2. La función diferencia es y=f(x)–g(x)=3x–x^2. Posteriormente, emplea Calcular → Integral para determinar el área en el intervalo que desees. P:
¿Cómo calculo la inversa de una función? R:
Puedes emplear una función paramétrica. Por ejemplo, si deseas dibujar la inversa o recíproca de f(x)=x2-2x, introduce la función paramétrica x(t)=t^2–2t, y(t)=t. P:
¿Cómo puedo trazar la parte negativa de f(x)=sqrt(x+2)? R:
Nota que en este caso Graph mostrará sólo los valores positivos de f(x). Si deseas representar la rama negativa de esa función, tendrás que crear dos funciones diferentes: f(x)=sqrt(x+2) y g(x)=–sqrt(x+2). Como alternativa, la ecuación y^2=x+2 dibujará perfectamente las ramas positiva y negativa.
Guia básica para el uso de Graph: las preguntas más frecuentes.Twitta
P:
¿Cómo trazo una función compleja como f(t)=e^(t*i)? R:
Para representar las soluciones complejas de la función, probablemente desees emplear el eje X como el eje real y el eje Y como el eje imaginario. En este caso, inserta la citada función como la función paramétrica x(t)=re(e^(t*i)), y(t)=im(e^(t*i)). Recuerda que en Editar ejes> Configuración, la casilla Calcular con números complejos debe estar activada. P:
¿Cómo puedo hacer que Graph trace correctamente funciones con asíntotas verticales asociadas? R:
Funciones como f(x)=tan(x) podrían no ser dibujadas de forma exacta. Por defecto, Graph evalúa la función para cada píxel del eje X, pero si una gráfica tiene una pendiente que tiende a infinito entre dos píxeles, el programa no lo advertirá. Para dibujar fielmente la función, deberías especificar cuántas evaluaciones deseas que realice el programa. En el cuadro de diálogo Insertar función, introduce un número en el cuadro Pasos. Por ejemplo, si indicas 100000, esto será suficiente para mostrar la función de forma precisa. P:
¿Es posible guardar un sistema de coordenadas como un archivo pdf?
R:
Sí, pero observa que, exactamente, el programa guardará una imagen png del sistema coordenado dentro de un archivo pdf. Para ello, emplea Archivo → Guardar como imagen. P:
¿Por qué el programa no se inicia con Windows 95? R:
La última versión del programa compatible con Windows 95 fue Graph 4.2, versión ya superada.
Graph es un programa diseñado para representar gráficamente funciones matemáticas en un sistema de coordenadas.
Es un programa con menús y cuadros de diálogo, y capaz de dibujar funciones explícitas, paramétricas y polares, e igualmente, tangentes, rellenos, series de puntos, ecuaciones e inecuaciones.
Asimismo, permite evaluar una gráfica en un punto dado u obtener una tabla de valores respecto a la función seleccionada, y mucho más.
Graph es un programa diseñado para representar gráficamente funciones matemáticas en un sistema de coordenadas.
Guia básica para el uso de Graph.
Este programa es gratuito, y puedes modificarlo y/o redistribuirlo bajo los términos de la GNU General Public License. La versión más reciente de Graph, así como su código fuente, pueden ser descargados desde su página principal: http://www.padowan.dk.
Graph ha sido probado en varios sistemas operativos, pero puede contener todavía algunos errores. Si necesitas ayuda sobre el uso del programa o deseas enviar informes de errores o sugerencias para futuras versiones, por favor, visita el foro de soporte de Graph.
Informe de errores.
Cuando envíes el informe de un error, por favor, indica lo siguiente:
Versión del programa que estás utilizando. Encontrarás este dato en Ayuda → Acerca de Graph. Ante todo, deberías asegurarte de que dispones de la versión más reciente, pues es posible que el error ya esté corregido.
Describe qué ocurre, y qué esperabas que ocurriera.
Explica detalladamente cómo puede ser reproducido el error. Si el programador no puede comprobar dicho error, le será muy difícil solucionar el problema.
Conceptos básicos.
Observa la ventana del programa en la figura adjunta. En la parte superior verás la barra de menús cuyas diversas categorías proporcionan acceso al conjunto de comandos de Graph.
Bajo la barra de menús, las barras de herramientas reúnen una selección de botones que constituyen las equivalencias de cierto número de comandos. Puedes emplear tanto los comandos de los menús como los botones de las barras de herramientas para realizar determinadas acciones.
Si deseas personalizar las barras de herramientas, haz clic derecho en un punto cualquiera de ellas y selecciona Personalizar... desde el menú contextual. Puedes arrastrar botones con el ratón desde el subsiguiente cuadro de diálogo y agregarlos a una barra de herramientas, o quitarlos de ésta arrastrándolos hasta el cuadro de diálogo.
No olvides abrir después el cuadro de diálogo Editar ejes, activar la casilla Perfil predeterminado y hacer clic en el botón Aceptar para así guardar la nueva configuración de la interfaz. De lo contrario, los cambios introducidos no serán guardados para el próximo inicio del programa.
Area gráfica.
Bajo las barras de herramientas, a la derecha, se halla el área gráfica, que contiene el sistema de coordenadas, y donde todos los elementos de Graph serán representados.
Con Graph puedes introducir nuevos elementos en el sistema de coordenadas desde el menú Función.
En la parte izquierda de la ventana del programa hay un área denominada panel de contenido, una lista que recoge todos los elementos insertados en el sistema de coordenadas. Nota que cada elemento está unido a una casilla de verificación.
Guia básica para el uso de Graph: introducción y conceptos básicos.Haz Clic para Twittear
Si deseas que el área gráfica no muestre cierto elemento, simplemente desactiva su casilla. Recuerda que puedes expandir o contraer el panel de contenido arrastrando su margen derecho con el ratón.
Para editar un elemento, selecciónalo primero en el panel de contenido y emplea Función → Editar…, o haz clic derecho sobre él y selecciona Editar... desde el menú contextual. El método más simple consiste en hacer doble clic sobre dicho elemento y abrirás el cuadro de diálogo que permitirá su edición.
La barra de estado.
La barra de estado en la parte inferior de la ventana del programa muestra variada información en su parte izquierda (por ejemplo, definiciones de comandos o mensajes de error), así como las coordenadas del puntero del ratón en su extremo derecho.
Por su parte, el menú Calcular agrupa varios comandos para realizar operaciones sobre funciones, por ejemplo, calcular el área entre el segmento de una función y el eje X, u obtener una tabla de valores respecto a la función seleccionada.
Si te ha gustado el artículo inscribete al feed clicando en la imagen más abajo para tenerte siempre actualizado sobre los nuevos contenidos del blog:
Canvas fue introducido inicialmente por Apple para su uso dentro de su propio componente de Mac OS X Surgido en 2004, para empujar aplicaciones como widgets de Dashboard y el navegador Safari.
Más tarde, en 2005, se adoptó en la versión 1.8 de los navegadores Gecko y Opera en 2006. Fue estandarizado por el Grupo de Trabajo de Tecnologías de Aplicación de hipertexto Web (WHATWG por sus siglas en inglés) sobre las nuevas especificaciones propuestas para tecnologías web de última generación.
Cómo utilizar la plataforma Canvas.
Puede modificar el idioma predeterminado para toda la cuenta.
Canvas admite diversos idiomas. Este cambio anulará las configuraciones de cualquier navegador o sistema operativo.
Configuración.
En la Navegación de la cuenta, haga clic en el enlace de Configuraciones (Settings).
Nota: Los usuarios pueden seleccionar un idioma preferido en la configuración de usuario, que anulará el valor predeterminado de la cuenta.
Seleccionar idioma
En la pestaña Configuraciones (Settings), haga clic en el menú desplegable Idioma predeterminado (Default Language). Seleccionar el nuevo idioma predeterminado.
Cómo utilizar la plataforma Canvas: cambiar las preferencias del idioma en la cuenta.Haz Clic para Twittear
Actualizar configuraciones.
Haga clic en el botón Actualizar configuraciones (Update Settings).
Nibbles es un juego donde el usuario controla un gusano. El gusano se mueve alrededor del tablero, comiendo diamantes mientras evita las paredes ubicadas alrededor de ella.
Para ejecutar Nibbles, seleccione Juegos ▸ Nibbles del menú Aplicaciones, o escriba gnibbles en la línea de comandos.
Nibbles está incluido en el paquete gnome-games, que es parte del entorno de escritorio GNOME. Este documento describe la versión 2.20 de Nibbles.
Nibbles el gusano comedor de diamantes.
La guía completa de Nibbles.
El objetivo de Nibbles es bastante simple. Controle el gusano y si se choca con una pared o contra si mismo, muere.
Objetivo de Nibbles.
Tiene diez vidas antes de que se acabe su partida. Ganará cuando bata su propio récord (o el de algún amigo) o complete todos los niveles.
También es posible jugar contra gusanos con inteligencia artificial.
Nibbles también soporta modo multijugador con hasta seis jugadores humanos en un equipo o en modo red.
Usar Nibbles.
Nibbles es un juego muy fácil de jugar. Las únicas teclas que se necesitan son las teclas de flechas.
Al iniciar Nibbles se abrirá la ventana principal mostrada debajo.
Para iniciar el juego, seleccione Juego Nuevo.
Cuando comienza la partida, el gusano saldrá de un lado de la pantalla. Use la flecha arriba para hacer que el gusano vaya hacia arriba. Use la flecha derecha para girar a el gusano a la derecha,
flecha izquierda para girar al gusano a la izquierda y flecha abajo para hacer que el gusano vaya hacia abajo.
Nibbles inicio del juego.
Menús.
La barra de menú, ubicada en la parte superior de la ventana principal, contiene los siguientes menús:
Juego.
Este menú contiene:
* Nuevo (Ctrl+N) esto inicia un juego nuevo de Nibbles.
* Nuevo (Ctrl+N) esto inicia un juego nuevo de Nibbles.
* Puntuación esto muestra las puntuaciones más altas.
* Pausa esto pausará su partida. Pulse en la opción de menú «Pausa» para resumir la partida.
* Finalizar el juego finaliza la partida actual y vuelve a la pantalla de título.
* Salir (Ctrl-Q) esto sale de la aplicación.
Ver
Este menú contiene:
* Puntuación esto muestra las puntuaciones más altas.
Configuración
Este menú contiene:
* Preferencias esto abre su ventana para editar las preferencias.
Ayuda
Este menú contiene:
* Contenido (F1) muestra este manual.
Leer también:
Acerca de esto abre el diálogo Acerca de el cuál muestra información básica acerca de Nibbles, tal como el nombre del autor y el número de versión del juego.
Diamantes.
En Nibbles numerosos y diferentes diamantes para comer. Cada uno es de un color diferente y sirve para una función diferente. Solamente se garantiza que el diamante púrpura pálido es suficientemente largo para comerlo (de hecho, tiene que comerlos para finalizar el nivel). Los otros diamantes son premios, pero sólo aparecen por un periodo de tiempo corto. Le dejaremos que descubra qué tipo de premio proporciona cada color, pero todos afectan a la puntuación, a la longitud del gusano o a ambos. Tenga cuidado cuando vaya a por estos diamantes de premio, no se vaya a olvidar de los diamantes ordinarios que necesita para finalizar el nivel.
Personalizar.
Para cambiar los ajustes de la aplicación, seleccione Ajustes ▸ Preferencias. Esto abrirá el diálogo de Preferencias. Todas las preferencias se guardan automáticamente y se aplican cuando las cambie.
Solapa de preferencias del juego.
Preferencias de Nibbles: Juego.
Las propiedades en la solapa Juego son:
Velocidad.
Esto controla la velocidad del gusano.
Jugar niveles en orden aleatorio
Seleccionar esto hará que el avance del nivel ocurra en orden aleatorio.
Activar bonificaciones falsas
Cuando está activado permite que haya dos diamantes azules en la pantalla a la vez. Al ser comido, un diamante le hace encogerse en lugar de crecer.
Activar los sonidos
Controla el uso de los sonidos durante el juego.
Nivel inicial
En qué nivel comenzar. Use esto si quiere saltar inmediatamente a un nivel de competición.
Número de jugadores humanos
Hay sitio hasta para seis jugadores.
Número de jugadores IA
Hay sitio para hasta seis jugadores IA. Nótese que el número total de jugadores humanos e IA debe ser igual o menor que seis.
Solapa de preferencias del gusano
La guía completa para aprender a jugar con Nibbles, el gusano comedor de diamantes.Haz Clic para Twittear
Las propiedades en las solapas desde Gusano 1 hasta Gusano 4 le permiten establecer preferencias individuales para los diferentes gusanos.
Preferencias de Nibbles: Gusano 1.
Control de teclado.
Esta lista le permite cambiar los controles de teclado para el gusano dado. Para cambiar un control, pulse dos veces sobre la entrada apropiada y después pulse la techa que quiere usar para ese control.
Usar movimiento relativo.
Más que dejar que la flecha izquierda envíe a su gusano a la parte izquierda de la pantalla, la flecha derecha hacia la parte derecha y demás, las teclas de flecha izquierda y derecha hacen que el gusano realice un giro a la derecha o izquierda, si el gusano se está moviendo a la izquierda y pulsa la flecha izquierda, éste gira hacia la parte inferior de la pantalla.
Color del gusano.
Personalice el color de su gusano para poder diferenciarlo del de su oponente en el modo multi jugador.
Juegos en red.
Nibbles soporta juegos en red multijugador, proporcionados por GGZ Gaming Zone. Al conectar Nibbles a un servidor en internet, puede desafiar otros jugadores en juegos multijugador. Para obtener noticias, actualizaciones y una lista de los servidores a los que conectar, vea la página web de juegos GNOME.
Para iniciar el juego multijugador de Nibbles, seleccione Juego ▸ Juego en red del menú de Nibbles.
Conectar Nibbles con un servidor de red.
El diálogo de conexión de Nibbles se muestra inicialmente al comenzar un nuevo juego en red. Éste diálogo le permite seleccionar un servidor al que conectarse y el nombre de usuario que tendrá mientras esté conectado a ese servidor.
Es posible conectarse a un servidor tanto con una cuenta de invitado como con una cuenta normal registrada. Las cuentas de invitado le permiten registrarse anónimamente, mientras que una cuenta normal le permite reservar su propio nombre de usuario que está protegido por la contraseña que elija.
Debería seleccionar la opción Inicio de sesión como invitado si quiere iniciar una sesión anónima. Si quiere crear una nueva cuenta, entonces seleccione la opción Inicio de sesión por primera vez, con el nombre de usuario, contraseña y correo electrónico que quiera. Si ya ha creado una cuenta, puede conectarse con ella seleccionando la opción Inicio de sesión normal e introduciendo el nombre de usuario y contraseña que eligió.
Para conectar a un servidor, pulse en el botón Conectar.
Configurar Nibbles para jugar en red.
Una vez que se haya conectado a un servidor, elija a qué sala de juego quiere unirse. Para jugar una partida multijugador de Nibbles, seleccione la sala Nibbles. Si quiere hospedar su propia partida, entonces pulse el botón Lanzar. Esto creará un nuevo tablero donde otros jugadores pueden participar en la partida contra usted. Si ya hay algún otro juego iniciado, puede pulsar con el ratón dos veces sobre un tablero para unirse a él. La lista de tableros de juegos a la derecha le muestra el número de asientos disponibles, que significa el número de jugadores que pueden unirse al tablero.
Cuando cree una nueva tablero para partidas de Nibbles, se mostrará un diálogo de preferencias que le permite personalizar el juego, tales como el mínimo número de jugadores para la partida. Una vez que todos los asientos se han ocupado, entonces no se permitirá a más jugadores que se unan a ese tablero.
Es posible chatear con otros jugadores en los juegos en red. Pregunte por un consejo o ayuda mientras juega las partidas, pero sea educado con los otros jugadores.
Esperar a que otros jugadores se unan al juego.
Una vez que se ha unido satisfactoriamente a una partida, tiene que esperar hasta que se unan suficientes jugadores. El elemento del menú Lista de jugadores le permite ver la lista de los jugadores que se han unido a la partida. El juego comenzará inmediatamente cuando se alcance el número de jugadores necesario.
Jugar a Nibbles en modo multijugador.
Las partidas multijugador en Nibbles tienen más o menos las mimas reglas que una partida normal de Nibbles, salvo que ahora juega contra jugadores humanos. Esto significa que posiblemente otras estrategias sean mejores que las usadas contra los jugadores IA.
Una vez que un jugador ha ganado, el juego termina y puede volver a la pantalla iniciar de juego en red. Entonces puede jugar otra adictiva partida de Nibbles.
Si te ha gustado el artículo inscribete al feed clicando en la imagen más abajo para tenerte siempre actualizado sobre los nuevos contenidos del blog:
Canvas es un elemento HTML el cual puede ser usado para dibujar gráficos usando scripts (normalmente JavaScript).
Este puede, por ejemplo, ser usado para dibujar gráficos, realizar composición de fotos o simples (y no tan simples) animaciones. Las imágenes a la derecha muestran algunos ejemplos de implementaciones <canvas> las cuales se verán en un futuro en este tutorial.
Canvas fue introducido primero por Apple para el Mac OS X Dashboard y después implementado en Safari y Google Chrome. Navegadores basados en Gecko 1.8, tal como Firefox 1.5, que también soportan este elemento. El <canvas> es un elemento parte de las especificaciones de la WhatWG Web applications 1.0 mejor conocida como HTML5.
Cómo utilizar la plataforma Canvas.
En este tutorial se describe cómo usar el elemento <canvas> para dibujar gráficos en 2D, empezando con lo básico.
Los ejemplos le proveerán mayor claridad a las ideas que pueda tener referentes al canvas, así como los códigos que necesita para crear su propio contenido.
El elemento <canvas> está incluido en las aplicaciones Web 1.0 de WhatWG Web, también conocido como HTML 5.
Las aplicaciones de Mozilla han implementado <canvas> a partir de Gecko 1.8 (es decir, Firefox 1.5).
El elemento fue presentado originalmente por Apple para OS X Dashboard y Safari. Internet Explorer soporta <canvas> desde la versión 9 en adelante, para versiones anteriores de IE, una página web puede añadir la compatibilidad de forma eficaz incluyendo un script que se puede descargar desde el proyecto Explorer Canvas de Google. Google Chrome y Opera 9 también soportan <canvas>.
Ya que estamos usando JavaScript para controlar los <canvas> , tambien es muy facil hacer animaciones (interactivos). En este capitulo veremos como hacer algunas animaciones basicas.
Probablemente la mayor limitacion es, que una vez que la forma se dibuja, quede asi.
Y si tuvieramos que moverla tendriamos que redibujar todo y todo lo que fue dibujado antes. Esto tomaria mucho tiempo en redibujar (los marcos y las figuras complejas) y esto va a depender en gran medida de la velocidad a la que corra tu computadora.
Estos son los pasos que necesitas para dibujar un marco:
Limpiar el Canva.
A menos que la forma que dibujes llene por completo el canva (Por Ejemplo una imagen de fondo), necesitas limpiar cualquier forma que hallas dibujado previamente. Esto facilemente podrias hacerlo usando el metodo clearRect().
Guardar el estado del Canva.
Si tu modificas cualquier ajuste (como un estilo, transfomacion, etc.) que afecte estado del canva y quieres asegurarte que el estado original se use cada vez que dibujes un marco, entonces necesitas guardar el estado original.
Dibujar formas animadas.
Este es le paso donde haces el renderizado del marco actual.
Restaurar el estado del Canva.
Si tu has guardado el estado del canva, debes restaurarlo antes de dibujar un nuevo marco.
Controlar una Animacion.
Para crear formas en en los canvas usamos los metodos de canvas o hacemos el llamando a funciones personalizadas. En un caso normal, nosostros solo vemos que el resultado aparece cuando el el script se ha ejecutado. Por ejemplo, no es posible hacer una animacion desde un bucle for.
Esto significa que necesitamos una manera de ejecutar nuestras funciones de dibujo en un período de tiempo. Hay 2 formas para controlar una animacion como esta.
Actualizaciones Programadas.
Primero window.setInterval(), window.setTimeout(), y window.requestAnimationFrame() son funciones que pueden ser usadas para llamar una funcion especifica en un periodo de tiempo establecido.
setInterval(function, delay)
Ejecuta una funcion especificada por function cada delay milisegundos.
setTimeout(function, delay)
Ejecuta una funcion especificada por function dentro de delay milisegundos.
requestAnimationFrame(callback)
Comunica al navegador que deseas iniciar una animacion y requieres que el navegador llame a las funciones especificas para actualizar la misma antes de la siguiente escena.
Cómo utilizar la plataforma Canvas: pasos para una animación básica en un sistema solar.Haz Clic para Twittear
Si no quieres ninguna interaccion del usuario puedes usar la funcion setInterval() que repite la ejecucion del codigo suminsitrado. Si lo que queremos es hacer un juego, nosotros usariamos los eventos del mouse o el teclado para controlar la animacion y usariamos setTimeout(). Al establecer los EventListener, capturamos cualquier interaccion del usuario y ejecutamos nuestras funciones de animacion.
En los siguiente ejemplo,usaremos el metodo para controlar animaciones window.requestAnimationFrame(). El metodo requestAnimationFrame provee formas amigables y mas eficientes para animar llamando cada marco de animacion cuando el sistema esta listo para dibujar. Las retrollamadas son usualmente 60 veces por segundo y podria ser reducido a menor periodo cuando se corre en un segundo plano.
Para más informacion acerca de los ciclos de animacion, especialmente para juegos, ver el Articulo Anatomia de un video juego en nuestra GameZona de desarrollo de Juegos.
Un sistema solar animado.
Este ejemplo animado es un pequeño modelo de nuestro sistema solar
Ya está disponible Ubuntu 17.10 y hemos comenzado a usarlo así como viene.
En este post les adelantábamos la publicación de la nueva versión de Ubuntu, de todas sus derivadas oficiales y de los links e instrucciones para la descarga e instalación.
Aunque parezca contradictorio Ubuntu 17.10 viene con novedades históricas, pero lo fugaz de su soporte y los cambios que se avecinan para su próximo lanzamiento hacen de Artful Aardvark un trámite necesario, como en su momento lo fue Ubuntu 11.04.
Estos cambios experimentales serán fundamentales en la nueva versión 18.04 con soporte a largo término que se publicará en Abril del 2018.
5 clientes de correo electrónico alternativos a Mozilla Thunderbird.
Un hito que comienza con el reinicio del abecedario para el nombre en clave de la versión, que continúa devolviendo al escritorio GNOME a una posición de la que no gozaba desde hace años y que termina introduciendo dos cambios de calado para los usuarios de PC: imágenes de instalación en vivo solo para 64-bit y Wayland por defecto como compositor gráfico.
Bien, dicho esto en forma bastante sumaria, pasemos al punto que nos ocupa: como personalizar y mejorar las prestaciones de Artful Aadvark installando software alternativo al que viene ya instalado con la distribución.
Este es el software preinstalado en Ubuntu 17.10 “ArtfulAadvark”:
Firefox
Chromium Thunderbird
LibreOffice en versión casi completa(falta LibreOffice Base)
Gedit
Evince
Cheese per la gestione della web cam
Rhytmbox
Video (el visualizador predefinido de GNOME)
Shotwell
Visualizador de imágenes de GNOME
Simple Scan
Transmission
Software (el administrador de las aplicaciones de GNOME que reemplaza ya desde un par de versiones al ex-Ubuntu Software Center).
Hoy nos ocuparemos de evaluar las prestaciones de 5 clientes de correo electrónico alternativos a Mozilla Thunderbird. Mozilla Thunderbird es un cliente de correo electrónico de la Fundación Mozilla.
Su objetivo es desarrollar un Mozilla más liviano y rápido mediante la extracción y rediseño del gestor de correo del Mozilla oficial.
Es multiplataforma, utiliza el lenguaje de interfaz XUL y es software libre.
Al igual que su programa hermano, Firefox, en 2011, se lanzó la versión 5, que se ha incluido el motor de renderizado Gecko, el cual implementa estándares web coincidiendo las versiones de desarrollo.
Además, cada seis semanas, se actualizará su versión adoptado inicialmente de Chrome.
La última versión estable publicada es la 52.5.0 del 23/11/2017.
Claws Mail potente y ligero cliente de email y lector de noticias RSS.
Claws Mail brinda casi todo lo que un perfecto cliente de correo necesita. Recuperacion de correo POP3, IMAP4, buzón local, sobre SSL; soporta varios métodos de autentificación.
Tiene múltiples cuentas y buzones, potentes funcionalidades de filtrado y búsqueda, capacidad de importación y exportación de varios formatos, soporte de GnuPG (firmas digitales y cifrado).
Ademas no solo es un cliente de email sino que tambien puede ser usado como lector de noticias RSS.
Instalarlo en Ubuntu es muy sencillo como siempre:
sudo apt-get install claws-mail
o caso contrario seleccionar Software (que reemplaza a Ubuntu Software Center) escribir Claws en la casilla de búsqueda y una vez encontrado el archivo clicar encima de él al mejor estilo Windows.
Hiri, el cliente email multiplataforma pensado en la productividad.
Hiri es un cliente de correo electrónico compatible con Linux compatible con Microsoft Exchange.
Las opciones existentes para disfrutar de este servicio de correo son bastante limitadas, y existen muy pocas alternativas que además del correo, permitan sincronizar el calendario y la lista de contactos.
Por suerte para los usuarios de distribuciones como Ubuntu y todos sus derivados, este cliente permite realizar las tres operaciones de una forma más o menos sencilla.
Esta aplicación permite clasificar los correos entrantes y separarlos por aquellos que solo necesitamos leer y en los que debemos realizar otra acción.
El Mundo de Ubuntu: Cómo personalizar y optimizar Ubuntu 17.10 Artful Aadvark: 5 clientes de correo electrónico.Haz Clic para Twittear
Para todos aquellos usuarios que quieran probar la aplicación, esta disponible para Ubuntu y todas aquellas distribuciones compatibles con Snap.
Tan solo debemos teclear en la consola:
sudo snap install hiri
El proceso de instalación comenzará y en solo unos segundos tendremos nuestro cliente Hiri instalado en el equipo.
KMail cliente de correo electrónico por defecto en KDE.
KMail es el cliente de correo electrónico por defecto en KDE.
KMail es un cliente de correo electrónico (MUA) para el proyecto KDE. Dispone de una interfaz modificable y se integra con las aplicaciones KDE.
KMail ofrece diversas prestaciones:
Soporta carpetas, filtrado, visualización de correo con HTML y juegos de caracteres internacionales.
Puede enviar correo a través de un servidor de correo y recibir correo por los protocolos POP3 o IMAP.
Soporta cifrado OpenPGP mediante GnuPG. Y cifrado S/MIME.
También tiene compatibilidad para filtrar mensajes de correo a través de antivirus o antispam que se encuentren instalados en el sistema.
Plantillas de mensajes.
Libreta de direcciones
Kmail se instala por defecto en la instalación del gestor de ventanas KDE.
En el supuesto caso que hayamos realizado una instalación mínima del sistema operativo Debian GNU/Linux hemos de proceder a su instalación, bien desde synaptic (actualmente Software) o bien desde consola, instalando el paquete kmail escribiendo en la terminal el comando:
apt-get install kmail
Evolution mucho más que un cliente de correo.
Evolution es una aplicación multiplataforma para leer el correo/noticias/RSS.
Evolution proporciona un cliente de correo, un gestor de direcciones y una aplicación de calendario a los usuarios de entorno de escritorio GNOME. Soporta los protocolos de correo IMAP, POP, SMTP y SMTP autentificado, también otros como Microsoft Exchange 2000, 2003 y 2007. También tiene soporte para Novell GroupWise.
Para instalar Evolution en Ubuntu ejecutar los siguientes comandos:
O directamente desde Software en el menú principal usando la casilla de búsqueda.
Características.
Integración con el entorno de escritorio GNOME.
Correos en texto plano y también HTML.
Corrección ortográfica.
Etiquetado de correos.
Filtros definidos por el usuario y carpetas de búsqueda para simplificar la organización de correos.
Integración con tareas y listas de cosas por hacer mediante el applet world-clock.
Prevención contra correos basura (spam) gracias a la integración con SpamAssassin.
Evolution se encuentra bajo los términos de la licencia GNU Lesser General Public License (LGPL).
Dekko cliente de correo nativo para Ubuntu Phone.
Dekko es un proyecto comunitario, un cliente IMAP con limitaciones por el momento y aun así la única alternativa medio decente de las disponibles en la tienda de apps de Ubuntu.
Y no solo sigue adelante su desarrollo, sino que se prepara para adaptarse a la convergencia de Ubuntu.
¿Por qué se entiende a una aplicación como convergente? Por su adaptación instantánea al tamaño de pantalla y dispositivo en el que se ejecute.
Dekko se basa en el código de Trojita, cliente IMAP parte del proyecto KDE y alternativa ligera y sencilla a KMail.
Dekko, desde luego, apunta en la mejor de las direcciones.
Para instalar Dekko en el PC abrir la terminal y digitar:
Si no parte inmediatamente lo hará en el próximo reinicio del PC. Mientras tanto lo podemos hacer partir manualmente digitando siempre en la terminal el comando:
snap run dekko
Si te ha gustado el artículo inscribete al feed clicando en la imagen más abajo para tenerte siempre actualizado sobre los nuevos contenidos del blog:
Canvas es un elemento HTML el cual puede ser usado para dibujar gráficos usando scripts (normalmente JavaScript).
Este puede, por ejemplo, ser usado para dibujar gráficos, realizar composición de fotos o simples (y no tan simples) animaciones. Las imágenes a la derecha muestran algunos ejemplos de implementaciones <canvas> las cuales se verán en un futuro en este tutorial.
Canvas fue introducido primero por Apple para el Mac OS X Dashboard y después implementado en Safari y Google Chrome. Navegadores basados en Gecko 1.8, tal como Firefox 1.5, que también soportan este elemento. El <canvas> es un elemento parte de las especificaciones de la WhatWG Web applications 1.0 mejor conocida como HTML5.
Cómo utilizar la plataforma Canvas.
En este tutorial se describe cómo usar el elemento <canvas> para dibujar gráficos en 2D, empezando con lo básico.
Los ejemplos le proveerán mayor claridad a las ideas que pueda tener referentes al canvas, así como los códigos que necesita para crear su propio contenido.
El elemento <canvas> está incluido en las aplicaciones Web 1.0 de WhatWG Web, también conocido como HTML 5.
Las aplicaciones de Mozilla han implementado <canvas> a partir de Gecko 1.8 (es decir, Firefox 1.5).
El elemento fue presentado originalmente por Apple para OS X Dashboard y Safari. Internet Explorer soporta <canvas> desde la versión 9 en adelante, para versiones anteriores de IE, una página web puede añadir la compatibilidad de forma eficaz incluyendo un script que se puede descargar desde el proyecto Explorer Canvas de Google. Google Chrome y Opera 9 también soportan <canvas>.
¿Cómo limpio mi memoria caché del navegador en un Mac?
Una memoria caché del navegador almacena copias de las páginas web que visita, lo que permite que las páginas se carguen más rápido. Limpiar la memoria caché ayuda a mantener las páginas actualizadas con la información correcta.
Safari.
Para aprender más sobre limpiar su memoria caché en Safari, visite el Soporte de Apple.
En la barra de menú de Safari, haga clic en la opción de Safari.
Haga clic en el enlace Remover historial (Clear History).
En el menú desplegable, seleccione el intervalo de tiempo donde desea borrar los datos de navegación.
Haga clic en el botón Remover historial (Clear History).
Chrome.
Para aprender más sobre limpiar su memoria caché en Chrome, visite el Soporte de Google.
En la barra de herramientas del navegador, haga clic en el ícono de menú Chrome.
Seleccione el enlace de Más herramientas (More Tools).
Seleccione el enlace de Remover datos de navegación (Clear browsing data).
En el menú desplegable de datos, seleccione el intervalo de tiempo donde desea borrar los datos de navegación
Seleccione las casillas "Cookies" y otros sitios y datos plug-in (Cookies and other site and plug-in data) e Imágenes y archivos de la memoria caché(Cached images and files).
Haga clic en el botón de Remover datos de navegación (Clear browsing data).
Firefox.
Para aprender más sobre limpiar su memoria caché en Firefox, visite el Soporte de Firefox.
En la barra de menú de Firefox, haga clic en la opción de Firefox.
Selecciona el enlace de Preferencias(Preferences).
Haga clic en la pestaña de Privacidad (Privacy) .
Bajo el encabezado de la Historia (History), haga clic en el enlace de Borrar su historial reciente (Clear your recent history).
Seleccione la casilla de verificación de Memoria caché (Cache).
Haga clic en el botón Limpiar ahora (Clear now).
Cómo utilizar la plataforma Canvas: introducción y especificaciones básicas del PC.Haz Clic para Twittear
¿Cómo limpio mi memoria caché del navegador en un PC?
Una memoria caché del navegador almacena copias de las páginas web que visita, lo que permite que las páginas se carguen más rápido. Limpiar la memoria caché ayuda a mantener las páginas actualizadas con la información correcta.
Internet Explorer.
Para aprender más sobre limpiar su memoria caché en Internet Explorer, visite el Soporte de Microsoft.
En la barra de menú de Internet Explorer, haga clic en el ícono de Configuraciones (Settings).
Seleccione el enlace de Opciones de Internet (Internet Options).
Bajo el encabezado de Historial de navegación (Browsing History), haga clic en el botón de Borrar (Delete).
Revise que estén seleccionadas las casillas de verificación de Archivos de internet y website temporales (Temporary Internet files and website files) y Cookies y datos de la website (Cookies and website data). Remueva la selección de la casilla de Preservar información de la website de Favoritos (Preserve Favorites website data).
Haga clic en el botón Borrar (Delete).
Edge.
Para aprender más sobre limpiar su memoria caché en Edge, visite el Soporte de Microsoft.
En la barra de menú de Edge, haga clic en el icono de Hub.
Para ver su historial de navegación, haga clic en el icono de la Historia (History).
Haga clic en el enlace Limpiar todo el historial (Clear all history).
Elija los tipos de datos o archivos que desea eliminar. Seleccione las casillas de verificación de Cookies y datos de la website guardados (Cookies and saved website data) y Datos y archivos almacenados en caché (Cached data and files).
Haga clic en el botón Limpiar (Clear).
Chrome.
Para aprender más sobre limpiar su memoria caché en Chrome, visite el Soporte de Google.
En la barra de herramientas del navegador Chrome, haga clic en el ícono de menú Chrome.
Seleccione el enlace de Más herramientas (More Tools).
Seleccione el enlace de Remover datos de navegación (Clear browsing data).
Utilice el menú desplegable para seleccionar el intervalo de tiempo donde desea borrar datos de navegación.
Borre los datos de navegación seleccionando las casillas de verificación. Seleccione las casillas "Cookies" y otros sitios y datos plug-in (Cookies and other site and plug-in data) e Imágenes y archivos de la memoria caché (Cached images and files).
Haga clic en el botón de Remover datos de navegación (Clear browsing data).
Firefox.
Para aprender más sobre limpiar su memoria caché en Firefox, visite el Soporte de Firefox.
En la barra de menú de Firefox, haga clic el ícono de Abrir menú (Open menu)
Seleccione el ícono de Opciones (Options)
Seleccione el ícono de Avanzado (Advanced), luego seleccione la pestaña de Network
Bajo el encabezado de Contenido de la web de la memoria caché (Cached Web Content), haga clic en el botón Limpiar ahora (Clear now)
Canvas es un elemento HTML incorporado en HTML5 que permite la generación de gráficos dinámicamente por medio del scripting.
Entre otras cosas, permite la renderización interpretada dinámica de gráficos 2D y mapas de bits, asi como animaciones con estos gráficos.
Se trata de un modelo de procedimiento de bajo nivel, que actualiza un mapa de bits y no tiene una gráfica de escena integrada.
Canvas permite realizar gráficos de todo tipo, desde una línea recta hasta juegos interactivos, también permite manipular imágenes.
Tutorial de Canvas.
En este tutorial y en los sucesivos se describe cómo usar el elemento Canvas para dibujar gráficos en 2D, empezando con lo básico.
Los ejemplos le proveerán mayor claridad a las ideas que pueda tener referentes al canvas, así como los códigos que necesita para crear su propio contenido.
Introducción.
Canvas fue introducido inicialmente en el añ 2004 por Apple para su uso dentro de su propio componente de Mac OS X para empujar aplicaciones como los widgets de Dashboard y el navegador Safari en ese momento el navegador predefinido de Mac OS X.
La nueva versión 1.8 se adaptó a los navegadores Gecko y Opera en 2006.
Fue estandarizado por el Grupo de Trabajo de Tecnologías de Aplicación de hipertexto Web (WHATWG por sus siglas en inglés) sobre las nuevas especificaciones propuestas para tecnologías web de última generación.
La comunidad del Canvas es un recurso externo proporcionado por Canvas para todos los clientes de Canvas. La comunidad de Canvas incluye las Guías de Canvas, que proporcionan toda la documentación y videos de Canvas, Ideas de función de Canvas, grupos comunitarios y más.
leer
¿Cuáles son las especificaciones básicas de computadora para Canvas?
Esta es una lista de los requisitos básicos del sistema para utilizar Canvas.
Siempre se recomienda utilizar las versiones más recientes y las mejores conexiones.
Aun así, Canvas funcionará con las especificaciones mínimas, pero puede experimentar tiempos de carga más lentos.
Cómo utilizar la plataforma Canvas: introducción y especificaciones básicas del PC.Haz clic para Twittear
Canvas y su infraestructura de alojamiento fueron diseñados para una compatibilidad máxima y requisitos mínimos.
Tamaño de pantalla
Canvas se ve mejor con un mínimo de 800x600, el cual es el tamaño promedio para una notebook.
Si quiere ver Canvas en un aparato con una pantalla más pequeña, le recomendamos usar la aplicación móvil de Canvas.
Sistemas operativos.
Windows 7 y más nuevos (los usuarios de Windows 10 necesitan descargar la actualización aniversario de Windows 10 para presentar las tareas de Canvas).
Mac OSX 10.6 y más nuevos.
Linux - chromeOS.
Soporte para App Nativa de Sistema Operativo Móvil.
iOS 7 y más nuevos (las versiones varían según el dispositivo).
Android 4.2 y más nuevos.
Velocidad de computadora y procesador.
Use una computadora de 5 años de antigüedad o de modelo más reciente si es posible.
1GB de RAM.
Procesador de 2GHZ.
Velocidad de Internet.
Canvas ha sido cuidadosamente diseñado no sólo para tener compatibilidad y cumplir con los estándares web, sino para adaptarse a los bajos entornos de ancho de banda.
Mínimo de 512kbps.
Lectores de pantalla.
Macintosh: VoiceOver (la última versión para Safari).
PC: JAWS (la última versión para Internet Explorer).
PC: NVDA (la última versión para Firefox).
No hay soporte para los lectores de pantalla para Canvas en Chrome
Espero que esta publicación te haya gustado. Si tienes alguna duda, consulta o quieras complementar este post, no dudes en escribir en la zona de comentarios. También puedes visitar Facebook, Twitter, Google +, Linkedin, Instagram, Pinterest, restantes Redes Sociales y Feedly donde encontrarás información complementaria a este blog. COMPARTE EN!
El Mundo de Ubuntu en las Redes Sociales
Espero que esta publicación te haya gustado. Si tienes alguna duda, consulta o quieras complementar este post, no dudes en escribir en la zona de comentarios. También puedes visitar Facebook, Twitter, Google +, Linkedin, Instagram, Pinterest, restantes Redes Sociales y Feedly donde encontrarás información complementaria a este blog. COMPARTE EN!