Red de conocimiento informático - Conocimiento de la instalación - ¿Cuáles son algunas formas de dibujar un cuadrado en la pantalla usando javascript?

¿Cuáles son algunas formas de dibujar un cuadrado en la pantalla usando javascript?

Sólo da una breve respuesta.

Blockly es un marco de programación gráfico de código abierto de Google. Su apariencia permite arrastrar y soltar para describir la mayor parte de la lógica de programación, lo cual es adecuado para niños y no programadores. Como marco, Blockly solo proporciona encapsulación básica, y la mayoría de las funciones deben encapsularse de acuerdo con la situación específica. Por ejemplo, la función de dibujar un rectángulo que mencionaste también debe encapsularse de acuerdo con la situación específica. Otro ejemplo es mi Espruino Web IDE que utilicé antes y encapsula muchas funciones de operación del hardware del microcontrolador (también conozco Blockly a través de él, así que lo menciono).

Vuelve a Blockly y dibuja un cuadrado. Hay un juego en línea de Blockly llamado Blockly Games: Turtle Graphics. No sé si este es el juego que jugué. usa el código Blockly para dibujar un cuadrado.

Después de abrir la interfaz del juego, verás la imagen a continuación. La Turle y los bucles en el medio son las selecciones del módulo de función. Selecciona un bucle y configúralo para que se repita 4 veces, luego selecciona una operación directa y. una operación de giro y haz la siguiente imagen La combinación que se muestra, haz clic en Ejecutar programa a la izquierda para ejecutar el juego:

Descripción de la imagen

Si es normal, puedes ver un cuadrado dibujado en la interfaz del juego a la izquierda y al mismo tiempo a la derecha. Puedes ver todo tu código js generado por Blockly (sí, cuatro líneas),

Descripción de la imagen

Por supuesto. , además de hacerlo en un bucle, también puedes hacerlo honestamente. Sigue recto, gira a la derecha 90 grados, sigue recto, gira a la derecha 90 grados, sigue recto, gira a la derecha 90 grados y sigue recto para completar el primer nivel (probablemente esta es la lógica para la mayoría de los no programadores).

En el código Blockly que acabamos de generar, "moveForward" y "turnRight" son la encapsulación de Blockly en este juego. Solo jugué el primer nivel. Para ser honesto, este método todavía es demasiado bajo para los programadores. De repente siento que Bio es mucho más poderoso.

Reimpreso sólo como referencia.