Bienvenido a Hardcore Modding

 Vivir el modding / Iniciarse en el modding 11 de December de 2024 20:56   Modding  ·  Artículos  ·  Guías  ·  Guías de los usuarios  ·  Reviews  ·  Enviar Noticia ·  Top 10 ·  Temas

Minichat

El_Nene :Feliz año dos meses tarde!!! Aqui el tiempo pasa mas lento
xenon :Feliz año 2024. Me embargó la nostalgia al ver que aun existe el foro :)
Cyg :Feliz Navidad 2023
DjSalva :02/10/2023 Saludos chicos cuanto tiempo, El_ Nene cuanta razon :)
Jesmasco :2023
Steam :Saludos! Iniciar sesión despues de 13 años, que recuerdos!
El_Nene :y aún así algo te llama para volver a entrar :)
djmax :saludos años t años que no entraba a esta pagina
El_Nene :Acabo de empezar un nuevo proyecto, a ver si los demás os animais.
El_Nene :cuanto tiempo!!!
aulex51 :Buen año a todos!
unkdememoria :Hola Locos
Cyg :Saludos-28-oct-2022
Cyg :Saludos-28-oct-2022
Chinoka :Aloha. 14/Sept/2022
TELOR5 :No veo como enviar mensaje
TELOR5 :No veo como enviar mensaje
alvaro :Hola 2022!!
el_friky :Buenas Mundo!!! 31/12/21
Tpm :Buenas tardes.... 25/11/21 Saludos!!!
CR6302428 :un buen dia para el que lea esto :)
:)8):eek::(:@;):P9):O

Guía práctica del programa LCDStudio

En esta guía nos centraremos en el manejo de este programa, de cara a usarlo con LCD's gráficos. Aunque casi toda la información es extrapolable a los de texto (Salvo lo que se refiere a los fondos gráficos).
Esto es así porque para LCD's de texto hay muchos y buenos programas, mientras que para los gráficos la cosa está un poco peor.

LCDStudio es un programa que nos va a permitir manejar nuestro LCD y presentar en su pantalla diversas informaciones útiles.
Es un programa modular, ampliable mediante plug-ins faciles de instalar que permiten incrementar su funcionalidad.

Para empezar necesitamos hacernos con los programas adecuados.
Todos los que indicamos aquí son "Freeware" y podremos bajarnoslos sin problemas.

1.- Primero el programa LcdStudio en su última versión 1.5.0.1
Lo podemos bajar desde aquí: http://www.lcdstudio.com/e107/request.php?7

2.- Un parche para evitar un problema con la fecha límite de uso "LcdStudio FIX"
En esta dirección: http://www.lcdstudio.com/e107/request.php?17

3.- Un plug-in para manejar LCD's no previstos en el programa original.
Para los LCD del pedido de LCD gráficos está aquí: http://www.skippari.net/lcd/alpha/lcdstudio_ks0108_alpha.ace

4.- Diversos Plug-ins para que el programa muestre varios tipos de datos.
Los podemos bajar de aquí: http://www.lcdstudio.com/e107/download.php?3
Seleccionar los que necesiteis o bajar todos y explorar (es lo que yo hice)

*** INSTALACION ***

Una vez tengamos todos los programas vamos a instalarlos.
Ejecutamos el fichero "Setup1501.exe" y tras unas pantallas, nos pide el directorio donde lo vamos a instalar. Es aconsejable dejar la opción por defecto "C:Archivos de programaLcdStudio"
Pulsamos aceptar en un par de pantallas más y ya está instalado.
Pero todavía no lo podemos usar, porque da un error al intentar ejecutarlo: "Esta copia ha expirado"
Para solucionarlo ejecutamos el fichero "lcdstudiofix.zip". Al abrirse la ventana del ZIP tenemos que extraer el programa "LcdStudio".exe" y colocarlo en la carpeta donde hallamos instalado LcdStudio, reemplazando al original.
Los que tengan el LCD de Crystalfont de 128x64 del pedido de LCD's gráficos deben instalar el plug-in para manejarlo. Pinchar en el fichero "lcdstudio_ks0108_alpha.ace" y extraer los dos ficheros que contiene, al subdirectorio de instalación de LcdStudio DENTRO DE LA CARPETA PLUGIN.

De igual forma, para resto de plug-ins que nos hayamos bajado, hay que extraer los ficheros dentro de la carpeta plugin del subdirectorio donde se haya instalado el programa.
Ahora ya podemos ejecutar el programa.

*** CONFIGURACION ***

Al arrancar el programa veremos algo como esto:



Los paneles pueden estar colocados en otras posiciones, pero si falta alguno nos iremos a la barra de menú, pincharemos en [View] y marcaremos los paneles que no estuvieran abiertos.

-En el Gestor de propiedades podremos variar la apariencia y los formatos de los datos a mostrar.
-En el Panel de cola de pantallas se irán colocando las pantallas que se mostrarán en el LCD.
-En el Panel de datos podremos seleccionar los datos que se van mostrar.
-En el Panel de vista previa vemos como van quedando nuestras pantallas.

Fijándonos en el Panel de datos vemos que sólo hay una opción (Sysinfo) y pinchando en el cuadradito que está al lado se abre un pequeño árbol con una cuantas opciones.

Os preguntareis ¿Esto es todo lo que puede mostrar LcdStudio?
Pues no, hay muchas más opciones, pero antes hay que configurar el programa.

Vamos a la barra de menús y pinchamos en [File] y luego en [Configure].
Se nos abre una nueva ventana. (Si nos sale una alerta, indicando que no hemos salvado el proyecto actual, pincharemos en [NO] ya que todavía no hemos hecho ningún proyecto)



En la parte izquierda tenemos los Plug-ins ya instalados y en la parte derecha los que hayamos ido colocando en la carpeta plugins después de haberlos descomprimido.
Sólo hay que ir pinchando en los que queramos, para seleccionarlos y después pinchar en la flecha hacia la izquierda [<] para que vayan pasando a la ventana de plug-ins instalados.
Un poco más abajo hay un recuadro con información sobre el plug-in que tenemos resaltado.
Más abajo hay un recuadro en el que pincharemos si queremos que LcdStudio se ejecute automáticamente cuando arranquemos Windows.
Entre los plugins, nos aseguraremos de seleccionar el que se corresponda con el LCD que vayamos a controlar.
En el caso de los Cristalfont gráficos 124x68 escogeremos [KS0108 driver].
Para los LCD de texto con chip Hitachi o compatible, usaremos [HD44780].
Como veis tambien hay plugins para otros tipos de LCD's ( Matrix Orbital, Crystalfont, etc.) pero vamos a seleccionar sólo el que vayamos a usar para que no interfieran unos con otros.
Cuando hayamos terminado pulsamos [OK] y volvemos al programa principal.
Tras unos segundos podemos ver los cambios.



Ya tenemos un montón de opciones para colocar datos en el LCD.

Otras configuraciones en la barra de Menús:

- En [Display] [Color] podemos seleccionar el color de la pantalla de vista previa. Marcaremos azul ya que es el color de nuestros aparatos y así nos hacemos una idea.
- En [Display] [Size] marcaremos [Auto].
- En [Display] [Preview] marcamos el tipo de LCD que tengamos (KS0108, HD44780, el que sea)

POR FIN.
Ya tenemos el programa operativo y podemos ir confeccionando las pantallas como queramos.
Hagamos una prueba:
En el Panel de datos pinchamos en el cuadradito que hay junto a [Sysinfo] se abre un submenú y pinchamos el cuadradito junto a [Time and Date], luego junto a [Time] y, por último pinchamos sobre [hh:mm:ss] para seleccionarlo y, sin soltar el botón del ratón lo arrastramos hasta el Panel de vista previa.
Ya tenemos un reloj sencillo para mostrar en nuestro LCD.


*** CERRAR EL PROGRAMA ***

Si cerramos LcdStudio, pinchando en el botón de cierre (la x en la esquina superior derecha de la ventana), lo que en realidad estamos haciendo es cerrar el diseñador de pantallas. El programa de control del LCD sigue activo y lo podemos encontrar en la barra de tareas de Windows, junto al reloj.
Para cerrarlo del todo vamos a la barra de tareas y hacemos click derecho en el icono de LcdStudio y seleccionamos [Stop].
También podemos cerrarlo todo desde el diseñador: En la barra de menús hacemos click en [File] y [Exit and close service].
Si nos hemos salido del diseñador pero NO del programa de control podemos reabrir el diseñador desde la barra de tareas de Windows haciendo click derecho sobre el icono del programa y seleccionando [Start Designer].

*** INSERTAR IMAGENES ***

Antes que nada os aconsejaría que creárais un par de subcarpetas para almacenar las imágenes que necesitamos y las pantallas que vayamos creando.
Yo las he llamado "Fondos" y "Pantallas" y las he puesto dentro del directorio de instalación del LcdStudio para tenerlas a mano según las vaya necesitando.

Con los LCD's gráficos podemos incluir, además de los datos, imágenes. Bien para mostrarlas como tales, o bien para configurar pieles que nos permitan presentar la información de una forma más amena que con las típicas pantallas "sólo texto".
Las imágenes deben tener un tamaño de 128x64 pixeles, para ajustarse al tamaño real del LCD.
Las podemos guardar en formato .jpg o .bmp y con el número de colores que queramos.
Pero como en la pantalla sólo se van a ver dos colores, es aconsejable grabarlas en blanco y negro ya que así, nos hacemos una mejor idea del resultado.
Hay que tener en cuenta que al ser el LCD retroiluminado, lo que en el dibujo esté en negro será presentado en color claro contra el fondo azul oscuro, o sea se verán los colores invertidos.
Para mi primera pantalla he cogido el Logo de Hardcore Modding, lo he pasado por Paint Shop Pro y lo he ajustado al tamaño de 128x64 en dos colores, después de unos retoques me ha quedado así:


Guardamos la imagen en la carpeta "Fondos" que habíamos creado.
Abrimos LCDStudio y en el panel de vista previa pinchamos con el botón derecho del raton y nos saldrá un menú contextual.



Seleccionamos [Background] y [Load] y con el explorador que aparece, buscamos el dibujo que acabamos de grabar.
Si todo ha ido bien obtendremos algo así:


Parece que no ha quedado mal....
Ahora es el momento de guardar nuestra pantalla.
Vamos a la Barra de menús y pinchamos en [File] y [Save as] y buscamos la carpeta "Pantallas" que creamos al principio. Le damos un nombre, por ejemplo "Logo" y pinchamos en guardar y ya tenemos nuestra primera pantalla lista.

*** INSERTAR Y FORMATEAR TEXTO ***

Vamos a ver como podemos mostrar, en nuestro LCD, los datos que nos interesen.
Para que sirva de ejemplo, vamos a crear una pantalla con información sobre nuestros discos duros, pondremos unos títulos y, el espacio libre y capacidad total de nuestros discos duros.
Por ahora sólo pondremos texto y datos, más adelante veremos como integrarlos con un fondo gráfico.
Vamos al diseñador de LcdStudio y en la barra de menús pinchamos en [File] y [News].
Con esto tendremos un pantalla en blanco para comenzar de cero.
En el panel de vista previa hacemos doble click sobre el fondo.
Nos aparece una ventana para introducir texto.


Escribimos el texto que vayamos a mostrar y pulsamos [OK]
Yo escribí "Mis discos duros" y me quedó así:


Ha quedado descentrado y se corta el final del texto; pero no hay problema.
Pinchamos en el texto para seleccionarlo.

Y sin soltar el botón del ratón lo arrastramos para centrarlo.


Seguimos introduciendo texto y lo vamos colocando para tener algo así:


Ahora, para probar algún efecto vamos a hacer que la primera línea haga un scroll.
Pinchamos sobre la frase "Mis discos duros" y la arrastramos a la esquina superior izquierda.


Hacemos doble click sobre el texto, para que aparezca la ventana de introducción de texto y colocamos tres espacios al principio de la línea y pulsamos [OK].


El texto se desplaza hacia hacia la derecha y se nos corta.
Hacemos click derecho sobre el texto cortado y en el menú contextual elegimos [resize].


Ahora si movemos el ratón sin pinchar, sobre la línea seleccionada, vemos como como va variando el ancho resaltado. Lo extenderemos hasta el borde de la derecha.


Volvemos a hacer click derecho sobre la primera línea y en el menú seleccionamos:


No puedo mostrar el efecto, pero queda guapo.
Podemos variar la dirección de scroll y la velocidad.


Animaos!! y explorad el resto de las opciones del menú contextual.
Por ejemplo usando la opción [Resize] podemos hacer que el scroll sólo afecte a una parte de la línea.

Aquí vemos que los "####" permanecen fijos mientras la frase hace scroll.

*** INSERTAR Y FORMATEAR DATOS ***

Ya vimos, al principio, como insertar un dato (la hora) en nuestro LCD.
Colocar este tipo de datos es tan fácil como seleccionarlo en el panel de datos y arrastarlo al panel de vista previa. Pero hay otros datos que, para que queden bien, hay que formatearlos adecuadamente.

Continuamos completando la pantalla de informe de los discos duros. Nos habíamos quedado así:


Nos vamos al Panel de datos y pinchando en los cuadraditos extendemos el árbol de datos para discos duros.


Como veis está seleccionado [Free bytes] del disco C:
Pinchamos sobre la frase [Free bytes] y arrastramos hasta el Panel de vista previa.
Nos queda algo así. (Como es obvio el número depende del espacio libre que tengamos en C:)


Bueno, tenemos un número muy grande que nos indica el espacio libre en el disco C: pero está en Bytes.
Este número tan grande no nos dice nada y además estropea la presentación de nuestra pantalla.
Vamos a transformarlo en Gigabytes que es un tamaño acorde a los discos que manejamos.
Nos aseguramos de que el número esté seleccionado.
Vamos al Panel de propiedades y buscamos [Data Conversion]
Es un pequeño menú desplegable, por lo que si no está extendido, tenemos que ir pinchando en los cuadraditos de la izquierda para que aparezcan las ramas.


Bajo [Data conversion] aparecen tres líneas.
Pinchamos en [Convert] y a la derecha, después de donde pone [0-No] nos aparece una flecha de un desplegable. La pinchamos y después seleccionamos [1-Yes].


Ahora vamos 2 líneas más abajo. Pinchamos en [To], en la flechita de la derecha y seleccionamos [3-GigaBytes].


Con esto tenemos nuestro dato transformado de Bytes a Gigabytes, pero todavía hay muchos dígitos.


En el Panel de propiedades, vamos a [Data Formatting] y modificamos para que nos quede así:


Hemos seleccionado sólo 2 dígitos decimales para que nos quepa bien.
Hacemos click derecho sobre el número y en el menú seleccionamos [Resize]. Ajustamos la anchura del campo de datos (Hicimos esto mismo con los textos en la página anterior) para que se ajuste la selección al tamaño del dato.
Si el dato no está bien colocado lo pinchamos y arrastramos hasta el sitio exacto.
Nos debe quedar así:


Volvemos al Panel de datos y seleccionamos [Total Bytes] del disco C:


Lo arrastramos hasta el Panel de vista previa y lo colocamos en la columna total del disco C:
Repetimos los pasos de formateo como hicimos antes y nos debe quedar algo como esto:


Tenemos que hacer los mismos pasos para todos los discos.

Hay que acordarse de hacer [Resize] al terminar de dar formato a los datos, porque nos pueden quedar espacios en blanco que oculten el texto que está detrás.
En esta imagen tengo todos los datos colocados y formateados pero me falta un [Resize] en el disco D: y se me oculta el texto "GB"


Después de mover un poco los datos, para distribuir mejor el espacio y agregar texto para crear otra línea vertical lo dejo así:


Para finalizar, vamos a la barra de menús y pinchamos en [File] y [Save As], para guardar nuestro trabajo.

*** INTEGRAR IMAGENES Y DATOS ***

Consideraciones previas.
Si ampliamos alguna de las imágenes de vista previa, observaremos que el texto se presenta en caracteres de 7 pixel de altura por 5 de anchura y que nos queda un pixel entre cada dos caracteres.
Aunque, en teoría, se podrían poner los caracteres en cualquier posición dentro de la matriz de pixeles. En la práctica vemos que LCDStudio sólo permite que los caracteres se puedan desplazar en saltos de 8 pixeles en vertical o de 6 pixeles en horizontal. No es posible dejarlos a caballo entre dos filas o dos columnas.
Por lo tanto al diseñar nuestros gráficos tendremos esto en cuenta, para evitar que los datos se solapen con los gráficos y nos estropeen el efecto.
Yo suelo usar "Paint Shop Pro" para manejar los gráficos. Y, para facilitarme la tarea, me he creado una plantilla delimitando los espacios entre caracteres.



Así sé, exactamente, donde dejar espacios para insertar texto o datos.
De todas formas como entre mis pocas virtudes, tampoco se encuentra la de diseñador gráfico, he preferido buscar algún gráfico decente y adaptarlo a mis necesidades.
En concreto en la Web de LCDStudio encontré un gráfico bastante bueno.



El creador es "Spock" uno de los Admin. del foro de LcdStudio.
Es muy grande (320x240) tiene tantos pixeles, como el de 128x64 multiplicado por 9.
Lo que he hecho ha sido recortar algunos trozos y usarlos como fondos para distintas pantallas.

Vamos a modificar la pantalla de información sobre los discos duros, que realizamos en páginas anteriores, dándole un fondo gráfico y retirando líneas de texto.
Primero, con el programa de dibujo recorto la parte en la que está el disco duro y la coloco bajo mi plantilla. Tengo que retocarla un poco porque todavía es demasiado grande.



Ahora calculo el espacio que necesito para los datos.
2 espacios para la letra del disco y el signo ":"
Mi disco más grande tiene dos dígitos enteros y dos decimales, o sea 4 espacios en dos bloques.
Todo esto para las cuatro filas.
Lo pinto de rojo (para destacar, en este ejemplo, los espacios donde irán los datos) y pongo un marco alrededor.
Como veis he tenido que montarme en el disco, ya que es un dibujo bastante grande.



Esperemos que quede bien, a pesar de todo.
Añado algunas líneas de decoración, creo unos textos en mi programa de dibujo, quito la rejilla guía y tengo mi fondo gráfico terminado.



Lo guardo como fichero .BMP en mi carpeta de "Fondos"
Cierro el programa de dibujo y abro el diseñador de LcdStudio.
Si al abrirlo nos aparece alguna pantalla (el programa inicia con la última configuración de pantallas que tuvieramos funcionando) nos vamos a [File] [Open] y recuperamos la pantalla de información de discos duros que teníamos guardada.



Eliminamos todo el texto y las líneas, dejando sólo los datos.
Para borrar texto o datos hacemos click en el Panel de vista previa, justo encima del dato a eliminar, para seleccionarlo. A continuación pulsamos la tecla [Supr] de nuestro teclado y el dato o texto selecionado desaparece.
Otra forma es hacer click derecho sobre el dato a eliminar y en el menú contextual pinchar en [Delete].
Una vez quitado todo el texto tendremos algo así:



Hacemos click derecho sobre una parte vacía de la vista previa y, en el menú contextual que nos aparece,
seleccionamos [Background] [Load].


En el explorador que se abre buscamos y pinchamos sobre el gráfico que acabamos de crear.
Se nos carga el fondo gráfico y vemos:



Vale, está descolocado, pero pinchando en los datos y arrastrándolos, los vamos poniendo en su sitio.



Pero no está como yo quería, había hecho los calculos para dejar espacios entre los datos.
Reviso mis cálculos y me doy cuenta de que he dejado 4 dígitos para las cifras de los discos duros y en realidad deben ser 5: Dos enteros y dos decimales más el punto decimal que ocupa otro caracter.
Entonces, o dejo más espacio para los datos, o reduzco el número de decimales para que quede como yo quiero.
Me decido por reducir los dígitos decimales para no tener que retocar el dibujo de fondo.
Vamos a cambiar los datos para que tengan sólo un decimal.
Recordad que hay que seleccionar el dato, ir al Panel de propiedades y en [Data Formatting] hay que poner a 1 el valor del campo [Signif. Digits].



Luego hay que hacer [Resize] a todos los datos para eliminar los espacios en blanco.
Al final nos queda de está forma:



Me gusta el resultado así que lo salvo a mi directorio de Pantallas para usarlo cuando me llegue el LCD.
Como veis la realización de pantallas es una tarea que no es complicada. Quizás un poco "espesa" a la hora de dar formato y colocar nuestros datos.
Pero compensa al ver los resultados.
En la siguiente página daremos un repaso a la interacción de LcdStudio con otros programas.


Agregado: July 30th 2004
Guía realizada por: Mamél
Dificultad
Numero de veces leido: 50151
Lenguaje: spanish
página(s) : 1/2

   Página Siguiente (2/2) Página Siguiente

[ Volver al Índice de las guías | Enviar Comentario ]


Guía práctica del programa LCDStudio


Enviado por iceman115 el 2007-08-05 11:22:46
e encontrado uno pero no estoy seguro, ya que no te ponen ni las medidas, ni nada, pero se parece bastante....
si alguien me puede decir si este sirve para seguir este tuto o si hay que cambiar algo...xd

http://www.futurlec.com/Specials.shtml

Enviado por iceman115 el 2007-07-29 23:26:09
me gustaria que me pasaras el link del programa, no lo encuentro por ningun lado....xd
y ya de paso dime de donde se pueden encontrar lcd''s
(por privi xfa...xd)

PD: mu buen tuto, me muero por probarlo...xd

Enviado por Anonymous el 2005-11-30 03:03:15
Hola:

Soy de Burgos (España) y me gustaría saber donde puedo comprar un lcd como el de la guia o uno lo más parecido posible.

¿Hay alguna tienda de internet donde les vendan?

Muchas Gracias

Enviado por raulmendozalva el 2005-09-30 00:45:22
Amigo, en México lo puedes conseguir en la calle de República del Salvador, cerquita de la Plaza de la computación en el DF. Hoy fui y me he comprado uno de 2x16, me costó 75 pesos. Ahora sólo falta aprender a ponerlo, espero el tutorial del otro compa me ayude. Saludos.
----------------
Enseñar es recordarles a los demás que saben tanto como tú... (Richard Bach)

Enviado por sobick el 2005-08-12 17:57:30
la guia estha muy buena, pero desearia saber donde encuentro una lcd y kual es su precio.

el problema es k soy de mexico y no he encontrado lcd por aki...

si sabes algo mandame un mensaje privado

Enviado por Anonymous el 2005-04-27 00:51:45
ME HA GUSTADO BASTANTE TU GUIA AHORA ME QUEDARA PROBARLA MIRA SI M PUEDES DECIR LA URL DEL DOWNLOAD DEL PROGRAMA??
GRACIAS ATTE.:RaL

Enviado por Anonymous el 2005-02-04 01:40:37
Jo no me muestra las imagenes ni guardandolas en BMP monocromo joooooooooo (por lo menos con el paint) Me lo muestra en la pantalla de previsualizacion y no pasa al LCD ¿Alguna solucion?

Enviado por Galle el 2004-12-15 22:44:11
Hay algun programa como este para Linux ? :S , esta muy bien la guia , lastima que no este pa linux este programa

Enviado por TuRbOrG el 2004-09-19 18:34:43
me ha gustado mucho, y me ha ayudado bastante
muchas gracias

Enviado por Anonymous el 2004-09-02 21:00:05
¿k significa lcd, donde esta esto en el ordenador?

Enviado por Mamel el 2004-08-01 22:25:24
Después de tener finilizada la guía, hemos descubierto que es imprescindible grabar los fondos en formato .BMP y en 2 colores.
De no hacerlo así, los veremos en la vista previa, pero no viajarán al LCD.

Otra cosa, si se muestra en el LCD una pantalla con un fondo gráfico y la siguiente no lleva ningún fondo es fácil que salgan artefactos o imágenes raras en el LCD.
Para evitarlo prepara un fondo totalmente en blanco con el tamaño y formato adecuado y cárgalo como fondo en todas las pantallas que no lleven ningún fondo.


Este sitio no se hace responsable de ningún daño que cause en su ordenador con la información que en el se expone.Todos los productos y marcas están registrados por sus respectivos propietarios. Prohibida la reproducción total o parcial de los textos e imagenes de esta web sin el consentimiento expreso de su autor.
Hardcore-Modding.com 2001-2019 Los comentarios son propiedad de sus autores (ya sean anonimos o registrados).
Portal basado en NukeET, RSS
Página Generada en: 0.012 segundos

π