Jerry's Blog  1.4.230
mi propio
próximo artículo: Anillos de Datos
Gráficos Improbables de Ajedrez
Gráficos html sin métodos normales de rendir imágenes
mie 3 marzo 2021  7:37pmComputadora

El caso inverosímil de ajedrez ilustrado aquí tiene unos aspectos interesantes:

 
 
 
 
 
 
 
 
 

A la primera ojeada, parece que negro está ganando. Tiene todos sus 16 piezas (seis todavía en sus posiciones originales), mientras blanco ha perdido cuatro de sus peones y tres de sus piezas de poder, incluso su reina. Pero una mirada más exacta muestra que blanco domina. De hecho, puede dar jaque mate con un solo paso (Tf8# 1-0). Si le toca a blanco. Una mirada tercera revela un giro sorprendente: Negro se está tan cerrado que, si le toca a él, no tiene ningún paso legal, y se termina el partido en estancamiento, un punto muerto.

Bueno. Una situación de ajedrez bonita, si también improbable. Pero este artículo de blog se clasifica como 'Computadora' para otra razón: El método normal para dibujar las piezas de ajedrez sería crear 11 archivitos de imágenes para cada una de las piezas (no se necesita aquí la reina blanca), entonces incluirlas en el tablero usando la etiqueta html <img>. Otro método, no disponible en varios navegadores, sería poner datos crudos de la imagen en los elementos de html. En los dos casos, un navegador fijo para no rendir imágenes mostrará un tablero vacío, sin piezas. Navegadores modernos pueden reconocer el nuevo elemento html <canvas> junto con javascript, o gráficos SVG. Pero estos métodos son aún menos disponibles. Quiero que mi sitio sirva en varios navegadores, tantos como posible, incluyendo navagadores viejos, y con imágenes deshabilitados. Creo que el partido de ajedrez ilustrado aquí debe mostrarse bien en cualquier navegador.

Para cada pieza de ajedrez, pixels y grupos de pixels se dibujados usando su posición relativa de los elementos html <div> cuya color de fondo es el color de los pixels. Así, por ejemplo, el siguiente dibuja 10 pixels nergros empezando al superior del contenedor, 17 pixels de su lado izquierdo:

<div style="position:relative; top:0px; left:17px; width:10px; height:1px; background:#000;"></div>

Claro que hay muchas etiquetas semejantes de <div> para sola una imagen de una pieza de ajedrez, y seguramente no escribí a mano cada uno, sino usé scripts php del lado servidor para generar el código html para cada pieza. Puedo compartir este código php con quienquiera; sólo pregunte. Usted también puede ver 'Código Fuente' en su navegador para ver el código html así generado aquí.

No estoy seguro si hay valor práctico en la situación de ajedrez ni en el método no regular de gráficos. Tal vez, los gráficos, sí (??). Mientras tanto, mi cerebro y tal vez el suyo han sido ocupados con unos pensamientos inofensivos.

  

0 comentarios:


 
El tiempo no perdona

Artículos
Todos  
Fe/Filosofía
Sudoku
Computadora
Misc.
30/4/21Anillos de Datos
3/3/21Gráficos Improbables de Ajedrez
11/1/20Cumplesegundos Milmillonesimo
3/12/19Copyright/left
11/7/19Nuevas Matemáticas
29/11/18Seguridad de datos 2
16/11/17Blog Blog
Copyright (c) 2017-2021 Gerald DePyper - Jinotega, Nicaragua, C.A.
rev. 2021.03.21