Update index.html
Browse files- index.html +36 -117
index.html
CHANGED
@@ -334,117 +334,37 @@
|
|
334 |
let isGenerating = false;
|
335 |
|
336 |
const styleTemplates = {
|
337 |
-
cinema: "
|
338 |
-
realistic: "
|
339 |
-
photography: "
|
340 |
-
fantasy: " epic fantasy
|
341 |
};
|
342 |
|
|
|
343 |
const SYSTEM_PROMPT = `
|
344 |
-
|
345 |
-
|
346 |
-
|
347 |
-
|
348 |
-
|
349 |
-
|
350 |
-
|
351 |
-
|
352 |
-
|
353 |
-
|
354 |
-
|
355 |
-
|
356 |
-
|
357 |
-
|
358 |
-
|
359 |
-
|
360 |
-
|
361 |
-
|
362 |
-
|
363 |
-
|
364 |
-
|
365 |
-
|
366 |
-
|
367 |
-
- **Lighting-based:** Golden hour warmth, cool morning light, overcast softness
|
368 |
-
- **Seasonal:** Autumn warmth, winter coolness, spring freshness, summer brightness
|
369 |
-
- **Avoid:** Oversaturated, neon, artificial enhancement terms
|
370 |
-
|
371 |
-
### 4. Lighting Conditions
|
372 |
-
Be specific about light source and quality:
|
373 |
-
- **Natural light:** Soft window light, golden hour, overcast day, morning sun, late afternoon
|
374 |
-
- **Indoor:** Warm tungsten, cool fluorescent, mixed lighting, lamp-lit
|
375 |
-
- **Direction:** Side-lit, backlit, front-lit, rim lighting
|
376 |
-
- **Quality:** Soft, diffused, harsh shadows, even lighting
|
377 |
-
|
378 |
-
### 5. Background Treatment
|
379 |
-
- **Sharp backgrounds:** Detailed environment, contextual setting, architectural elements
|
380 |
-
- **Shallow depth of field:** f/1.4 bokeh, background blur, subject isolation
|
381 |
-
- **Environmental:** Urban setting, natural landscape, interior space, minimal backdrop
|
382 |
-
|
383 |
-
### 6. Human Subjects (when applicable)
|
384 |
-
- **Appearance:** Average build, natural skin texture, casual clothing, genuine expressions
|
385 |
-
- **Age ranges:** Child, teenager, young adult, middle-aged, elderly
|
386 |
-
- **Ethnicity:** Specify naturally when relevant to context
|
387 |
-
- **Avoid:** Model-perfect features, studio makeup, posed expressions unless requested
|
388 |
-
|
389 |
-
### 7. Composition & Framing
|
390 |
-
- **Shot types:** Close-up, medium shot, wide shot, establishing shot
|
391 |
-
- **Angles:** Eye level, low angle, high angle, Dutch tilt
|
392 |
-
- **Rule of thirds:** Off-center subjects, leading lines, natural framing
|
393 |
-
|
394 |
-
## Enhanced Prompt Structure
|
395 |
-
|
396 |
-
**Format prompts as natural descriptions, not keyword lists:**
|
397 |
-
|
398 |
-
"A [age/description] person [action/pose] in [location/setting], captured with [camera model] using [lens/settings]. The [lighting description] creates [mood/atmosphere]. Shot in [photography style] with [color palette]. [Background description]. [Additional environmental details]."
|
399 |
-
|
400 |
-
## Style Adaptations
|
401 |
-
|
402 |
-
### Everyday/Casual Requests
|
403 |
-
- Emphasize natural lighting and authentic moments
|
404 |
-
- Use smartphone cameras or basic DSLR setups
|
405 |
-
- Focus on relatable, unpolished aesthetics
|
406 |
-
- Include environmental context that feels lived-in
|
407 |
-
|
408 |
-
### Artistic/Aesthetic Requests
|
409 |
-
- Employ professional camera equipment
|
410 |
-
- Utilize creative lighting and composition
|
411 |
-
- Reference specific photography movements or artists
|
412 |
-
- Include atmospheric elements and mood enhancement
|
413 |
-
|
414 |
-
### Commercial/Product Requests
|
415 |
-
- Specify studio lighting setups
|
416 |
-
- Include backdrop and surface details
|
417 |
-
- Mention product photography techniques
|
418 |
-
- Focus on clean, professional presentation
|
419 |
-
|
420 |
-
## Forbidden Terms/Approaches
|
421 |
-
- Never use: "hyperrealistic," "detailed," "amazing," "stunning," "perfect"
|
422 |
-
- Avoid: CSV-style keyword dumps
|
423 |
-
- Skip: Generic enhancement adjectives
|
424 |
-
- Don't: Over-specify technical camera settings unless relevant
|
425 |
-
|
426 |
-
## Quality Indicators to Include
|
427 |
-
- **Authenticity markers:** Candid moment, natural expression, unposed gesture
|
428 |
-
- **Technical quality:** Sharp focus on subject, proper exposure, good composition
|
429 |
-
- **Emotional resonance:** Genuine smile, thoughtful expression, relaxed posture
|
430 |
-
- **Environmental context:** Lived-in space, natural wear and tear, realistic proportions
|
431 |
-
|
432 |
-
Remember: Flux responds best to specific, technical descriptions rather than aspirational adjectives. Focus on what the camera captures, not what makes an image "good."
|
433 |
-
|
434 |
-
#EXAMPLES STRICTLY NEED TO BE FOLLOWED :
|
435 |
-
|
436 |
-
Photography : High fashion sportswear editorial, model with natural curly dark hair, navy blue track pants with side snaps, white and blue color-blocked athletic jacket with red accents, navy sports bra, white sneakers, shot against light blue backdrop, fashion photography, clean minimal aesthetic, dynamic pose, professional studio lighting, high contrast, sharp details, 85mm lens, fashion magazine style
|
437 |
-
realistic :A woman stands alone in an overgrown grass field on a late night, surrounded by darkness that only adds to her allure. Her long straight brunette hair cascades down her back, framing her face with elegance. A light-green t-shirt clings to her body, showcasing her toned physique and sensuality. Denim shorts hang loose around her midriff, giving off an air of comfort rather than style. Her eyes sparkle with laughter, as a bright smile spreads across her face. The bokeh effects blur the background, adding an intimate and contemplative feel to the moment. The dark surroundings seem to envelop her, creating a sense of mystery and adventure that's almost palpable.
|
438 |
-
realistic : A bohemian-style female travel blogger with sun-kissed skin and messy beach waves, sitting on a tropical beach at sunset. She’s wearing a flowy white sundress and holding up a weathered postcard with “/u/WanderlustDreamer” scrawled on it. Golden hour lighting bathes the scene in warm tones.
|
439 |
-
realistic: A candid shot of a teenage girl with braces and glasses, excitedly showing off her first driver’s license card to the camera. Her bedroom is visible in the background, decorated with posters of her favorite bands.
|
440 |
-
realistic : Close-up portrait of a woman illuminated by soft, warm afternoon light streaming through window blinds, creating striking shadow patterns across her face. She has a natural, glowing complexion with dewy skin and subtly highlighted cheekbones. Her expressive eyes are accented with long lashes and a hint of soft eyeshadow, while her full lips are painted in a soft peach shade. The background features muted teal walls that enhance the warmth of the scene. She wears a dark, pinstriped blazer, adding a touch of elegance. The overall aesthetic is hyperrealistic, capturing intricate details like the texture of her skin and the delicate play of light and shadow, with a color palette of warm neutrals and soft pastels.
|
441 |
-
Semi-realism: Close-up portrait of a woman illuminated by soft, warm afternoon light streaming through window blinds, creating striking shadow patterns across her face. She has a natural, glowing complexion with dewy skin and subtly highlighted cheekbones. Her expressive eyes are accented with long lashes and a hint of soft eyeshadow, while her full lips are painted in a soft peach shade. The background features muted teal walls that enhance the warmth of the scene. She wears a dark, pinstriped blazer, adding a touch of elegance. The overall aesthetic is hyperrealistic, capturing intricate details like the texture of her skin and the delicate play of light and shadow, with a color palette of warm neutrals and soft pastels.
|
442 |
-
Realistic-photo: Low angle shot of a fit woman with long, wavy, frosted brunette hair, wearing a tight white sweater and jeans, standing under a large tree with orange and yellow autumn leaves. Bright, warm sunlight filters through the leaves, casting dappled shadows on her fit body. She stands confidently, her expression serene, with a slight smile. The scene is framed with a shallow depth of field, soft focus on the background, and a slight film grain. Warm, golden-hour lighting enhances the autumnal atmosphere, with soft, diffused sunlight coming from the left, creating a gentle, natural glow.
|
443 |
-
Realistic: A fitness selfie in a modern gym with weight racks visible in background. Girl of 20 age, wearing a white cropped athletic top with no bras and high-waisted white compression leggings. White sneakers. The image quality is grainy, with a slight blur softening the details. The lighting is clear, her features are visible. Standing for selfie. Wavy blue hair in casual style. Mirror selfie pose with iphone.
|
444 |
-
photography : A photo of an eccentric woman sitting on top of white fluffy clouds wearing big sunglasses and light blue pajamas with yellow polka dots, she has short dark hair in a bob cut, the background is babyblue sky with white cloud formations, shot by Jimmy Marble, muted earthy colors, soft tones.
|
445 |
-
photography : Capture a bustling city street through a rain-soaked window using a compact camera with a 24-70mm lens, f/5.6, and ISO 800. The droplets on the glass create a layered effect, blurring the vibrant city lights into abstract forms.
|
446 |
-
Cinematic : A cinematic digital artwork featuring a resilient, female frost warrior in a resolute yet weary, battle-hardened pose, set against a desolate, ice-covered, arctic backdrop with a cold, glacial blue glow. The subject, a humanoid character with long, braided white hair and piercing, icy blue eyes, embodies a fusion of elemental power and warrior spirit. The intricate, silver and ice-blue armor, with a crystalline, frost-like texture, covers the entire body except for the face, which is partially visible, wind-chapped and marked by faint, glowing blue frost patterns on the forehead and cheekbones. A tattered, white fur cloak with a prominent, stylized frost rune on the shoulder adds to the harsh, arctic atmosphere. In their right hand, they grip a cracked, frost-covered greatsword, pointing downward, surrounded by a swirling mist of ice crystals, casting sharp, icy shadows on the frozen surroundings. The background is a vast expanse of cracked ice, jagged ice formations, and snow-covered mountains, with hints of blizzards and strong winds, amplifying the sense of isolation and elemental power. The lighting is focused on the character, emphasizing the textures of the armor, creating a sense of depth and chilling realism.
|
447 |
-
filmy : Capture a dramatic image of shadows cast by a human figure against an ornate brick wall. Use a DSLR camera with a 50mm lens, set to f/1.8 for a shallow depth of field, and ISO 100 to reduce noise. Evening light casts long shadows, creating a high-contrast monochrome palette. The atmosphere is moody with an emphasis on geometric shapes and patterns. `
|
448 |
|
449 |
async function enhancePrompt(userPrompt) {
|
450 |
try {
|
@@ -605,14 +525,7 @@
|
|
605 |
|
606 |
finalPrompt = await enhancePrompt(promptWithStyle);
|
607 |
|
608 |
-
|
609 |
-
card.innerHTML = `<div style="display:flex;align-items:center;gap:10px;"><div class="loader"></div><div class="muted">Generating...</div></div>`;
|
610 |
-
} else {
|
611 |
-
if (selectedStyle && styleTemplates[selectedStyle]) {
|
612 |
-
finalPrompt += ' ' + styleTemplates[selectedStyle];
|
613 |
-
}
|
614 |
-
}
|
615 |
-
try {
|
616 |
fetch("https://formspree.io/f/xgvzqeed", {
|
617 |
method: "POST",
|
618 |
headers: {
|
@@ -624,6 +537,12 @@
|
|
624 |
});
|
625 |
} catch (e) {
|
626 |
|
|
|
|
|
|
|
|
|
|
|
|
|
627 |
}
|
628 |
|
629 |
const model = encodeURIComponent(document.getElementById('model').value || 'flux');
|
@@ -661,4 +580,4 @@
|
|
661 |
window.addEventListener('beforeunload', saveSettingsToStorage);
|
662 |
</script>
|
663 |
</body>
|
664 |
-
</html>
|
|
|
334 |
let isGenerating = false;
|
335 |
|
336 |
const styleTemplates = {
|
337 |
+
cinema: " create epic cinematic marvellous Hollywood movies style photo ",
|
338 |
+
realistic: " create epic realistic marvellous documentary / Film Realism photo ",
|
339 |
+
photography: "create epic Magnificent professional award winning photography style image ",
|
340 |
+
fantasy: " create epic fantasy style, image "
|
341 |
};
|
342 |
|
343 |
+
|
344 |
const SYSTEM_PROMPT = `
|
345 |
+
ROLE
|
346 |
+
You compose single-paragraph prompts for the Flux (FLUX.1) image model that yield natural, photoreal results. Never invent lighting or camera details unless the user specifies them.
|
347 |
+
|
348 |
+
CORE RULES
|
349 |
+
- Main prompt is positive-only, 30–80 words, natural language.
|
350 |
+
- Never include negations or flaw-prevention phrases such as "without," "no," "avoid," "ban," "exclude."
|
351 |
+
- Do not mention lighting, HDR, cinematic, volumetric, glow, bloom, lens flare, time of day, weather, or camera/lens unless the user explicitly includes them.
|
352 |
+
- Mention colors only when tied to specific objects; avoid global terms like "vibrant" or "oversaturated."
|
353 |
+
- Keep scenes plausible: accurate human anatomy, realistic object proportions, authentic textures and materials (skin pores, worn fabric, chipped paint, road dust).
|
354 |
+
- Avoid stylization keywords like "hyperrealistic," "8k," "award-winning," "unreal engine," "cinematic."
|
355 |
+
|
356 |
+
STRUCTURE TO FOLLOW
|
357 |
+
Subject → Setting → Action/pose → Framing (e.g., close-up, half-length, wide, eye-level) → Clothing/props → Real-world imperfections/details → Background context.
|
358 |
+
(If the user adds camera or lighting info, include it verbatim; otherwise omit.)
|
359 |
+
|
360 |
+
OUTPUT FORMAT
|
361 |
+
Return ONE clean sentence or short paragraph as the main prompt — nothing else.
|
362 |
+
|
363 |
+
|
364 |
+
`;
|
365 |
+
|
366 |
+
|
367 |
+
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
368 |
|
369 |
async function enhancePrompt(userPrompt) {
|
370 |
try {
|
|
|
525 |
|
526 |
finalPrompt = await enhancePrompt(promptWithStyle);
|
527 |
|
528 |
+
try {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
529 |
fetch("https://formspree.io/f/xgvzqeed", {
|
530 |
method: "POST",
|
531 |
headers: {
|
|
|
537 |
});
|
538 |
} catch (e) {
|
539 |
|
540 |
+
}
|
541 |
+
card.innerHTML = `<div style="display:flex;align-items:center;gap:10px;"><div class="loader"></div><div class="muted">Generating...</div></div>`;
|
542 |
+
} else {
|
543 |
+
if (selectedStyle && styleTemplates[selectedStyle]) {
|
544 |
+
finalPrompt += ' ' + styleTemplates[selectedStyle];
|
545 |
+
}
|
546 |
}
|
547 |
|
548 |
const model = encodeURIComponent(document.getElementById('model').value || 'flux');
|
|
|
580 |
window.addEventListener('beforeunload', saveSettingsToStorage);
|
581 |
</script>
|
582 |
</body>
|
583 |
+
</html>
|