Forum: Platinen Kicad 3D-Echtzeit Webviewer Mausrotation mit Zoom per Mausrad


von 🕵︎ Joachim L. (Gast)



Lesenswert?

Open Source. Kommt mit Sourcecode und Blendfile. How-to und Support von 
mir bei sichtbarem Interesse. Probiert es mal aus:

https://strandedalien.github.io/Kicadviewer/

1920 x 1080 Runterscrollen! um den Ladebalken beim ersten Aufruf zu 
sehen!

Alphaversion! Zoom funktioniert bisher nur mit Maus. Auf dem Handy noch 
nicht. Dort kann man bisher mit den Fingern die Platine  nur drehen. Ich 
arbeite daran.Etwas Geduld.

Dreht die Platine in Echtzeit im Browserfenster. Mausbedienung, Mausrad 
zoomt rein und raus. Für eigene Platine die Meshdaten im Blendfile 
tauschen. Zum Anpassen der Blend muss das kostenlose und OpenSouce 
Armory3D Plugin in Blender Präferenzen installiert werden. Nach 
Austausch der Mesh-Daten, F5 (zum Kompilieren und Starten) drücken. 
Erweiterungsvorschläge und eventuelle Funktionswünsche bitte hier 
posten.

von Meinereiner (Gast)


Lesenswert?

Verstehe ich das richtig, daß ich KiCad ein Zusatz brauche?
Wenn ich aber KiCad gestartet habe, so gibt es doch die 3D-Ansicht.

von 🕵︎ Joachim L. (Gast)


Lesenswert?

Meinereiner schrieb:
> Verstehe ich das richtig, daß ich KiCad ein Zusatz brauche?
> Wenn ich aber KiCad gestartet habe, so gibt es doch die 3D-Ansicht.

Nein, brauchst du nicht. Nur falls du eigene oder andere Platinen mit 
dem Webbrowser betrachten willst, oder auf dem Handy präsentieren 
möchtest. Dafür ist meine Anwendung da. Das Plugin wird nicht zum 
Abspielen benötigt. Zum Ansehen einfach draufklicken auf obigen Link 
(Fette Platine, dauert beim ersten Mal bis es geladen hat.) Im Browser 
F11 für Fullscreen drücken, falls gewünscht. Dann sieht man auch den 
Ladebalken beim ersten Mal. Blender und das Plugin Armory3D brauchst Du 
nur um Deine eigenen Platinen einzubinden. Wenn du die Platine im Blend 
getauscht hast, musst du mit F5 neu kompilieren und die Dateien des HTML 
Verzeichnisses auf Deine Website hochladen. Du kannst auch eine 
Executable Datei generieren und die auf einem USB Stick weitergeben. 
Kannst Du alles in Blender einstellen. Genaue Hilfe auf Anfrage, bei 
vielen Anfragen schreibe ich bebildertes Howto.

von Johannes S. (demofreak)


Lesenswert?

Joachim L. schrieb:
> Open Source. Kommt mit Sourcecode und Blendfile. How-to und Support von
> mir bei sichtbarem Interesse.

Also mich würde das ja schon interessieren. ;)

von 🕵︎ Joachim L. (Gast)


Lesenswert?

Johannes S. schrieb:
> Also mich würde das ja schon interessieren. ;)

Du kannst hier anfangen und bei Bedarf spezifische Fragen stellen. Aber 
erst versuchen sich selbst schlau zu machen, ich lebe nur einmal.

https://armory3d.org/

von Auffälig Unauffällig (Gast)


Lesenswert?

Frage: wo ist der Vorteil gegenüber das ganze einfach als glb zu 
exportieren und einfach mitm Modelviewer von Google Anzeigen zu lassen? 
Lässt sich in jede Website einbinden, lässt sich mit Klickbären Hotspots 
erweitern, zommen und drehen funktioniert, gibt ne gute "Tutorial" 
Seite...

Glb oder gltf sind zudem gängige Formate braucht's kein Blender oder 
blendfiles.

von 🕵︎ Joachim L. (Gast)


Angehängte Dateien:

Lesenswert?

Bei dem simplen Viewer hast du teilweise sogar recht. Aber die 
Kombination Blender/Armory3D lässt sich für weit mehr einsetzen. Hier 
kann ich leicht echt interaktive Modelle erstellen, die Beleuchtung fein 
tunen, eine Physikengine einbinden, externe Hardware wie ESP32 bzw. 
Arduinos mit schnellen bidirektionalen Websockets anbinden.

Einen sehr simpel zu bedienenden GUI Editor für die Programme hats auch. 
Dann muss ich wirklich nur noch das Zielsystem (Web, Android, Linux, 
Windows. Mack,Nodejs etc... auswählen und auf F5 drücken. Es wird 
kompiliert und alle beteiligten Dateien zum Veröffentlichen im 
Projektverzeichnis gesammelt. Bei HTML, zum Bleistift ,reicht dann ein 
Drag and Drop um eine Website zu erstellen.
Blender und Armory3d installieren, Pfade bei Armory3D einstellen 
(https://github.com/armory3d/armory/wiki/setup).

Dann meine Blend von obigem Github Server runterladen, öffnen und 
Select- All by Type mesh auswählen und löschen. Per File Dialog dein 
Modell importieren, Target auswählen (siehe Screenshot) und F5 drücken. 
Schon hast Du deinen eigenen,massgeschneiderten Viewer mit zlib Lizenz 
erstellt.

Der ist dir, da brauchst du keine seltsamen GLTF Viewer 
Lizenzbedingungen lesen. Ach, außerdem kann man bei Blender/Armory3D 
überall visuell mit Nodes Programme erstellen, kein codieren nötig. Und 
jetzt hol ich das Weihwasser gegen die GLTF Viewer ;-)

von Auffälig Unauffällig (Gast)


Lesenswert?

Ist ja ganz nett, dass das theoretisch inrgendwann vielleicht irgendwie 
möglich ist, aber wenn gerade zoomen noch nicht funktioniert, ist der 
model Viewer dann doch die bessere Alternative.

von 🕵︎ Joachim L. (Gast)


Lesenswert?

Du hast weder meinen ersten Beitrag richtig gelesen, noch meine Demo 
getestet. Wenn du es mit einem PC ausprobierst, zoomt es mit dem 
Mausrad. Da das Beispiel aber genauso mit dem Handy aufgerufen werden 
kann, klappt das nicht weil bisher kein Pinch and Zoom funzt. Anonyme 
Beiträge wo ich nicht erkennen kann, das sie die Demo ausprobiert haben, 
werde ich fortan ignorieren. Auf der Unterseite der Platine steht der 
Hersteller, wer den nicht nennt hat nicht getestet. Trolle tot.

von Auffälig Unauffällig (Gast)


Lesenswert?

Das ist auf jeden Fall eine erwachsene Argumentation und erinnert gar 
nicht an ein Kind das schreiend auf dem Boden liegt. Aber passt zum 
heutigen Zeitgeist, alle die nicht meiner Meinung sind, sind Trolle. Ich 
wünsche dir dennoch viel Erfolg, vielleicht ist es ja wirklich 
inrgendwann besser als der model Viewer.

von Émile (Gast)


Lesenswert?

Hübsch. Aber muss der Hintergrund sein? Sieht es in Bulgarien so aus?

Es wäre schicker, wenn nicht bereits die Bewegung des Mauszeigers die 
Rotation auslöst, sondern das nur mit gedrückter Maustaste geschieht. 
Dann nämlich kann man sich den Punkt aussuchen, um den rotiert wird, was 
bei der Handhabung deutlich besser ist. Verschieben können, um bei 
größeren Zoomfaktoren nicht nur die Mitte der Platine zu sehen, ist auch 
dringend erforderlich.

von 🕵︎ Joachim L. (Gast)


Lesenswert?

Émile schrieb:
> Hübsch. Aber muss der Hintergrund sein? Sieht es in Bulgarien so aus?
>
Ja, das ist eine Umgebungstextur (Neudeutsch environment texture) im HDR 
Format und verhilft zu einer realistischen Beleuchtung. Die Szene zeigt 
den Strand von Blouberg in Südafrika.

> Es wäre schicker, wenn nicht bereits die Bewegung des Mauszeigers die
> Rotation auslöst, sondern das nur mit gedrückter Maustaste geschieht.
> Dann nämlich kann man sich den Punkt aussuchen, um den rotiert wird, was
> bei der Handhabung deutlich besser ist. Verschieben können, um bei
> größeren Zoomfaktoren nicht nur die Mitte der Platine zu sehen, ist auch
> dringend erforderlich.

Also mir gefällt die Bedienung so. Außerdem ist Pinch and Zoom fürs 
Handy zuerst dran. Allerdings kannst Du dir das Blendfile (das ist die 
Source) gerne Runterladen und das ganze nach deinem Geschmack abändern. 
So hatte ich mir das Ganze auch gedacht, als Bastelvorlage für kreative 
Leute. Panfunktion ist hier nicht nötig, da man wirklich alle Details 
einwandfrei erkennen kann.

Was sich relativ einfach machen lässt, ist das Ganze gegen eine FPS 
Steuerung auszutauschen, dann kannst wie im Computerspiel auf der 
Platine herumlaufen. Zeitaufwand weniger als eine Stunde, wenn man weiss 
wie. Die FPS Steuerung kannst du hier kopieren: 
https://github.com/StrandedAlien/Archviz-Litterbug-Den

Blend runterladen und mit Append Kamera, Empty und die Kapsel 
importieren. Logik aus Nodes müsste dann automatisch mit dabei sein.

von Mathias (Gast)


Lesenswert?

Ist das jetzt ein Spielprojekt für dich, oder hast du höhere Ambitionen?

Ich finde die Bedienumg mit der Maus grausam. Gezielt eine Seite 
ansteuern ist mühselig. Warum eine Zoomfunktion haben, wenn man nicht 
verschieben kann? Q3 sieht ja nett aus, aber was mache ich, wenn mich 
was bei R5 interessiert?

Der Hintergrund ist super nervtötend. Welche Farbe sich in den 
Metallteilen spiegelt ist mir sowas von egal.

Und du willst das für Mobil optimieren? Lass erstmal die 25MB HDR Daten 
weg.

Kommt halt darauf an, was du willst. Deine Javascript künste 
Präsentieren? Dann mach so weiter. Deine Schaltung Präsentieren? Dann 
lass quatsch weg und mach es brauchbar.

Wenn es dir so gefällt, dann verschwende nicht unsere Zeit.

von Matthias 🟠. (homa)


Lesenswert?

Joachim L. schrieb:
> ... Wenn du es mit einem PC ausprobierst, zoomt es mit dem
> Mausrad.

Nein, tut es nicht! FF neuster. Und ich finde Rotation dürfte nur sein, 
wenn man die linke Maustaste gedrückt hält. Sonst dreht man im wahrsten 
Sinne durch.

Achso: olimex

von 🕵︎ Joachim L. (Gast)


Angehängte Dateien:

Lesenswert?

Matthias 🟠. schrieb:
> Joachim L. schrieb:
>> ... Wenn du es mit einem PC ausprobierst, zoomt es mit dem
>> Mausrad.
>
> Nein, tut es nicht! FF neuster. Und ich finde Rotation dürfte nur sein,
> wenn man die linke Maustaste gedrückt hält. Sonst dreht man im wahrsten
> Sinne durch.
>
> Achso: olimex

Danke für den Bericht.

zu 1. Zoom: Welches Betriebssystem/Desktopsoftware benutzt du?
Funktioniert das Scrollen mit der Maus bei dir?

2. Bitte nicht durchdrehen ;-) Ich ändere das bei Gelegenheit. Gute 
Idee.

3. zu Olimex. Du warst doch angemeldet, war unnötig und kontraproduktiv. 
Warum hast du das gemacht? Ab jetzt muss also die Speicherkapazität der 
SD Karte genannt werden. Gilt nicht für dich, wenn du angemeldet 
postest.

von Matthias 🟠. (homa)


Lesenswert?

3. ah, sorry missverstanden

1. w11 und ff 107.0 64bit, zoom klappt gar nicht
   korrigiere: update auf 107.1 gemacht, neu start und weiterer test, 
klappt jetzt!

ich finde das ist eine coole Projekt, viel Erfolg!

: Bearbeitet durch User
von 🕵︎ Joachim L. (Gast)


Lesenswert?

Direkter Link zur Sourceblend: 
https://github.com/StrandedAlien/Kicadviewer

Komisch, das sich bisher keiner beschwert hatte.
Hatte ich vergessen. Mea culpa.

Blender reicht nur zum Öffnen und das 3d-Modell zu bearbeiten. Zum 
Sichten bzw. Ändern der Programmlogik muss auch noch zusäatzlich 
Armory3D installiert sein. Beides kostnix.

https://www.blender.org/download/
https://armory3d.org/download

von Auffälig Unauffällig (Gast)


Lesenswert?

Was hat das ganze eigentlich mit Echtzeit zu tun?

1gb

von aeib (Gast)


Lesenswert?

Vermutlich meint er mit Echtzeit, dass man nicht für jede neue Ansicht 
erst auf Rendern klicken muss. Im 3D-Künstlerbereich durchaus eine 
gängige Verwendung des Worts.

(OT: Echtzeit wird in so vielen Kontexten unterschiedlich gedeutet... 
schreibe gerade eine Dissertation bei der es u.A. um harte Echtzeit geht 
und es ist echt unheimlich was da ganze Branchen (und auch einzelne 
Paper) als "Echtzeit" verkaufen wollen/bewerben insbesondere wenn man 
die wissenschaftliche Definition kennt)

Beitrag #7272631 wurde von einem Moderator gelöscht.
von 🕵︎ Joachim L. (Gast)


Lesenswert?

Hier heisst das ganz einfach, das du interagieren kannst wie in einem 
3D-Computerspiel z. B. "Der Schatten des Dummreders" und nicht einfach 
einen langweiligen Video anschauen musst. Echtzeit auch deswegen, weil 
mein Computer mit ECL Logik und nicht mit lahmen TTL Bausteinchen 
aufgebaut ist ;-)

Sorry, das heisst ja Tomb Raider.

von Max G. (l0wside) Benutzerseite


Lesenswert?

Joachim L. schrieb:
> Open Source. Kommt mit Sourcecode und Blendfile. How-to und Support von
> mir bei sichtbarem Interesse. Probiert es mal aus:

Hihi. So lustig wie sinnlos. Aber eine nette Programmierübung.

Anders gesagt: ich finde es schick, was du gemacht hast. Aber es ist 
eine Lösung, die ein Problem sucht.

Frohe Weihnachten!

von 🕵︎ Joachim L. (Gast)


Lesenswert?

Max G. schrieb:
> Hihi. So lustig wie sinnlos. Aber eine nette Programmierübung.
>
> Anders gesagt: ich finde es schick, was du gemacht hast. Aber es ist
> eine Lösung, die ein Problem sucht.

Ah, wusste gar nicht das das hier ein Profiforum ist. Schick bzw. schön 
es ist auf jeden Fall, ein kreativer Ausdruck. Wie Nixieuhren:

https://forums.armory3d.org/t/update3-improved-nixie-clock-desktop-mobile-added-aesthetic-5-swap-button-and-inverted-control-directions/4940

oder selbstgebaute elektronische Roboterpuppen:

https://www.youtube.com/watch?v=yeJxMaNQAzg

Hihi.

von Auffälig Unauffällig (Gast)


Lesenswert?

Ganz schön salty für jemanden der etwas was es schon gibt in schlecht 
nachprogrammiert hat. ;)

von Veit D. (devil-elec)


Lesenswert?

Hallo,

mein Senf. Ist ja ganz nett, aber die Mausbedienung ist eine Katastrophe 
und der Hintergrund geht gar nicht. Der Hintergrund muss neutral sein. 
Ideal weiß oder dreckiges weiß. Drehung wie schon gesagt wurde nur mit 
Tastendruck und wohin gedreht wird solltest du nochmal überdenken. Schau 
dir Target 3001 und Altium an. Aktuell ist das drehen mit der Maus 
leider völlig wirr. Ich hätte das so noch niemanden gezeigt. Ansonsten 
voller Respekt für die Arbeit die da drin steckt.

von 🕵︎ Joachim L. (Gast)


Lesenswert?

Hallo, das ist eine Techdemo und Open Source. Mit Logicnodes und 
Sourcecode.
Wenn Du etwas anders haben willst, bitteschön: Nimm die Blendfile und 
ändere sie ab nach Deinen Wünschen. Dann drücke F5 um neu zu 
kompilieren. Du kannst den Hintergrund und das gezeigte Modell mit 
deinen eigenen ersetzen. Falls du einen einfarbigen Hintergrund statt 
einen HDR Hintergrund nimmst, zerstörst du allerdings die Schatten und 
beeinfusst die Beleuchtung. Einfach mal ausprobieren.
Wenn mans kann dauert es fünf Minuten. Die Bedienung lässt sich frei 
anpassen. Seit neuestem kann man die Steuerung am PC auch mit den 
Sensordaten des Smartphones durchführen. Das ist ein toller und freier 
Bastelkasten und keine fertige Produktvorstellung. Was die Maussteuerung 
betrifft, so habe ich schon nachgebessert. Falls es jemand benötigt, 
bitte "Bescheid" sagen (Copyright Werner Brösel)

von Auffälig Unauffällig (Gast)


Lesenswert?

Open source heißt nicht gleich scheiße und sollte man nicht als Ausrede 
nutzen.

von Maurizio DiMauro (Gast)


Lesenswert?

Max G. schrieb:
> Hihi. So lustig wie sinnlos. Aber eine nette Programmierübung.
>
> Anders gesagt: ich finde es schick, was du gemacht hast. Aber es ist
> eine Lösung, die ein Problem sucht.

Nein, es gibt schon ein passendes Problem dazu.

Beispiel: Du möchtest jemandem in einer Firma ein KiCad Projekt 
vorstellen, aber die IT Richtlinien in der Firma erlauben nicht die 
Installation von KiCad, und die in der Firma verwendeten CAD Programme 
haben nicht für jeden Lizenzen.

Aber einen Internet Browser haben die meisten Installationen dort. Dann 
kann zumindest schon mal das 3D Modell gezeigt werden. Für Schaltplan 
und Layout müssen dann PDF Dateien langen.

von Veit D. (devil-elec)


Lesenswert?

Hallo,

jetzt habe ich den Sinn dahinter verstanden. Hatte mich die ganze Zeit 
gewundert wofür der Aufwand.

von Auffälig Unauffällig (Gast)


Lesenswert?

Und die CAD Programme können natürlich nicht .step Dateien öffnen die 
kicad einem direkt rausschmeißt und für die es 10.000 webviewer gibt?

von Maurizio DiMauro (Gast)


Lesenswert?

Auffälig Unauffällig schrieb:
> Und die CAD Programme können natürlich nicht .step Dateien öffnen die
> kicad einem direkt rausschmeißt und für die es 10.000 webviewer gibt?

Können schon, aber es existieren halt in einem typischen 
mittelständischen
Betrieb (der oft an einem Kleinkonzern, "xyz Gruppe", hängt) meist nur 1 
bis 3 Lizenzen für den ganzen Laden.

>  und für die es 10.000 webviewer gibt?

Das ist ein anderer Punkt. Aber wir haben ja gesehen, wass passiert, 
wenn man nur von einem oder einem zu kleinen Kreis von Zulieferern 
abhängt.
Es ist in dem Sinne als Strategie grundsätzlich schon sinnvoll, nicht 
nur auf ein Datenformat zu setzten.

von 🕵︎ Joachim L. (Gast)


Lesenswert?

Habe das vorgestellt, weil der Viewer Open Source ist. Wer kann, kann 
den selbst erweitern. Dazu sollte man allerdings etwas Blende(r)n 
können. Und die Möglichkeiten sind enorm durch Armory3D (z.B 
Websocketanbindung, SCADA etc. pp.).
Für Nullchecker halt auffällig weniger geeignet, die müssen dann was 
kommerzielles einsetzen.

von Auffälig Unauffällig (Gast)


Lesenswert?

Zum einen heißt Open source nicht das es nicht kommerziell sein kann, 
zum anderen ist der model Viewer von Google auch under Apache 2.0 
verfügbar und das non kommerziell. Vielleicht nochmal die 
Begrifflichkeiten googlen bevor man mit "Nullchecker" um sich wirft und 
gleichzeitig selbst wörter falsch nutzt. ;⁠-⁠)

von Max G. (l0wside) Benutzerseite


Lesenswert?

Maurizio DiMauro schrieb:
> Aber einen Internet Browser haben die meisten Installationen dort. Dann
> kann zumindest schon mal das 3D Modell gezeigt werden. Für Schaltplan
> und Layout müssen dann PDF Dateien langen.

Da ist was dran. Allerdings kenne ich da eher die Lösung, dass man das 
vom eigenen Laptop per Teams o.ä. zeigt.

Frohe Weihnachten allen!

Max

Bitte melde dich an um einen Beitrag zu schreiben. Anmeldung ist kostenlos und dauert nur eine Minute.
Bestehender Account
Schon ein Account bei Google/GoogleMail? Keine Anmeldung erforderlich!
Mit Google-Account einloggen
Noch kein Account? Hier anmelden.