15 de enero de 2021

Personalizar Perfil De Steam

En esta sencilla guía veremos como modificar nuestro perfil de Steam para que luzca de una forma asombrosa sin la necesidad de utilizar programa alguno. Para ello haremos uso de una extensión y de algunos trucos. Si quieres saltar a alguna parte concreta del tutorial, avanza por los distintos apartados para realizar la modificación deseada.



AVATAR

Para el avatar del perfil puedes utilizar cualquier formato de imagen excepto gifs, también puedes comprar un Avatar animado y un marco en la tienda de puntos de Steam o incluso utilizar tu avatar actual superpuesto sobre el mismo fondo que utilices en el perfil:

Avatar Normal       Avatar Animado       Avatar con fondo coincidente

Como se puede apreciar en el tercer ejemplo, hay una notable continuidad en el diseño final. Tanto el fondo del perfil como el fondo del avatar coinciden y están perfectamente alineados. Esto se consigue gracias a la página Steam Design, con la cual, puedes generar tus propias plantillas ya adaptadas a partir de los temas que poseas en tu inventario. A continuación puedes ver el diseño antiguo de la web:

Diseño de perfil completo
Después veremos como hacer coincidir también el Artwork para ampliar la vista del fondo

Para obtener el mismo resultado en el avatar, utiliza la imagen que viene incluida con el mismo nombre en el archivo comprimido de tu propia plantilla descargada de Steam Design. Si no sabes como configurar tu plantilla y descargarla, avanza hasta el apartado Artwork. Lo único que tienes que hacer, con ayuda de algún editor de imágenes, es insertar tu imagen superponiendo ese fondo, de forma que al visualizar el avatar final en tu perfil lo verás en completa armonía con el fondo y los artworks de la plantilla que crearemos más adelante.








DESCRIPCIÓN

Para la descripción puedes utilizar formatos de texto, los cuales dotarán a tu biografía de bastante estilo y originalidad. Se emplean mediante el uso de etiquetas, al igual que el texto HTML; y funciona tanto para comentarios como para todo tipo de mensajes de chat.

Formatos de texto

Otra página a tener en cuenta es Steam Design Center. Como su propio nombre indica, se trata de una herramienta que nos será de gran utilidad para centrar los textos de nuestra descripción, de comentarios, publicaciones, cualquier chat, etc.

Steam Design Center








ARTWORK

Ahora veremos como utilizar el Expositor de Artworks para complementar nuestro fondo de perfil preferido. Antes de nada, asegúrate de tener seleccionado o decidido el fondo de perfil que más te guste para así evitar repetir todo el proceso por una mala elección.

Lo siguiente será ir a Steam Design donde debes iniciar sesión con tu cuenta de Steam. Hecho esto, verás en la parte inferior un desplegable titulado Inventory, busca tu fondo y selecciónalo. Si dispones de la URL del mismo y no deseas iniciar sesión, basta con pegarla en el campo indicado (recuadro verde de la imagen). Por último, pulsa en el botón Download ZIP para descargar la plantilla.

Steam Design
Esta web resulta bastante útil para ver una demostración de cualquier fondo en tu perfil sin necesidad de comprarlo

AVISO: Si lo que quieres es utilizar una imagen distinta a la temática del fondo empleado omite este proceso.


Teniendo ya el diseño listo, debes elegir entre el primer método y el segundo para la correcta inserción del Artwork y su correspondiente visualización. He de aclarar que para ambos procedimientos es necesario iniciar sesión en Steam desde el navegador.


PRIMER MÉTODO:


Es necesario un navegador basado en Chromium para instalar la extensión. Dicho esto, descarga la extensión Steam Profile Assistant para Google Chrome o Mozilla Firefox. Una vez instalada, dirígete a Steam e inicia sesión normalmente.

Ve a Tu Perfil > haz click en Artwork > presiona el botón Subir Artwork y selecciona Ningún juego específico.

Selección de Artwork

Sube las imágenes que escogiste o las de la plantilla que descargaste de Steam Design para el Artwork personalizado. Si usaste la plantilla de la web anterior, arrastra solo las imágenes Artwork_Middle y Artwork_Right_Top al área de selección blanca.

Seleccionar varias imágenes

Pulsa en el botón Upload files para cargar las imagenes y por último haz clic en Guardar y continuar al final de la página.
Recuerda que también puedes usar imágenes en movimiento (gifs) para obtener un resultado más dinámico.

Para verificar si está todo bien, fíjate que ahora al entrar en el apartado Artwork, las imágenes se mostrarán de la siguiente manera:

Previsualización de Artwork

Si no te aparece así, desinstala la extensión y prueba directamente el segundo método que encontrarás más abajo.

Por último solo queda ir a Modificar perfil > Expositor destacado > elegir Expositor de artwork en el desplegable y seleccionar las imágenes recién subidas.

Expositor de Artwork


SEGUNDO MÉTODO:


Dedicado a las personas que no dispongan de navegadores basados en Chromium o no quieran hacer uso de herramientras de terceros como es el caso de la extensión. La principal diferencia frente al primer método consiste en que debes subir las imágenes de una en una.

Bien, para empezar dirígete a Steam e inicia sesión normalmente.

Ve a Tu Perfil > haz click en Artwork > presiona el botón Subir Artwork y selecciona Ningún juego específico

Selección de Artwork

Antes de subir cualquier archivo, abre la consola del navegador haciendo clic derecho e inspeccionar o pulsando F12 en el teclado, dirígete a la pestaña Console y pega el siguiente texto como muestro en la imagen del ejemplo:


$J('#image_width').val(1000).attr('id',''),$J('#image_height').val(1).attr('id','');

Pegar en Console


Ahora sí, sube las imágenes que escogiste o las de la plantilla que descargaste de Steam Design para el Artwork personalizado. Si usaste la plantilla, sube primero la imagen Artwork_Middle y después Artwork_Right_Top ya que no se permiten subidas múltiples.

Selecciona tu Artwork

Debes repetir el proceso tantas veces como Artworks subas. Por último ve al final de la página para hacer clic en Guardar y continuar.
Recuerda que también puedes usar imágenes en movimiento (gifs) para obtener un resultado más dinámico.

Para verificar si está todo bien, fíjate que ahora al entrar en el apartado Artwork, las imágenes se mostrarán de la siguiente manera:

Previsualización de Artwork

Por último solo queda ir a Modificar perfil > Expositor destacado > elegir Expositor de artwork en el desplegable y seleccionar las imágenes recién subidas.

Expositor de Artwork








MOSATICON

.........En construcción..........

29 de noviembre de 2020

Instalar Drivers Capturadora EasyCap + Programa De Grabación


Esta conocida capturadora con conectores de señal analógica RCA y S-Video, destacó por su reducido precio en el mercado, a pesar de su espantosa calidad y velocidad de transferencia de datos. Como diría más de un@: para salir del paso no está del todo mal...

Si eres poseedor de una EasyCap original o de cualquier clon de ésta y no consigues hacerla funcionar, no te deshagas de ella tan rápidamente sin ver antes esta guía. Suelen caracterizarse por no ser precisamente intuitivas en cuanto a su instalación se refiere.



INSTALACIÓN DE DRIVERS


Lo primero de todo es buscar el disco de instalación que viene junto con nuestra grabadora. Tiene un aspecto similar al de la imagen inferior, aunque puede variar el texto dependiendo de la versión y marca de tu capturadora.


Si por cualquier motivo no dispones del disco de instalación o de lectora de CDs, simplemente haz clic aquí para descargar el contenido del CD ya extraído. No te preocupes si no corresponde con el modelo o marca de tu disco original ya que este instalador es universal.


Una vez introducido/descargado el disco, haz clic en el icono de la unidad o ejecuta el archivo autorun.exe que hay en su interior.



A continuación, se abrirá una ventana de instalación con 4 opciones. Haz clic en Install y sigue normalmente el proceso de instalación.

En mi caso son los drivers Fushicai VIDEO DVR, no obstante, puede aparecer otra marca.


Cuando termine, se abrirá otra ventana para la instalación del programa de grabación Honestech TVR. Este paso es opcional debido a que existen diversos programas que realizan las mismas funciones igual de bien, pudiendo ofrecer incluso mejores resultados.

Instalación de Honestech TVR

Honestech TV no viene activado por defecto, por lo que tendrás que buscar tú mismo un serial por internet o en la cara frontal del mismo disco de instalación. En el ejemplo inferior puedes copiar el serial del disco que he utilizado.


TVR25-NMBGG-HGGH-362DC-6BMG6

Después, ingresa ese serial en la ventana que aparece justo cuando ejecutas por primera vez el programa Honestech TVR.

Serial Number Check

Si te encuentras en un S.O inferior a Windows 10, debes de instalar DirectX 9. Viene ya incluido en la segunda opción del instalador

Instalar DirectX 9

Con esto concluiría la parte de instalación de drivers. Cierra el instalador y escoge de abajo tu software de grabación preferente.



Software De Grabación Compatible


🡺 OBS Studio
🡺 Honestech TVR
🡺 ArcSoft TotalMedia 3.5
🡺 VirtualDub
🡺 CyberLink PowerDirector 12
🡺 Ulead VideoStudio
🡺 Debut Professional
🡺 EasyCapViewer (para Mac)

En esta guía solo abarcaré la instalación y configuración de TotalMedia, VirtualDub y PowerDirector 12. Pulsa en el nombre del programa que desees instalar para ver directamente la explicación. Si deseas utilizar algun programa de la lista que no haya redactado aún, te sugiero que eches un vistazo por YouTube dado que hay infinidad de guías y tutoriales bien explicados.



INSTALACIÓN DE TOTALMEDIA 3.5


Puedes descargarlo fácilmente desde este enlace o desde la página de Softonic.
Para proceder a su instalación, descomprime el archivo descargado y dentro de la carpeta resultante, ejecuta el archivo AutoRun.exe

AutoRun.exe ArcSoft

Se abrirá una ventana como la de abajo en la que instalaremos los drivers que utiliza la aplicación y el programa TotalMedia en sí.

Encore Electronics Installer

Primero haz clic en Software Driver para instalar los Drivers de Encore ENMVG-2 y posteriormente, pulsa en Application Program.

Instalación drivers Encore ENMVG-2       Instalación ArcSoft TotalMedia

Una vez termine el proceso, ya puedes cerrar el asistente de instalación y ejecutar el acceso directo del programa en el escritorio.

Para visualizar la consola en tiempo real, conecta la entrada USB de la capturadora al PC y selecciona el módulo de TV en el programa.

TotalMedia 3.5 TV Capture

Enciende la consola, selecciona en el programa tu región para la señal de TV, deja marcado Audio Pin Source como dispositivo de audio predeterminado y escoge una de las dos señales de vídeo disponibles para grabarlas con el programa: S-Video o RCA.

1/3
2/3
3/3

Hecho esto, ya tendremos el módulo de TV casi configurado, solo nos queda establecer una ruta para el guardado de los vídeos que grabemos. Para ello dirígete a la opción Grabación de TV y busca la ruta donde quieras alojarlos. Cuando ya la tengas, no es necesario guardar los cambios en ninguna parte, simplemente pulsa la flecha que aparece en la esquina superior izquierda para retroceder.

Grabación de TV   Selecciona ruta de guardado

Si seguiste bien todos los pasos, al volver a la pantalla principal del módulo TV podrás empezar a grabar tu consola.

Señal Final

Para capturar la señal externa solo tienes que pulsar sobre el círculo rojo en el panel desplegable inferior, tal y como se aprecia en la imagen anterior. El único incoveniente de este programa es que graba los vídeos en formato .MPEG y no proporciona ninguna otra opción. Es por esto que quizás te interese más emplear otro programa de los arriba mencionados para grabar la señal de la EasyCap.




Si lo que quieres es grabar tus partidas en un ordenador de forma independiente a la televisión o pantalla en la que estés jugando, debes adquirir 3 Splitters RCA o 1 Splitter S-Video, dependiendo de la señal que desees duplicar en tu caso.
3 RCA Splitter                          S-Video Splitter
                              RCA: 1 Splitter por cada conector.                                                                     S-Video: 1 Splitter.

19 de septiembre de 2020

Personalizar Barra de Desplazamiento (Scrollbar) en Blogger

Scrollbars Preview

Esta ocasión veremos como cambiar el diseño de la barra de desplazamiento vertical que aparece en nuestro blog. Lo primero que necesitaremos será crear un diseño o escoger uno ya creado, bien de esta publicación o bien de cualquier otra página de internet.



Pulsa el botón para ver una demostración y su autor


Los pseudo-elementos WebKit utilizados en este método solo son compatibles con navegadores basados en este motor como son Chrome, Opera o Safari entre otros. Desafortunadamente, no tendrá soporte con navegadores como Firefox o Internet Explorer.

Una vez elegido o creado el diseño, nos dirigimos a la parte de Tema > Editar HTML de nuestra plantilla y abrimos el buscador del editor.


         Se activa con Ctrl + F y se ve así


Busca la etiqueta </head> y pega encima el código de tu estilo. La estructura de tu diseño debe ser similar a la de este ejemplo:
<style>
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 6px;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 6px;
}
</style>

Muy importante añadir las etiquetas <style> al principio y final de nuestro código o de lo contrario, no funcionará (ya incluidas)



DISEÑOS DE SCROLLBAR


A continuación te dejo ordenados los diseños que aparecen en la miniatura con su correspondiente código para copiar:

<!-- Custom Scrollbar 1 -->
<style>
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background-color: #dfdfdf;
  border-radius: 10px;
}
</style>

<!-- Custom Scrollbar 2 -->
<style>
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background-color: #11171a;
  border-radius: 10px;
}
</style>

<!-- Custom Scrollbar 3 -->
<style>
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
}
</style>

<!-- Custom Scrollbar 4 -->
<style>
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.4);
}
::-webkit-scrollbar-thumb {
  background-color: #e78632;
  background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.3) 20%,transparent 20%,transparent 40%,rgba(255, 255, 255, 0.3) 40%,rgba(255,255,255,.3) 60%,transparent 60%,transparent 80%,rgba(255, 255, 255, 0.3) 80%);
  border-radius: 10px;
}
</style>

<!-- Custom Scrollbar 5 -->
<style>
::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.1);
}
::-webkit-scrollbar-thumb {
  background-image: linear-gradient(45deg, #00aeff, #a68eff);
  border-radius: 10px;
	-webkit-box-shadow: rgba(0,0,0,.12) 0 3px 13px 1px;
}
</style>

<!-- Custom Scrollbar 6 -->
<style>
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.4);
}
::-webkit-scrollbar-thumb {
  background-color: #aab74d;
  background-image:-webkit-linear-gradient(rgba(255,255,255,.3) 20%,transparent 20%,transparent 40%,rgba(255, 255, 255, 0.3) 40%,rgba(255,255,255,.3) 60%,transparent 60%,transparent 80%,rgba(255, 255, 255, 0.3) 80%);
  border-radius: 10px;
}
</style>

Cómo Instalar Metahook Plus en Counter-Strike 1.6


Metahook Plus es una plataforma de complementos de cliente para el motor GoldSrc, la cuál permite cargar complementos DLL. Sirve tanto para versiones Steam como No Steam, aunque actualmente la versión 0.4 no es completamente estable.

Si desea aprender a crear complementos HUD en Metahook, puede echarle un vistazo a este blog en Chino. Requiere de un mínimo de conocimientos en el lenguaje de programación C++.

ASPECTOS A TENER EN CUENTA


• Los complementos solo pueden funcionar en openGL 32-bit.
• A diferencia de otras versiones de Metahook, ésta es más fácil de desinstalar.
• Metahook proporciona una gestión simplificada de complementos, aunque aún no es completamente estable.
• Ten mucho cuidado, ya que esto es algo así como un inyector de .dll y puede ejecutar códigos maliciosos o hacks.





Lo primero que debemos hacer es acceder a la página del programa y descargarnos un archivo comprimido. También puedes descargarlo directamente haciendo clic sobre este enlace.

Share banner

Una vez descargado, arrastramos el contenido del archivo .zip a la carpeta por defecto donde tengamos instalado Half-Life:

⮚ STEAM
C:\Program Files\Steam\steamapps\common\Half-Life
⮚ NO STEAM
C:\Program Files\Valve\Half-Life

Ahora cada vez que queramos iniciar el juego utilizando esta herramienta, debemos ejecutar el archivo cstrike.exe que recién movimos a la carpeta raíz del Half-Life. Para mayor comodidad, te recomiendo crear un acceso directo del ejecutable en tu escritorio.

Icono del archivo




INSTALAR PLUGINS EN METAHOOK

Para instalar plugins en Metahook Plus, deberemos mover los archivos .dll a la siguiente ruta:

\cstrike\metahook\plugins

Una vez movidos, accederemos a esta otra ubicación y abriremos con el bloc de notas el archivo plugins.lst

\cstrike\metahook\configs

Ahí pegaremos el nombre de cada plugin seguido de su extensión .dll u otra compatible. Debe quedarte como en esta imagen:


Hecho esto, ya tenemos nuestros plugins instalados y correctamente configurados. Por último, solo nos queda comprobar que funcionen.


1/2
Metahook Desactivado
2/2
Metahook Activado

En esta comparativa he utilizado un plugin para modificar el campo de visión. Este valor resulta imposible de modificar de forma nativa.

Algunos plugins pueden requerir de AMX Mod X instalado, por lo que aquí te dejo otra guía para obtenerlo y configurarlo.



DESCARGAR MÁS PLUGINS


Puedes descargar más plugins .dll para Metahook Plus haciendo clic en la imagen.