Créez un simple générateur d'images par points avec Flask

Formulaire rempli

Cela ressemble à ce qui suit. スクリーンショット 2020-11-21 7.03.51.png https://flaskandheroku.herokuapp.com/

spécification

Comment j'ai décidé de le faire

――J'étudie Flask, donc je voulais faire un livrable simple ――Mon passe-temps est de dessiner les images de points suivantes, donc je voulais créer un outil qui puisse être généré automatiquement. スクリーンショット 2020-11-21 7.14.34.png https://akihanari.github.io/gif-amabie/

Langue, cadre, etc.

organisation des fichiers

Mécanisme (code)

C'est simple.

# app.py

@app.route('/')
def dot_gene():
    numbers = [[random.randrange(4) for i in range(8)] for j in range(8)]
    return render_template("index.html", numbers = numbers)

Commencez par créer une fonction double boucle dans @ app.route ('/'). Cette fois, je vais faire 8x8 points, mais pour décider si la couleur de chaque point est blanche ou noire, Génère un nombre aléatoire de 0 à 3. Par exemple, cela ressemble à ceci

11230032
31231000
30023111
12213303
01202010
32111320
01322031
00011203

Ensuite, nous le traiterons dans index.html.

# index.html
{% extends "layout.html" %}
      {% block content %}
        <h1>Pixel art generator</h1>
        <div class="spaces">
          {% for number in numbers %}
            {% for num in number %}
                {% if num == 0 %}
                  <font color="#000000">■</font>
                {% elif num == 1%}
                  <font color="#ededed">■</font>
                {% elif num == 2%}
                  <font color="#ededed">■</font>
                {% else %}
                  <font color="#ededed">■</font>
                {% endif %}
              {% endfor %}
              <br>
          {% endfor %}
       </div>
        .
        .
        .
{% endblock %}

~~ Je suis vraiment désolé que le code soit très sale ~~ Associez le numéro de double boucle créé à "■", blanc ou noir. Cette fois, uniquement lorsque le nombre est 0, il est converti en noir, et quand ce n'est pas le cas, il est converti en couleur blanche (similaire). スクリーンショット 2020-11-21 8.22.10.png Ensuite, une telle image de point sera affichée.

Points d'amélioration

référence

Introduction à paiza Flask 1: Créons une application web avec Python

Recommended Posts

Créez un simple générateur d'images par points avec Flask
Créez un simulateur de gacha rare avec Flask
Faisons un langage simple avec PLY 1
Créez une application Web simple avec Flask
Faire un bot d'analyse morphologique de manière lâche avec LINE + Flask
Créez un Slackbot simple avec un bouton interactif en python
Essayez de créer un jeu simple avec Python 3 et iPhone
Qu'est-ce que Dieu? Créez un chatbot simple avec python
Faites une loterie avec Python
Faire un feu avec kdeplot
Comment créer un BOT Cisco Webex Teams à l'aide de Flask
Créez un bot LINE avec GoogleAppEngine / py. Version nue simple
J'ai créé une application de livre simple avec python + Flask ~ Introduction ~
Comment faire un simple jeu Flappy Bird avec Pygame
Faites de l'art ASCII avec l'apprentissage en profondeur
Faisons une interface graphique avec python.
Faites un son avec le notebook Jupyter
Créer un serveur Flask avec Docker
Faisons une rupture de bloc avec wxPython
Créer un système de recommandation avec python
Créer un filtre avec un modèle django
Faisons un graphe avec python! !!
Faisons un spacon avec xCAT
Créer un itérateur de modèle avec PySide
Faire un joli graphique avec plotly
Créez un générateur de rideaux avec Blender
Faisons une application WEB pour l'annuaire téléphonique avec flacon Partie 1
Rubyist a essayé de créer une API simple avec Python + bouteille + MySQL
Faisons une application WEB pour l'annuaire téléphonique avec flacon Partie 2
Créez un simple OMR (lecteur de feuille de marque) avec Python et OpenCV
Faisons une application WEB pour l'annuaire téléphonique avec flacon Partie 3
Faisons une application WEB pour l'annuaire téléphonique avec flacon Partie 4
Créer un fichier power simple avec Python
Lecteur RSS simple réalisé avec Django
Faisons un jeu de shiritori avec Python
Créer un lecteur vidéo avec PySimpleGUI + OpenCV
Les débutants en Python ont décidé de créer un bot LINE avec Flask (commentaire approximatif de Flask)
Créez un pipeline de notebook avec Kedro + Papermill
Créez un convertisseur Ethernet LAN sans fil et un routeur simple avec Raspberry Pi
Faire une figure partiellement zoomée avec matplotlib
Créez un quiz de dessin avec kivy + PyTorch
Faisons la voix lentement avec Python
Créez un classificateur en cascade avec Google Colaboratory
Faire un circuit logique avec Perceptron (Perceptron multicouche)
Faire Oui Non Popup avec Kivy
Faire une minuterie de lavage-séchage avec Raspberry Pi
Créer une animation GIF avec surveillance des dossiers
J'ai fait un générateur Hanko avec GAN
Créez un framework Web avec Python! (1)
Créer un service Web avec Docker + Flask
Faisons une IA à trois yeux avec Pylearn 2
Créez une application de bureau avec Python avec Electron
Faisons un bot Twitter avec Python!
Créez un framework Web avec Python! (2)
J'ai fait un simple blackjack avec Python