update

app.py

@@ -35,7 +35,7 @@ def process_images(image, image2=None,prompt="a girl",strength=0.75,seed=0,infer
     if not isinstance(image, dict):
         if image2 == None:
             print("empty mask")
-            return image,None
+            return image
         else:
             image = dict({'background': image, 'layers': [image2]})
 
@@ -70,7 +70,7 @@ def process_images(image, image2=None,prompt="a girl",strength=0.75,seed=0,infer
     output = process_img2img(image["background"],mask,prompt,strength,seed,inference_step)
    
     print("end process_images")
-    return output,mask
+    return output
     
 
 def read_file(path: str) -> str:
@@ -89,49 +89,62 @@ css="""
     margin: 0 auto;
     max-width: 640px;
 }
+.grid-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap:10px
+}
+
+.image {
+  width: 128px; 
+  height: 128px; 
+  object-fit: cover; 
+}
+
+.text {
+  font-size: 16px;
+}
+
 """
 
 with gr.Blocks(css=css, elem_id="demo-container") as demo:
     with gr.Column():
         gr.HTML(read_file("demo_header.html"))
+        gr.HTML(read_file("demo_tools.html"))
     with gr.Row():
                 with gr.Column():
-                    image = gr.ImageEditor(height=800,sources=['upload','clipboard'],transforms=[],image_mode='RGB', layers=False,  elem_id="image_upload", type="pil", label="Upload",brush=gr.Brush(colors=["#fff"], color_mode="fixed"))
+                    image = gr.Image(height=800,sources=['upload','clipboard'],image_mode='RGB', elem_id="image_upload", type="pil", label="Upload")
                     with gr.Row(elem_id="prompt-container",  equal_height=False):
                         with gr.Row():
                             prompt = gr.Textbox(label="Prompt",value="a eyes closed girl,shut eyes",placeholder="Your prompt (what you want in place of what is erased)", elem_id="prompt")
                             
                     btn = gr.Button("Img2Img", elem_id="run_button",variant="primary")
                     
-                    image_mask = gr.Image(sources=['upload','clipboard'],  elem_id="mask_upload", type="pil", label="Mask_Upload",height=400, value=None)
                     with gr.Accordion(label="Advanced Settings", open=False):
                         with gr.Row( equal_height=True):
                             strength = gr.Number(value=0.75, minimum=0, maximum=0.75, step=0.01, label="strength")
                             seed = gr.Number(value=100, minimum=0, step=1, label="seed")
                             inference_step = gr.Number(value=4, minimum=1, step=4, label="inference_step")
-                        #models = ["black-forest-labs/FLUX.1-schnell"]
-                        #inpaint_model = gr.Dropdown(label="modes", choices=models, value="black-forest-labs/FLUX.1-schnell") 
                         id_input=gr.Text(label="Name", visible=False)
                             
                 with gr.Column():
                     image_out = gr.Image(height=800,sources=[],label="Output", elem_id="output-img",format="jpg")
-                    mask_out = gr.Image(height=800,sources=[],label="Mask", elem_id="mask-img",format="jpeg")
+                   
 
                     
             
 
-    #btn.click(fn=process_images, inputs=[image, image_mask,prompt,strength,seed,inference_step], outputs =[image_out,mask_out], api_name='infer')
     gr.Examples(
                examples=[
-                    #["images/00547245_99.jpg", "images/00547245_99_mask.jpg","a beautiful girl,eyes closed",0.8,"images/00547245.jpg"],
-                    #["images/00538245_paint.jpg", "images/00538245_mask.jpg","a beautiful girl,wearing t-shirt",0.7,"images/00538245.jpg"],
-                    #["images/00207245_18.jpg", "images/00207245_18_mask.jpg","a beautiful girl,mouth opened",0.2,"images/00207245.jpg"]
+                    ["examples/draw_input.jpg", "examples/draw_output.jpg","a women ,eyes closed,mouth opened"],
+                    ["examples/draw-gimp_input.jpg", "examples/draw-gimp_output.jpg","a women ,eyes closed,mouth opened"],
+                    ["examples/draw_input.jpg", "examples/draw_output.jpg","a women ,eyes closed,mouth opened"],
+                    ["examples/gimp_input.jpg", "examples/gimp_output.jpg","a women ,hand on neck"],
+                    ["examples/inpaint_input.jpg", "examples/inpaint_output.jpg","a women ,hand on neck"]
                          ]
 ,
-                #fn=example_out,
-                inputs=[image,image_mask,prompt,strength,image_out],
-                #outputs=[test_out],
-                #cache_examples=False,
+                inputs=[image,image_out,prompt],
     )
     gr.HTML(
         """
@@ -141,8 +154,8 @@ with gr.Blocks(css=css, elem_id="demo-container") as demo:
     gr.on(
         triggers=[btn.click, prompt.submit],
         fn = process_images,
-        inputs = [image, image_mask,prompt,strength,seed,inference_step],
-        outputs = [image_out,mask_out]
+        inputs = [image,prompt,strength,seed,inference_step],
+        outputs = [image_out]
     )
 
 if __name__ == "__main__":

demo_footer.html

@@ -0,0 +1,3 @@
+<div>
+    <P> Images are generated with <a href="https://huggingface.co/black-forest-labs/FLUX.1-schnell">FLUX.1-schnell</a> and licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0">the Apache 2.0 License</a>
+</div>

demo_header.html

@@ -1,12 +1,16 @@
 <div style="text-align: center;">
     <h1>
-        Flux.1-schnell mask-img2img
+        Flux.1-schnell img2img
     </h1>
-    <p>Making face images for <a href="https://huggingface.co/spaces/Akjava/godot-huggingface-chain">AI Diagram Chat with Voice/Face Character</a></p>
-    <p>
-        
-        See examples.
-        
-    </p>
-    <p>Hint:</p>
+    <div class="grid-container">
+        <img src="https://akjava.github.io/AIDiagramChatWithVoice-FaceCharacter/webp/128/00349245_09_00002200.webp" alt="Flux.1-schnell-WebP3Frame-TalkingAnimation" class="image">
+        <p class="text">
+        Simple Classic Inapint result are good.but plain drawing is not so good,You can get best result with Gimp's Smudge Tool<br>
+        Img2img is good for scale-up too ,the result is more better with Gimp's sharpen<br>
+        Basically output face is totally difference,scale up to image to reduce that<br>
+        Usually result color strange,use Whitebalance tools or gimp<br>
+        you can clear face coverd hand with img2img + inpaint
+        </p>
+    </div>
 </div>
+

requirements.txt

@@ -4,4 +4,5 @@ torch
 diffusers
 accelerate
 transformers
+xformers
 sentencepiece

tools.html

@@ -0,0 +1,10 @@
+<div style="text-align: center;">
+    <p><a href="https://huggingface.co/spaces/Akjava/AIDiagramChatWithVoice-FaceCharacter">AI Diagram Chat with Voice/Face Character Making Tools</a></p>
+    <p><a href="https://huggingface.co/spaces/Akjava/WebPTalkHead">[WebP-3F-TH]</a>
+        <a href="https://huggingface.co/spaces/Akjava/flux1-schnell-img2img">[Flux1-Img2Img(GPU)]</a>  
+        <a href="https://huggingface.co/spaces/Akjava/flux1-schnell-mask-inpaint">[Flux1-Inpaint(GPU)]</a> 
+        <a href="https://huggingface.co/spaces/Akjava/OpenCVInpaintCPU">[OpenCV-Inapint]</a>
+        <a href="https://huggingface.co/spaces/Akjava/Simple-Whitebalance-Image">[Whitebalance]</a>
+        <a href="https://huggingface.co/spaces/Akjava/Simple-Mask-Paste-Image">[Paste Image]</a>
+        <a href=" https://huggingface.co/spaces/Akjava/WebP-Resize-Convert">[WebP Resize Convert]</a></p> 
+</div>