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

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

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

      El tutorial Básico cubre la navegación en canvas (pizarra), manejo de documentos, herramientas de formas básicas, técnicas de selección, transformación de objetos por medio del selector, agrupado, configuración de relleno y borde, alineación y orden-z. Para visualizar otros temas más avanzados, ingrese al menú Ayuda.
      inkscape


      Functy visor rápido y sencillo de funciones en 3D.

      La representación de funciones matemáticas es una tarea clásica de los ordenadores provistos de adaptadores gráficos.

      Functy es un sencillo visor de funciones en 3D. Éstas se introducen desde el menú Functions, un cuadro de diálogo que admite varias funciones al mismo tiempo. También puedes cambiar sus colores y el nivel de detalle.
      functy functions

      KAlgebra es una aplicación que puede sustituir su calculadora gráfica: Características y Gráficas 3D.

      KAlgebra es una calculadora, tanto analítica como visual, que nos permite, además de realizar complejos cálculos, representar un sinfín de funciones, tanto en 2D como en 3D.
      Con ella no solo podremos hacer las operaciones básicas de cualquier calculadora sino que además podremos:
      Definir variables
      Utilizarlas en nuestras operaciones
      Definir funciones
      Sacar valores numéricos de las mismas
      Operar con las funciones
      Representarlas en 2D o 3D
      Podemos definir funciones de varias variables
      Crear scripts para compartirlos
      Crear cálculos simbólicos
      Diccionario matemático
      Incluso podemos diferenciar

      kalgebra3

      Los 10 artículos más leídos en El Mundo de Ubuntu en el mes de Agosto 2013.


      1.- ¿Qué aplicación consume más ancho de banda?
      nethogs-2
      Este artìculo nos muestra cómo saber que aplicación en nuestro ordenador está consumiendo más ancho de banda.Para lograr esto tenemos que instalar una aplicación llamada Nethogs. El funcionamiento de nethogs es sencillo, lo único que tenemos que hacer es ejecutarlo con privilegios de root y especificar la red a monitorizar.

      2.- Cómo instalar y configurar Fail2ban en Debian.
      fail2ban
      Fail2ban es una aplicación escrita en Python para la prevención de intrusos en un sistema, que se basa en la penalización de conexión (bloquear conexión) a los orígenes que intentan accesos por fuerza bruta. Se distribuye bajo la licencia GNU y típicamente funciona en todos los sistemas POSIX que tengan interfaz con un sistema de control de paquetes o un firewall local.

      3.- Cómo agregar el nuevo Google Keep a tu Unity.
      google keep
      Hace unos días Google lanzo su aplicación oficial para Chrome para su novedoso servicio de notas Keep. Keep para Chrome no se ejecuta como una pestaña en el navegador, ni como una extensión desplegable ya que se trata de una 'aplicación empaquetada', sino que al ser una aplicación semi-nativa se pude usar sin la necesidad del navegador (Chrome no se necesita ejecutar para usarlo) y aparte se puede usar estando offline.

      4.- Como hacer un servidor SSH protocolo de comunicación para controlar un ordenador en remoto.
      sshSSH (acrónimo del inglés Secure SHell, cuya traducción sería intérprete de comandos seguro) es un protocolo de comunicación para controlar un ordenador en remoto a través de una CLI (Command Line Interface -Interfaz de Línea de Comandos- también llamada: "shell".

      5.- Guía PHP: como crear una calculadora básica.
      PHP-logo

      PHP es un lenguaje de programación de uso general de código del lado del servidor originalmente diseñado para el desarrollo web de contenido dinámico. Fue uno de los primeros lenguajes de programación del lado del servidor que se podían incorporar directamente en el documento HTML en lugar de llamar a un archivo externo que procese los datos.

      6.- Bugtroid herramienta innovadora para auditorías en dispositivos móviles.
      bugtroid
      Bugtroid es una herramienta innovadora desarrollada por el equipo de Bugtraq-Team. Las principales características de esta apk, es que cuenta con más de 200 herramientas de Android y Linux (PRO) para pentesting y forense a través de su Smarthphone o tableta. Tiene un menú categorizado de acuerdo con la naturaleza de la herramienta puede encontrar:

      7.- Guía de GHex editor hexadecimal de GNOME: preferencias.
      ghex-15
      Editar.Número máximo de niveles de deshacer Use esta casilla de selección para especificar el número máximo de acciones que puede deshacer. Mostrar el desplazamiento del cursor en la barra de estado como Use esta lista desplegable para seleccionar el formato en el que se mostrará el desplazamiento del cursor. El formato puede ser decimal, hexadecimal o una cadena de estilo de impresión personalizado que sólo contenga los especificadores de formato x, o y s.

      8.- Guía de GHex editor hexadecimal de GNOME: editar un archivo
      ghex-15
      Para editar un archivo, ejecute los siguientes pasos:
      1. Pulse en la vista hexadecimal o ASCII del archivo. La vista en la que el cursor está activo muestra un cursor completo. La vista en la que el cursor no está activo muestra el contorno del cursor.
      2. Use cualquiera de los siguientes métodos para mover el cursor por el archivo:
      9.- Colección de iconos para Tux, el simpático pinguino de Linux.
      Tuxguitar
      10.- 4Pane navegador de archivos para Linux con cuatro paneles

      4Pane-1 4Pane es un explorador de carpetas con el que no perdernos entre la enorme cantidad de ficheros del directorio raíz. Su interfaz se divide en cuatro partes, para facilitar la navegación y poder mover ficheros de una carpeta a otra rápidamente, recordando al mítico Midnight Commander pero en versión gráfica.
      A sus funciones como gestor de archivos incorpora otras, como enlaces a Firefox, Openoffice y el editor de texto, montaje de discos, particiones e ISOs, extracción de archivos comprimidos e incluso una lista de las carpetas que más solemos abrir y acceso al terminal.
      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:

      Los 10 artículos más leídos en El Mundo de Ubuntu en el mes de Agosto 2013.

      1.- Ubuntu 13.04 disponible para descarga (Información de pantalla, video, tutorial).

      raring ringtail open developmentCanonical oficialmente ha publicado su version 13.04 nombre en codigo “Raring Ringtail”
      Se están notando las ventajas de optimizar el sistema operativo para dispositivos móviles con pocos recursos.
      El sistema consume menos Ram y se agiliza su utilización.
      Los cambios más destacados, respecto al consumo son:
      • Se ha reducido el uso de memoria que hacían algunos paquetes, cargando datos e imágenes CSS de GTK3, sólo cuando se necesitan.
      • Se arreglaron problemas de memoria en los paquetes libdbusmenu, update-notifier, upower, whoopsie y otros más.
      • LightDM PPS cayó de un uso de 25.7M a 0.6M
      • Algunos procesos fueron modificados para que terminen si no se usan y se reinicien cuando se demandan, por

      2.- Como ajustar el volumen de tus archivos de audio con QtGain.

      Qt-logo.svgQtGain es un frontend para MP3Gain, VorbisGain, AACGain y Metaflac.
      Con el podrás ajustar automáticamente el volumen de tus archivos de audio. (MP3, MP4, Ogg-Vorbis y Flac)
      Es sencillísimo de usar. Solo tienes que arrastrar los archivos de audio o carpetas a la ventana de QtGain para que inmediatamente se ponga a trabajar.
      Si el archivo ya ha sido normalizado, solamente lo saltea y al finalizar te informa de la cantidad de archivos procesados, los que han sido normalizados, los que ha salteado y los que dieron error.
      Ha sido actualizado a la versión 0.9.4 con esta lista de cambios:

      3.- DJL es un instalador de juegos que proporciona una interfaz sencilla y muchas utilidades.

      djl_depotDJL es es un administrador de juegos escrito en Python, que nos permitirá instalar una gran cantidad de títulos (ver el detalle al final del post) en Linux.
      Es un gestor de juegos, que nos sirve tanto para lanzar los juegos que hemos instalado con él, como para instalar juegos desde la red
      He mirado los juegos disponibles en el repositorio y no me puedo quejar, están tanto los más famosos como los no tan conocidos.
      Para usarlo debemos descargar la última versión, descomprimirla e instalarla.

      4.- Diseño Gráfico en Linux: completo videotutorial de Gimp (28 vídeos).
      GIMP (GNU Image Manipulation Program) es un programa de edición de imágenes digitales en forma de mapa de bits, tanto dibujos como fotografías. Es un programa libre y gratuito. Forma parte del proyecto GNU y está disponible bajo la Licencia pública general de GNU.
      Es el programa de manipulación de gráficos disponible en más sistemas operativos (Unix, GNU/Linux, FreeBSD, Solaris, Microsoft Windows y Mac OS X, entre otros).

      5.- Guía HTML: introducción y estructura interna de una página.
      En una reciente limpieza a mi disco duro he encontrado esta guia que tenia guardada por ahi y creo que esta muy buena para empezar y conocer las nociones basicas del HTML.
      Introducción.
      HTML es el lenguaje que se emplea para el desarrollo de páginas de internet.
      Este lenguaje está constituido de elementos que el navegador interpreta y las despliega en la pantalla de acuerdo a su objetivo. Veremos que hay elementos para disponer imágenes sobre una página, hipervínculos que nos permiten dirigirnos a otra página, listas, tablas para tabular datos, etc.

      6.- Gscan2pdf útil herramienta para extraer el texto de archivos pdf que han sido escaneados como imagen.
      gscan2Les presento una herramienta muy útil para Debian, se trata de gscan2pdf. Este sencillo programa permite extraer el texto de archivos pdf que han sido escaneados como imagen, de manera similar que algunos ORC's de Windows. Su instalación es muy sencilla, viene en los repositorios de los discos y se puede instalar desde Synaptic, o se puede descargar de la página principal gscan2pdf.sourceforge.net/ . Además se va a necesitar el respectivo paquete de idioma que en mi caso es tesseract-orc-spa.

      7.-  Instalar Angry Birds en Ubuntu 12.04 “Precise Pangolin”.

      Angry_Birds_PlushiesAngry Birds  es un videojuego creado en 2009 por la empresa finlandesa Rovio Mobile. Desde entonces, el juego ha sido adaptado a dispositivos de pantalla táctil, como los basados en Maemo, iOS, Symbian, Java y Android.
      Con más de un billón de descargas en 2012, esta aplicación quizá sea la más popular del año en la App Store de Apple. Además es también el juego más vendido de la historia en soportes móviles.

      8.- Crack es el adivinador' de contraseñas más utilizado en entornos Unix
      Crack, desarrollado por el experto en seguridad Alec Muffet, es el `adivinador' de contraseñas más utilizado en entornos Unix; actualmente se encuentra en su versión 522.5, que funciona correctamente en la mayoría de clones del sistema operativo (Linux, Solaris, OSF...).
      Ejecutar periódicamente Crack sobre el fichero de contraseñas de sus sistemas es algo muy recomendable para cualquier administrador mínimamente preocupado por la seguridad, sin importar que se utilicen mecanismos para obligar a los usuarios a elegir passwords aceptables.

      9.- Colección de iconos para Tux, el simpático pinguino de Linux.
      Tuxguitar
      10.- 4Pane navegador de archivos para Linux con cuatro paneles

      4Pane-1 4Pane es un explorador de carpetas con el que no perdernos entre la enorme cantidad de ficheros del directorio raíz.
      Su interfaz se divide en cuatro partes, para facilitar la navegación y poder mover ficheros de una carpeta a otra rápidamente, recordando al mítico Midnight Commander pero en versión gráfica.
      A sus funciones como gestor de archivos incorpora otras, como enlaces a Firefox, Openoffice y el editor de texto, montaje de discos, particiones e ISOs, extracción de archivos comprimidos e incluso una lista de las carpetas que más solemos abrir y acceso al terminal.

      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:

      10 configuraciones para Conky atractivas y minimalistas.

      Conky es un software gratuito de monitor de sistema para el sistema X Window.

      Conky es una aplicación de escritorio ideada con la finalidad de ofrecer información acerca del estado del sistema.
      Por ejemplo:
      • El uso de la memoria.
      • Un historial del uso de la CPU.
      • Temperaturas.
      • Velocidades de ventiralores.
      • Hora-Fecha.
      • Estado del Disco Duro.
      Está disponible para Linux, FreeBSD y OpenBSD.
      Recuerden leer las instrucciones especificas de cada script, algunos necesitan ciertos plugins para poder mostrar el clima correctamente, y siempre es importante instalar las tipografías que usan, entre otros detalles.

      Si te interesa profundizar el tema:

      eOS
      conky
      Conky-Vision
      Minimal
      Black 2.0 Conky
      simple
      Conky Flipclock
      10 configuraciones para Conky bonitas y minimalistas
      Flat-Weather for Conky
      bonito
      Dark Pixel Conky
      conky
      Elementary Conky
      Minimal
      Cloud Conky
      simple
      Dinnamo Clock Conky
      10 configuraciones para Conky bonitas y minimalistas
      Helix Conky
      bonito
      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: