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.

  
previo artículo: Panel Solar

0 comentarios:


 
Ser contento con poco es difícil.
Ser contento con mucho es imposible.

Artículos
Todos  
Fe/Filosofía
Sudoku
Computadora
Misc.
30/4/21Anillos de Datos
3/3/21Gráficos Improbables de Ajedrez
30/1/21Panel Solar
24/11/20Oda a Sudoku
7/10/20Versión 3
23/8/20El Retador Exitoso 3
19/8/20Reto Respondido (2)
5/8/20Ordinariato
30/7/20Sacerdotes Amateures
23/7/20Doctrinas, Canones, Edificios
6/7/204 Retos de Sudoku
19/6/20Rectángulo Inevitable
1/6/20Reto de Sudoku (2)
7/4/20Temor de la Muerte
14/2/20Aviso
11/1/20Cumplesegundos Milmillonesimo
31/12/19Versus-2
18/12/19Versus
3/12/19Copyright/left
24/10/19DePyper
19/7/19Esquizofrenia
11/7/19Nuevas Matemáticas
25/6/19Tiempos y Sazones
29/11/18Seguridad de datos 2
2/10/18Hasta
15/9/18Silla vacante
29/8/18Adiviname esto
2/8/18Reto Respondido
6/7/18Disturbios en Nicaragua
16/5/18Algunos Detalles
20/4/18Crisis de Autoridad
30/3/18Teocracia
1/3/18Auto abnegación
14/12/17Reto de Sudoku
16/11/17Blog Blog
Copyright (c) 2017-2021 Gerald DePyper - Jinotega, Nicaragua, C.A.
rev. 2021.03.21