+ Antworten
Ergebnis 1 bis 7 von 7

Thema: Metallic-Roughness-Creator

  1. #1
    Global Moderator Viertel Gigabyte Themenstarter

    Registriert seit
    05.08.2008
    Fachbeiträge
    4.963
    Genannt
    324 Post(s)
    Für das PBR in glTF (Physically Based Rendering im GL Transmission Format) werden Informationen über die Oberflächenbeschaffenheit in Texturen abgelegt.

    Es scheint "üblich" zu sein, dass dabei die jeweiligen Tools (z.B. der "Substance Painter") die "Metallic" und "Roughness"-Informationen getrennt rausschreiben.

    Für glTF müssen sie aber im Rot- bzw. Grün-Kanal EINER Textur kombiniert werden.

    Dafür hab' ich mal ein hoch-interaktiv-intuitives Online-Tool zusammengepfuscht:

    Metallic-Roughness-Creator-metallicroughnesscreator.png

    Liegt unter https://javagl.github.io/MetallicRou...ssCreator.html

    (Viel von der Implementierung ist sicher kagge. Bei einigem weiß ich das auch, und bei einigem ist es mir egal. Trotzdem bin ich für Verbesserungsvorschläge offen. Dass es in JavaScript offenbar mal wieder nicht möglich ist, den elementarsten Mist zu machen, wie etwa einen "Save image as..."-Button, hat mich schon wieder zu einigem Kopfschütteln veranlasst, aber das wird sicher seine Gründe haben )

  2. Es bedanken sich:
    CyborgBeta (29.01.2017)
  3. #2
    User Viertel Megabyte Avatar von inv_zim
    Registriert seit
    31.07.2013
    Ort
    Rhein-Main Gebiet
    Fachbeiträge
    371
    Genannt
    31 Post(s)
    Zitat Zitat von Marco13 Beitrag anzeigen
    Dass es in JavaScript offenbar mal wieder nicht möglich ist, den elementarsten Mist zu machen, wie etwa einen "Save image as..."-Button, hat mich schon wieder zu einigem Kopfschütteln veranlasst, aber das wird sicher seine Gründe haben
    Die Sandbox? Du bietest ja ein File zum Download an, das will der Browser wohl nicht JavaScript überlassen. Wäre nicht ein Redirect in einem zweiten Tab eine (unbequeme) Lösung?
    I am obsessed with the ancient science of "puzzle-ometry". I have discovered that within puzzles lies the secret of human intelligence, that which separates us from the common beast.

  4. #3
    Global Moderator Viertel Gigabyte Themenstarter

    Registriert seit
    05.08.2008
    Fachbeiträge
    4.963
    Genannt
    324 Post(s)
    Nun, es gibt da wohl einige Optionen aber.... *räusper* ... *tief lufthol*... *unbehanglich lange rum-räusper* ... Wenn man einen Link hat, der zu einer ("binär")-Datei führt, und man klickt da drauf, fragt der Browser (je nach Einstellung) "Was willst du damit machen, wo hin willst du die speichern?". Wenn man danach sucht, findet man absurd-quirkige Dinge: "Ja, erstell' ein <a>, setz' das href, und führ' dann a.click() aus" (funktioniert nicht). Oder "Erstell' ein <a> mit 'download'-attribute" (funktioniert nicht), oder "Ersetz' das 'image/png' in der Daten-URI durch 'application/octet-stream'" (funktioniert nicht). Warum es unmöglich sein soll, einen Button zu machen, der einen "Save as..."-Dialog aufgehen läßt, erschließt sich mir nicht (und das kann mit der Sandbox nichts zu tun haben - mit Rechtsklick+SaveImageAs kann man ja auch einen Dialog aufmachen, um das ganze irgendwo hin zu speichern...). Es kann wohl so bleiben, wie es ist, es gibt schlimmeres.

  5. #4
    User Viertel Megabyte Avatar von TMII
    Registriert seit
    19.02.2015
    Fachbeiträge
    319
    Genannt
    33 Post(s)
    Also der Download Tag funktioniert bei mir prima unter Edge, Firefox und Chrome; also den wichtigsten Browsern (74 %), ausgeschlossen IE 11 (20 %).
    Aber ganz ehrlich, die Leute die dein Tool nutzen verwenden nicht den IE.
    Man muss sowieso für IE Berge bewegen weil er sich so an ziemlich alle Standards nur vage oder einfach überhaupt nicht hält.
    Code:
    _/_/_/_/_/--_/------_/--_/_/_/--_/_/_/
    ---_/------_/_/--_/_/----_/------_/   
    --_/------_/--_/--_/----_/------_/    
    -_/------_/------_/----_/------_/     
    _/------_/------_/--_/_/_/--_/_/_/

  6. #5
    Global Moderator Viertel Gigabyte Themenstarter

    Registriert seit
    05.08.2008
    Fachbeiträge
    4.963
    Genannt
    324 Post(s)
    Also ein
    Code:
    var a = document.createElement('a');
    a.href = '/files/target.pdf';
    a.download = true;
    a.click();
    hatte auf FF erstmal nicht funktioniert (kein Effekt). Und auch sonst scheint es da nur irgendwelche Workarounds zu geben. Ob und wann man dieses Ersetzen mit "application/octet-stream" machen muss, ist mir auch nicht ganz klar. Aber alles nicht so wichtig: Verwenden wird das wohl kaum jemand, und wenn doch, dann mag er gefälligst Rechtsklicken. (Ich hatte ja auch Ambitionen wie einen "JPG Quality Slider" oder einen "Busy-Indicator" solange er das PNG erstellt (was laaaange dauern kann), aber dafür müßte mir noch etwas langweiliger sein...)

  7. #6
    User Viertel Megabyte Avatar von TMII
    Registriert seit
    19.02.2015
    Fachbeiträge
    319
    Genannt
    33 Post(s)
    a.download = 'target.pdf';
    Code:
    _/_/_/_/_/--_/------_/--_/_/_/--_/_/_/
    ---_/------_/_/--_/_/----_/------_/   
    --_/------_/--_/--_/----_/------_/    
    -_/------_/------_/----_/------_/     
    _/------_/------_/--_/_/_/--_/_/_/

  8. #7
    Global Moderator Viertel Gigabyte Themenstarter

    Registriert seit
    05.08.2008
    Fachbeiträge
    4.963
    Genannt
    324 Post(s)
    Hatte ich auch probiert (mit ".png"). Das Problem ist, dass "a.click()" anscheinend nichts macht. Was man dann mit Websuchen schnell findet ist
    Code:
    var evt = document.createEvent('MouseEvents');
    evt.initMouseEvent('click', true, true, window, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
    a.dispatchEvent(evt);
    aber vermutlich würde das Sonntags bei Vollmond auf dem IE auch wieder nicht funktionieren und... *wieder mal unbehaglich lange räusper* ... sooo wichtig ist das nicht.

+ Antworten Thema als "gelöst" markieren

Direkt antworten Direkt antworten

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Ähnliche Themen

  1. Antworten: 0
    Letzter Beitrag: 05.03.2009, 09:08

Berechtigungen

  • Neue Themen erstellen: Ja
  • Themen beantworten: Ja
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •