ff-multiconverter, multimedia, audio, video, linux, ubuntu ubuntu kylin, china, releases, linux terminal, ubuntu, linux, comandos, shell conky, gadgets, ubuntu, linux SpeedTest-Cli, velocidad, red, consola, terminal tag foto 6 pinta, grafica, linux, ubuntu djl, juegos, yum, synaptic, paquetes ubuntu, releases, canonical psensor, ubuntu, linux, sistema, monitor
Mostrando las entradas con la etiqueta Grafica. Mostrar todas las entradas

Guia básica para el uso de Graph: las preguntas más frecuentes.

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. 


P:
¿Cómo introduzco una función x=f(y)?
Leer también: Guia básica para el uso de Graph: Instalación, inicio y desinstalación.
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.

Cómo utilizar la plataforma Canvas: pasos para una animación básica en un sistema solar.

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.

canvas_thumb2


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>.
Leer también: Cómo utilizar la plataforma Canvas: introducción y especificaciones básicas del PC.

Pasos para una Animacion Básica.

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

var sun = new Image();
var moon = new Image();
var earth = new Image();
function init(){
  sun.src = 'https://mdn.mozillademos.org/files/1456/Canvas_sun.png';
  moon.src = 'https://mdn.mozillademos.org/files/1443/Canvas_moon.png';
  earth.src = 'https://mdn.mozillademos.org/files/1429/Canvas_earth.png';
  window.requestAnimationFrame(draw);
}

function draw() {
  var ctx = document.getElementById('canvas').getContext('2d');

  ctx.globalCompositeOperation = 'destination-over';
  ctx.clearRect(0,0,300,300); // clear canvas

  ctx.fillStyle = 'rgba(0,0,0,0.4)';
  ctx.strokeStyle = 'rgba(0,153,255,0.4)';
  ctx.save();
  ctx.translate(150,150);

  // La tierra
  var time = new Date();
  ctx.rotate( ((2*Math.PI)/60)*time.getSeconds() + ((2*Math.PI)/60000)*time.getMilliseconds() );
  ctx.translate(105,0);
  ctx.fillRect(0,-12,50,24); // Shadow
  ctx.drawImage(earth,-12,-12);

  // La luna
  ctx.save();
  ctx.rotate( ((2*Math.PI)/6)*time.getSeconds() + ((2*Math.PI)/6000)*time.getMilliseconds() );
  ctx.translate(0,28.5);
  ctx.drawImage(moon,-3.5,-3.5);
  ctx.restore();

  ctx.restore();
  
  ctx.beginPath();
  ctx.arc(150,150,105,0,Math.PI*2,false); // Earth orbit
  ctx.stroke();

  ctx.drawImage(sun,0,0,300,300);

  window.requestAnimationFrame(draw);
}

init();


fuente: Canvas
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:
rss-icon-feed

    Cómo utilizar la plataforma Canvas: optimizar la memoria cache del navegador en Mac y PC.

    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.
    canvas

    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>.
    Leer también: Cómo utilizar la plataforma Canvas: introducción y especificaciones básicas del PC.

    ¿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.
    1. En la barra de menú de Safari, haga clic en la opción de Safari.
    2. Haga clic en el enlace Remover historial (Clear History).
    3. En el menú desplegable, seleccione el intervalo de tiempo donde desea borrar los datos de navegación.
    4. 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.
    1. En la barra de herramientas del navegador, haga clic en el ícono de menú Chrome.
    2. Seleccione el enlace de Más herramientas (More Tools).
    3. Seleccione el enlace de Remover datos de navegación (Clear browsing data).
    4. En el menú desplegable de datos, seleccione el intervalo de tiempo donde desea borrar los datos de navegación
    5. 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).
    6. 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.

    1. En la barra de menú de Firefox, haga clic en la opción de Firefox.
    2. Selecciona el enlace de Preferencias (Preferences).
    3. Haga clic en la pestaña de Privacidad (Privacy) .
    4. Bajo el encabezado de la Historia (History), haga clic en el enlace de Borrar su historial reciente (Clear your recent history).
    5. Seleccione la casilla de verificación de Memoria caché (Cache).
    6. 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.
    1. En la barra de menú de Internet Explorer, haga clic en el ícono de Configuraciones (Settings).
    2. Seleccione el enlace de Opciones de Internet (Internet Options).
    3. Bajo el encabezado de Historial de navegación (Browsing History), haga clic en el botón de Borrar (Delete).
    4. 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).
    5. 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.
    1. En la barra de menú de Edge, haga clic en el icono de Hub.
    2. Para ver su historial de navegación, haga clic en el icono de la Historia (History).
    3. Haga clic en el enlace Limpiar todo el historial (Clear all history).
    4. 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).
    5. 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.
    1. En la barra de herramientas del navegador Chrome, haga clic en el ícono de menú Chrome.
    2. Seleccione el enlace de Más herramientas (More Tools).
    3. Seleccione el enlace de Remover datos de navegación (Clear browsing data).
    4. Utilice el menú desplegable para seleccionar el intervalo de tiempo donde desea borrar datos de navegación.
    5. 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).
    6. 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.
    1. En la barra de menú de Firefox, haga clic el ícono de Abrir menú (Open menu)
    2. Seleccione el ícono de Opciones (Options)
    3. Seleccione el ícono de Avanzado (Advanced), luego seleccione la pestaña de Network
    4. 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)
    fuente: Canvas
    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:
    rss-icon-feed

      Cómo utilizar la plataforma Canvas: introducción y especificaciones básicas del PC.

      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.

      canvas

      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.
      Leer también: HTML 5  es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML.
      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.

      canvas-in-html5

      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. 
      canvas-firefox

      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
      fuente: Canvas


      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:
      rss-icon-feed

      Cómo cambiar la resolución de pantalla y profundidad de bits en Linux.

      Hoy voy a explicarles como cambiar la resolución de pantalla y profundidad de bits, de una manera sencilla.

      Este metodo nos resultara util cuando:

      - No se pueda cambiar la resolucion desde los ajustes del monitor.
      - La tarjeta grafica detecta una resolucion minima de 800x600 o inferior.
      - La profundidad de bits no es la adecuada.
      - Tengamos la nesecidad de conectar la PC al una TV, monitor HD, por medio de cables HDMI o VGA.
      - Si tenemos una tarjeta de video antigua como la serie de (Silicon Integrated Systems)
      modelos SiS300/305 y posteriores.
      - Las tarjetas de video modernas no presentan en su mayoria problemas en cuanto a resolucion, pero en caso de necesitar modificar las propiedades tambien puede servir.
      bits-and-bytes_key1
      La grafica integrada Intel me acepta perfectamente una resolucion de 1024x768 a 60Hz, con la cual  puedo trabajar perfectamente, pero la profundidad de bits no es la adecuada, nesesito cambiar dependiendo de las necesidad entre 8bpp 16bpp o 24 bpp.

      En la siguiente imagen se observa la resolucion de la tarjeta grafica en un primer arranque:

      En caso de tener una grafica (Silicon Integrated Systems) SIS o una tarjeta que no mustre mas resolucion que 800x600.

      En este caso probe una tarjeta grafica SIS 300/315 que saque de los escombros.

      Los resultados en un primer arranque fueron:

      Maxima resolucion: 800x600 60Hz vease la necesidad de mas resolucion para trabajar adecuadamente.

      Profundidad de color: 24bpp Gama de colores normal.

      EL PROBLEMA:
      - En versiones recientes el archivo xorg.conf y xandr, son generados automaticamente en cada arranque del sistema es posible que al tratar de modificarlo en muchos casos se encuentre vacio.

      LA SOLUCION:
      - En nuevas versiones los archivos de configuracion de xorg han sido movidos hacia la carpeta /usr/share/X11/xorg.conf.d/ aqui crearemos un archivo que llevara por nombre 10-monitor.conf a continuacion el procedimiento:


      1.0 En terminal vamos a generar un modeline:
      Tecleamos: gtf x y r
      Donde:
      x = Resolucion horizontal
      y = Resolucion vertical
      r = Refresh rate (tasa de refresco)
      El resultado sera parecido a esto:
      # 0x0 @ 0.00 Hz (GTF) hsync: -nan kHz; pclk: -nan MHz
      Modeline "0x0_0.00" -nan 0 -2147483648 -2147483648 -2147483648 0 1 4 1 -HSync +Vsync

      1.1 Para cambiar la resolucion de la grafica en este caso SIS que solo reconoce 800x600 60Hz que deseo cambiar a 1024x768 60HZ
      debemos usar: gtf + Nueva Resolucion (Cualquier tamaño)+ Tasa de refresco
      Leer también: cómo cifrar tus directorios locales o en la nube con Encfs Manager.
      Ejemplo en la terminal: gtf 1024 768 60
      Copiamos el resultado parecido a este, copiamos en un archivo aparte:
      # 1024x768 @ 60.00 Hz (GTF) hsync: 47.70 kHz; pclk: 64.11 MHz
      Modeline "1024x768_60.00" 64.11 1024 1080 1184 1344 768 769 772 795 -HSync +Vsync

       2.0 Ahora encontraremos la interfaz del adaptador de video.

      En terminal tecleamos: xrandr

      El resultado sera parecido a este o variable, copiamos en un archivo aparte:
      Screen 0: minimum 320 x 240, current 800 x 600, maximum 856 x 600
      default connected 800x600+0+0 0mm x 0mm

      - Tambien podemos ver las resoluciones que la tarjeta de video soporta, si no aparece la deseada no importa.

       - En este caso: "default" es la interface del adaptador VGA. antes de la palabra connected.
      Si usan salida HDMI "HDMI-1" o "HDMI-0" deberia aparecer antes de la palabra connected y asi sucesivamente dependeiendo del adaptador que usen su sistema lo van a encontrar antes de la palabra connected.

      3.0 Ahora crearemos el archivo 10-monitor.conf para la nueva resolucion de pantalla, en la ruta /usr/share/X11/xorg.conf.d/10-monitor.conf para esto abrimos la terminal y tecleamos:

      sudo leafpad /usr/share/X11/xorg.conf.d/10-monitor.conf

      Se abrira un nuevo documento de texto en blanco que lleva por nombre 10-monitor.conf dentro pegamos el siguiente texto:

      Section "Monitor"
      Identifier "Monitor0"
      <INSERTAMOS EL MODELINE AQUI>
      EndSection
      Section "Screen"
      Identifier "Screen0"
      Device "<INSERTAMOS LA INTERFAZ DEL ADAPTADOR AQUI>"
      Monitor "Monitor0"
      DefaultDepth 24
      SubSection "Display"
      Depth 24
      Modes "<INSERTAMOS MODO DE RESOLUCION AQUI>"
      EndSubSection
      EndSection

      -En la linea DefaultDepth podemos cambiar la profundidad de bits 8bpp 16bpp o 24bpp
      lo mismo deberan escribir en la linea Depth

      -En la linea Modes "<INSERTAMOS MODO DE RESOLUCION AQUI>" insertamos la resolucion nueva que vamos a crear en mi ejemplo seria "1024x768_60.00" "1024x768"

      Ahora reemplazamos con nuestros datos de manera que quede asi:

      Section "Monitor"
      Identifier "Monitor0"
      Modeline "1024x768_60.00" 64.11 1024 1080 1184 1344 768 769 772 795 -HSync +Vsync
      EndSection
      Section "Screen"
      Identifier "Screen0"
      Device "default"
      Monitor "Monitor0"
      DefaultDepth 24
      SubSection "Display"
      Depth 24
      Modes "1024x768_60.00" "1024x768"
      EndSubSection
      EndSection
      Guardamos y listo!!!

      Solo queda reiniciar el sistema para ver los nuevos resultados:
      En mi caso la grafica SIS con nueva resolucion a 1024x768 @60 a 24bpp

       Y la grafica Intel a 1024x768 @60 24bpp

      SI NOS DA ERROR!
      Veremos la pantalla en negro en el arranque del sistema. Calma de seguro nos equivocamos en algo, asi que borramos el archivo 10-monitor.conf y todo vuelve a la normalidad para esto cambiamos a modo texto (Control+Alt+F1) y tecleamos:

      sudo rm /usr/share/X11/xorg.conf.d/10-monitor.conf

      Reiniciamos la pc y volvera a la normalidad con las configuraciones por defecto.
      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:
      rss-icon-feed

      El nuevo centro de software de Ubuntu 16.04 Xenial Xerus.

      Entre las últimas novedades que Ubuntu ha presentado se encuentra Gnome software a Ubuntu 16.04 Xenial Xerus, el cual llega para remplazar totalmente el antiguo y obsoleto centro de Ubuntu.

      Teniendo una cantidades de cualidades y características de desarrollo muy atractivas a los ojos de los usuarios interesados. Presentando sus aplicaciones de una manera más ordenada y visualmente mucho más correcta.

      Entre sus especificaciones de desarrollo posee múltiples categorías las cuales pueden ser fácilmente seleccionadas y evaluadas de forma con una estructura más nítida y detallada de todos los aspectos que la conforman, sin perder de vista el menú principal donde las categorías siguen estando en manera ordenada en la parte superior izquierda de la ventana principal de la pantalla.
      gnome-software-en-ubuntu-768x576
      Otra de más opciones que posee este software es la de poder agregar manualmente fuentes de software, sin embrago no está completamente desarrollada en este aspecto.

      La verdad es que lo han simplificado y tiene muy buen aspecto grfico:


      Sólo tienes que:

      Añadir el siguiente repositorio PPA (ppa:ubuntu-desktop/gnome-software).

      • Lanzar un sudo apt-get update.
      • Instalar el software de Gnome (sudo apt-get install gnome-software).
      • Ejecutar el siguiente script:
      La noticia original fue publicada en la web de OMG Ubuntu.


      Es una versión inestable aún.

      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:
      rss-icon-feed

      Aseprite es un muy atractivo editor de sprites animados.

      Aseprite es un muy atractivo editor de sprites animados y una excelente herramienta para hacer tus propios Pixel Arts.

      Este programa pude ser rápidamente comparado con el muy conocido programa de Microsoft, el Paint, pero a continuación voy a explicar cada una de las increíbles funciones que aporta este programa.

      aseprite mainscreen

      10 editores de vídeo libres para Linux.

      Existen muchos editores de vídeo para linux que compiten con Adobe Premiere, Sony Vegas y demás, lo mejor es que son accesibles para todos ya que son gratuitos.
      Editores con Línea de Tiempo y Soporte Multipista.
      Primero mencionaré los mejores, programas multitracks, que soportan varias pistas de audio y video, además que permiten cortar, eliminar colores, usar chroma, pegar, cortar, hacer transiciones, títulos, créditos, subtítulos, etc.
       openshot-lead

      El motor gráfico Unreal Engine en Ubuntu 15.94 "Vivid Vervet".

      Ayer ví un tweet promocionado de Unreal Engine, comentando la gratuidad del motor gráfico Unreal Engine 4. Me dió por entrar a ver si estaba para Linux y no lo encontré, así que decidí enviarles un tweet preguntando. Al instante me responideron que ya estaba disponible y que echase un ojo al feed de uno de sus trabajadores. Al instante me puse a mirar, y encontré un manual para instalarlo.


      Ubuntu 15.04 “Vivid Vervet”: wallpapers comunitarios.

      Ubuntu 15.04 con nombre en clave Vivid Vervet continúa en desarrollo y a escasas 48 horas de su publicación nos va dejando pequeñas y no tan pequeñas novedades.

      En la última actualización, por ejemplo, el sistema se despide de manera definitiva de Upstart y abraza systemd… ¿Te cae una lagrimita?

      vivid

      Makehuman facilita la creación de humanoides en tres dimensiones.

      Publicada la primera version entera de el programa libre y gratuito para crear cuerpos humanos en 3 dimensiones, modificarlos y animarlos completamente con total facilidad.

      Luego de 12 años de desarrollo el equipo de Makehuman lanza su version 1.0.0.

      Makehuman facilita la creacion de humanoides en tres dimensiones, ademas permite modificar el cuerpo completo, hacer mas de 14766 rostros diferentes, los cuerpos estan formados mediante base de mallas por lo que ya no hace uso de triangulos para los cuerpos.

      Makehuman_1_0_alpha8_rc_screenshot

      Inkscape tutorial: conceptos básicos (2a parte).

      Cada objeto individual dentro de una selección muestra una señal de selección — por defecto, un marco rectángular. Estos marcos hacen más sencillo el observar que está selccionado y que no loo está. Por ejemplo, si selecciona ambas elipses y el rectágulo, sin los marcos le sería muy difícil adivinar cual de las elipses están seleccionadas y cuales no.
      Inkscape_0.44_promotional_banner