Merge branch 'main' of https://gitfrieds.nackenbox.xyz/Gottfried/KI-Kunst-Kirsten-Kloeckner
This commit is contained in:
commit
95da9a44e5
|
|
@ -396,3 +396,4 @@ FodyWeavers.xsd
|
|||
|
||||
# JetBrains Rider
|
||||
*.sln.iml
|
||||
KIKunstKirstenKlöckner/wwwroot/generated_images/*
|
||||
|
|
|
|||
|
|
@ -17,6 +17,7 @@
|
|||
|
||||
<ItemGroup>
|
||||
<Folder Include="wwwroot\NewFolder\" />
|
||||
<PackageReference Include="SixLabors.ImageSharp" Version="3.0.1" />
|
||||
</ItemGroup>
|
||||
|
||||
</Project>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,6 @@
|
|||
@page "/aiart"
|
||||
|
||||
@using OpenAI_API
|
||||
@using Microsoft.AspNetCore.Components.Web
|
||||
@using OpenAI_API.Chat
|
||||
@using OpenAI_API.Models
|
||||
@using System.Diagnostics
|
||||
|
|
@ -10,8 +9,6 @@
|
|||
@inject TooltipService TooltipService
|
||||
@inject DialogService DialogService
|
||||
|
||||
@inject IJSRuntime JSRuntime;
|
||||
|
||||
<PageTitle>AiArt</PageTitle>
|
||||
|
||||
<h1>Wunschbilder von KI nur für dich</h1>
|
||||
|
|
@ -42,7 +39,7 @@
|
|||
AlignItems="AlignItems.Center" Wrap="FlexWrap.Wrap">
|
||||
<RadzenText>Temperature:</RadzenText>
|
||||
<RadzenSlider @bind-Value=@temperature TValue="float"
|
||||
Step="0.0001" Min="0.0m" Max="2.0m">
|
||||
Step="0.1" Min="0.0m" Max="2.0m">
|
||||
</RadzenSlider>
|
||||
<RadzenText>@temperature</RadzenText>
|
||||
</RadzenStack>
|
||||
|
|
@ -73,7 +70,7 @@
|
|||
|
||||
<RadzenImage Path=@_imageUrl></RadzenImage>
|
||||
|
||||
<RadzenText Visible=@_addonsVisible TextStyle="TextStyle.H4">Verändere hier dein Bild durch Worte:</RadzenText>
|
||||
<RadzenText Visible=@_addonsVisible TextStyle="TextStyle.H2">Verändere hier dein Bild durch Worte:</RadzenText>
|
||||
<RadzenTextBox Visible=@_addonsVisible @bind-Value=@addons Placeholder="Mehr Farben" />
|
||||
<RadzenButton Visible=@_bothVisible Click=@(async ()=> await DoStuff(false))>Generate</RadzenButton>
|
||||
|
||||
|
|
@ -185,10 +182,82 @@
|
|||
await InvokeAsync(StateHasChanged);
|
||||
}
|
||||
|
||||
public async Task GenerateImage()
|
||||
private readonly HttpClient _client = new();
|
||||
|
||||
protected override Task OnInitializedAsync()
|
||||
{
|
||||
//await JSRuntime.InvokeVoidAsync("DoSexyStuffBridge", _imagePrompt);
|
||||
_imageUrl = await JSRuntime.InvokeAsync<string>("DoSexyStuffBridge", _imagePrompt);
|
||||
var inferenceModelUrl = "https://api-inference.huggingface.co/models/Nacken/ki-kunst-kirsten-kloeckner-colab";
|
||||
|
||||
// TODO: nicht im repo speichern
|
||||
var API_TOKEN = "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";
|
||||
|
||||
//_client.BaseAddress = new Uri(inferenceModelUrl);
|
||||
|
||||
_client.DefaultRequestHeaders.Clear();
|
||||
_client.DefaultRequestHeaders.Add("Authorization", $"Bearer {API_TOKEN}");
|
||||
|
||||
return base.OnInitializedAsync();
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// Geneiert das Bild für den aktuellen <see cref="_imagePrompt"/>
|
||||
/// </summary>
|
||||
public async Task GenerateImageAsync()
|
||||
{
|
||||
var postData = new
|
||||
{
|
||||
inputs = _imagePrompt
|
||||
};
|
||||
|
||||
JsonContent content = JsonContent.Create(postData);
|
||||
|
||||
async Task FailedToDrawImage()
|
||||
{
|
||||
bool? retry = await DialogService.Confirm("Leider konnte das Bild nicht gemalt werden. Möchtest du es noch eimal versuchen?", "Ups, ein Fehler ist aufgetreten...",
|
||||
new ConfirmOptions { OkButtonText = "Ja", CancelButtonText = "Nein" });
|
||||
|
||||
if (retry == true)
|
||||
await GenerateImageAsync();
|
||||
}
|
||||
|
||||
try
|
||||
{
|
||||
var inferenceModelUrl = "https://api-inference.huggingface.co/models/Nacken/ki-kunst-kirsten-kloeckner-colab";
|
||||
|
||||
var response = await _client.PostAsync(inferenceModelUrl, content);
|
||||
|
||||
if (response?.IsSuccessStatusCode == true)
|
||||
{
|
||||
await using Stream imageStream = await response.Content.ReadAsStreamAsync();
|
||||
|
||||
using Image image = await Image.LoadAsync(imageStream);
|
||||
|
||||
string imgUrl = $"generated_images/{DateTime.Now:dd_MM_yyyy_hh_mm_s}.jpg";
|
||||
|
||||
string mapPath = $"./wwwroot/{imgUrl}";
|
||||
await image.SaveAsJpegAsync(mapPath);
|
||||
|
||||
_imageUrl = imgUrl;
|
||||
}
|
||||
else
|
||||
{
|
||||
Console.WriteLine($"Image conversion failed: {response}");
|
||||
|
||||
if (Debugger.IsAttached)
|
||||
Debugger.Break();
|
||||
|
||||
await FailedToDrawImage();
|
||||
}
|
||||
}
|
||||
catch (Exception exception)
|
||||
{
|
||||
Console.WriteLine($"Image request failed: {exception}");
|
||||
|
||||
if (Debugger.IsAttached)
|
||||
Debugger.Break();
|
||||
|
||||
await FailedToDrawImage();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -205,7 +274,7 @@
|
|||
_addonsVisible = false;
|
||||
_bothVisible = _buttonVisible && _addonsVisible;
|
||||
await UpdateBusyMessage("Kirstens Assistent zerbricht sich über deine Idee den Kopf...");
|
||||
_basePrompt = await File.ReadAllTextAsync($"{Directory.GetCurrentDirectory()}{@"/wwwroot/prompt.txt"}");
|
||||
_basePrompt = await File.ReadAllTextAsync($"{Directory.GetCurrentDirectory()}{@"/wwwroot/test_prompt.txt"}");
|
||||
|
||||
ChatRequest chatRequest = new ChatRequest
|
||||
{
|
||||
|
|
@ -236,7 +305,8 @@
|
|||
_imageDescription = await converse.GetResponseFromChatbotAsync();
|
||||
|
||||
await UpdateBusyMessage("Kirstens Assistent hat eine Idee! Er wird sie nun malen...");
|
||||
Task makeImagesTask = GenerateImage();
|
||||
|
||||
Task makeImagesTask = GenerateImageAsync();
|
||||
|
||||
//CancellationTokenSource cancelFunnyMessages = new CancellationTokenSource();
|
||||
|
||||
|
|
|
|||
|
|
@ -34,25 +34,5 @@
|
|||
</div>
|
||||
|
||||
<script src="_framework/blazor.server.js"></script>
|
||||
|
||||
<script type="module" src="scripts/ImageMaster3000.js"></script>
|
||||
|
||||
<script>
|
||||
window.DoSexyStuffBridge = async function (prompt)
|
||||
{
|
||||
// Stellen Sie sicher, dass das Modul geladen und die Funktion verfügbar ist
|
||||
if (typeof DoSexyStuff === "function")
|
||||
{
|
||||
return await DoSexyStuff(prompt);
|
||||
}
|
||||
else
|
||||
{
|
||||
console.error("Die Funktion DoSexyStuff ist nicht verfügbar.");
|
||||
|
||||
return "Error";
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,32 +0,0 @@
|
|||
import { HfInference } from 'https://cdn.jsdelivr.net/npm/@huggingface/inference@2.6.1/+esm';
|
||||
import { createRepo, commit, deleteRepo, listFiles } from "https://cdn.jsdelivr.net/npm/@huggingface/hub@0.8.4/+esm";
|
||||
|
||||
async function DoSexyStuff(prompt)
|
||||
{
|
||||
const HF_ACCESS_TOKEN = "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";
|
||||
|
||||
const inference = new HfInference(HF_ACCESS_TOKEN);
|
||||
|
||||
const blob = await inference.textToImage({
|
||||
//model: 'stabilityai/stable-diffusion-2',
|
||||
model: 'Nacken/ki-kunst-kirsten-kloeckner-colab',
|
||||
//inputs: 'award winning high resolution photo of a giant tortoise/((ladybird)) hybrid, [trending on artstation]',
|
||||
inputs: prompt,
|
||||
parameters: {
|
||||
negative_prompt: 'blurry',
|
||||
}
|
||||
})
|
||||
|
||||
const imageUrl = window.URL.createObjectURL(blob);
|
||||
|
||||
return imageUrl;
|
||||
|
||||
//window.open(imageUrl, '_blank');
|
||||
}
|
||||
|
||||
// Exportiere die Funktion in den globalen Kontext
|
||||
window.DoSexyStuff = DoSexyStuff;
|
||||
|
||||
function showAlert(message) {
|
||||
alert(message);
|
||||
}
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
Kunststil und Techniken: Kirsten Klöckner ist eine Künstlerin, die sich auf Aquarell- und Tusche-Materialien spezialisiert hat. Diese Techniken erfordern ein hohes Maß an Geschick und Präzision, da sie sowohl transparente als auch deckende Effekte erzeugen kann. Die Verwendung von Papier als Untergrund ermöglicht es ihr, mit verschiedenen Strukturen und Texturen zu experimentieren. Die Vielfalt der Techniken, die sie beherrscht - wie Federzeichnung, Pinselzeichnung, Nass-in-Nass-Technik, Trocken-auf-Trocken-Technik und Lasur - ermöglicht es ihr, ihre künstlerische Vision in unterschiedlichen Ausdrucksformen zu realisieren.
|
||||
|
||||
Themen und Motive: Klöckners Kunst zeigt eine breite Palette von Themen und Motiven. Ihre Werke enthalten oft Naturmotive wie Schafe, Pferde und Blumen, die eine Verbindung zur Natur und zum Landleben nahelegen. Gleichzeitig widmet sie sich aber auch gesellschaftlichen und politischen Anliegen, wie zum Beispiel Gastfreundschaft, Verantwortung, Klimaschutz und kritischen Reflektionen über den Alltag. Die Vielfalt der Themen zeigt, dass sie eine Künstlerin ist, die sich für viele Facetten des Lebens interessiert und ihre Kunst als Ausdrucksmittel für verschiedene Gedanken und Gefühle nutzt.
|
||||
|
||||
Emotionen und Interpretation: Kirsten Klöckners Kunst scheint stark von Emotionen durchdrungen zu sein, die bei den Betrachtern Resonanz erzeugen. Die Assoziationen und Reaktionen anderer Menschen auf ihre Werke reichen von Freude und Dankbarkeit bis hin zu nachdenklichen Reflexionen über gesellschaftliche Fragen. Dies deutet darauf hin, dass ihre Kunst eine breite Palette von Emotionen anspricht und eine starke Verbindung zu den Betrachtern herstellt. Klöckners Fähigkeit, Emotionen in ihren Werken zu vermitteln, zeugt von ihrer künstlerischen Sensibilität und ihrer Fähigkeit, eine tiefere Ebene der Kommunikation mit ihrem Publikum zu erreichen.
|
||||
|
||||
Narrative Elemente: In ihrer Kunst integriert Klöckner oft narrative Elemente, die Geschichten erzählen oder eine tiefere Bedeutung hervorheben. Diese erzählerischen Aspekte tragen dazu bei, dass ihre Werke komplexer und aussagekräftiger werden. Die Verwendung von Symbolen wie Schleifen, Tischen und Haken in ihren Bildern gibt den Betrachtern einen zusätzlichen Anreiz, die Bedeutung hinter den Kunstwerken zu erkunden und sich mit den dargestellten Themen auseinanderzusetzen.
|
||||
|
||||
Künstlerische Ambition und Botschaft: Kirsten Klöckner zeigt durch ihre Kunst eine klare Botschaft und Ambition. Ihre Werke sind nicht nur ästhetisch ansprechend, sondern dienen auch als Medium, um ihre persönlichen Überzeugungen und Gedanken zu verschiedenen Themen auszudrücken. Sie fordert die Betrachter dazu auf, über gesellschaftliche Fragen, Naturverbundenheit und das menschliche Dasein nachzudenken. Ihre Kunst regt Diskussionen und Reflexionen an und zeigt, dass sie als Künstlerin eine Botschafterin für verschiedenste Anliegen ist.
|
||||
|
||||
Dies die Vorgehensweise bei der Entwicklung eines Bildes von Kirsten Klöckner.
|
||||
Wenn sie einen Titel bekommen hat und dazu ein Bild malen sollte, hat sie so gearbeitet. Bitte generiere einen Englischen Prompt für eine Bild KI basierend auf den gennanten Aspekten.
|
||||
|
||||
Hier findest du Beispiele, wie der Promt aussehen soll:
|
||||
|
||||
"Portrait of an astronaut in space, detailed starry background, reflective helmet."
|
||||
“Painting of a floating island with giant clock gears, populated with mythical creatures.”
|
||||
“Landscape of a Japanese garden in autumn, with a bridge over a koi pond.”
|
||||
“Painting representing the sound of jazz music, using pale colors and erratic shapes.”
|
||||
“Painting of a modern smartphone with classic art pieces appearing on the screen.”
|
||||
“Battle scene with futuristic robots and a golden palace in the background.”
|
||||
“Painting of a bustling city market with different perspectives of people and stalls.”
|
||||
“Painting of a ship sailing in a stormy sea, with dramatic lighting and powerful waves.”
|
||||
“Painting of a female botanist surrounded by exotic plants in a greenhouse.”
|
||||
“Painting of an ancient castle at night, with a full moon, gargoyles, and shadows.”
|
||||
|
||||
Bitte nutze für den Prompt maximal 20 Wörter und achte darauf, dass der Prompt auf englisch ist.
|
||||
|
||||
Den Titel für den zu erstellenden Promt ist:
|
||||
Loading…
Reference in New Issue