Français
PHP, HTML & JavaScript- Forum

3D Grafik - WebGL avec three.js

 
- page 1 -



HofK
sur une appeler Tipp de IF hin, habe je mir la fois
three.js  [...]  angeschaut. là  [...]  (entier unten) qui ersten Resultate.
 
31.01.2016  
 



 
- page 21 -



HofK
cet Solution ist droite simple, erzeugt mais aucun kreisförmigen Öffnungen. il peut vous mais eventuell comme Ausgangspunkt prendre et cela Netz convenable "verbiegen". je werde es essayer.

 
10.04.2019  
 




HofK
Beim herumexperimentieren gibt es toujours wieder intéressant aussehende Fehlentwürfe.

voilà wohl Vorzeichen pas entier dans Ordre et qui Radiuskonstante wurde à einer Stelle oublier qc. Sieht mais intéressant aus.



faute trouvé, eh bien sieht es so aus.



on erkennt déjà, comme volonté soll. cela Problem ist, dass qui sonst horizontalen Bögen ici schräg verlaufen doit et sich différent face-Reihen ergeben.

Betrachtet on qui Konstruktion aus einer anderen perspective, sieht on besser, dass je encore geschummelt habe.



Um cela procéder trop testen, habe je qui linke et rechte bord qui unteren Bereiche simple par Geraden verbunden.

Daraus doit eh bien encore "Geraden sur qui Kugel" - alors Kreisbögen volonté.

là peux je wieder qui Radiuskonstante oublier qc!

qui Rechnerei pour cet procéder ist komplizierter comme im ersten Entwurf, erscheint mir mais en tout effizienter. Allerdings hat on par qui "schrägen" Linien/Bögen aucun so belle Symmetrie-
 
12.04.2019  
 




p.specht

Könnte es son, qui Du un Faible pour Netzstrümpfe la hâte ?
 
XProfan 11
Computer: Gerät, daß es in Mikrosekunden erlaubt, 50.000 Fehler zu machen, zB 'daß' statt 'das'...
14.04.2019  
 




HofK
plutôt un Faible pour mathématique Netze, Netzstrümpfe sommes mathématique très schwer trop erfassen. là nimmt on ensuite une Modellierungs-Software.

cela Netz aus Dreiecken ist qui Grundlage qui 3D Grafik, alors führt rien daran vorbei.
 

et il y a so belle Fehlentwürfe!





mais comment cela Sprichwort sagt "Ende bien, alles gut"



qui Solution erfordert moins Teilflächen comme qui erste Ansatz, ist mais pas so symmetrisch, si on verschieden grand Öffnungen hat (ici alle juste ). Allerdings ist l'addition quelque chose "spezifisch", mais bien überschaubar.

qui Code muss encore optimiert volonté, momentan encore "wirr" et pas vorzeigbar.
 
14.04.2019  
 




HofK
qui Kugel avec unterschiedlich grand Öffnungen, qui Code ist encore dans Überarbeitung.



Mich hat ensuite doch qui comparaison qui Varianten intéressé. qui symmetrische Solution pouvoir chez qui Erweiterung de einem sur huit Oktanten droite viel Aufwand et es hakt encore.

mais wieder un plus beau Fehlentwurf. Statt comment nötig de hinten pour vorn qui Indizes im centre andersherum bearbeitet.



So soll es son.



il y a ensuite en tout 8 la fois 7 = 56 Teilflächen!
 
19.04.2019  
 




HofK
voilà qui 56 Teilflächen:



Alle Öffnungen sommes verschieden grand-

Nimmt on überall qui maximale Öffnung, sommes réellement seulement 32 Teilflächen trop erzeugen. qui maximale Öffnung ist chez cette variante sur den halben Äquator begrenzt. chez qui anderen variante peux une Öffnung maximum sogar jusqu'à zum Äquator aller (Halbkugel). Allerdings dürfen sich benachbarte Öffnungen là pas überschneiden.



Füllt on qui Öffnungen avec THREE.CircleBufferGeometry erhält on une très speziellen Spielwürfel.

mais en supplément muss je seulement encore qui uv-Werte berechnen.
 
22.04.2019  
 




HofK
qui Berechnung qui uv-Werte konnte je pour kleinen Anpassungen des Codes cette symmetrischen Kugelvariante de qui anderen variante prendre. cet Berechnung J'ai eu auparavant là déjà getestet.
function setUVs( x, y, z ) {

    let uvu;
    x += 0.4 * x * ( 1 - Math.cos( pi2 * y ) );
    z += 0.4 * z * ( 1 - Math.cos( pi2 * y ) );
    uvu = ( Math.asin( x ) + Math.acos( z ) ) / 2 / pi2;
    g.uvs[ uvIdx ] = spin ? 1 - uvu : uvu ;
    g.uvs[ uvIdx + 1 ] = Math.asin( y ) / pi2;
    uvIdx += 2;

}


c'est comment gewohnt une kleine Rechnerei avec trigonometrischen Funktionen.





eh bien muss qui Code encore un peu aufgeräumt et dans qui forme pour mon Addon THREEg gebracht volonté.
 
23.04.2019  
 




p.specht

Würde une Globus-carte unverzerrt dargestellt? ou bien comment devrait en Textur air?
 
Computer: Gerät, daß es in Mikrosekunden erlaubt, 50.000 Fehler zu machen, zB 'daß' statt 'das'...
23.04.2019  
 




HofK
là je qui Kugel dans huit einzelne Teile zerlege um chacun Teilfläche avec einer anderen Textur versehen trop peut (Multimaterial) ist une Globuskarte ici pas sinnvoll possible.

en supplément benutzt on qui simple Kugeldefinition de THREE.js avec Längen - et Breitengraden.

il peut une Globuskarte naturellement sur alle möglichen Formen aufbringen. Siehe mon Beispielbild à droite dessus sur sandbox .threejs.hofk  [...] 

Mir ca va ici à 6 möglichen gleichzeitigen Öffnungen dans qui Kugel .
 
23.04.2019  
 




HofK
Geschafft!





qui beiden Varianten: [...]  [...] 

qui berechneten Eigenschaften
g.cutRadius = [];// calculated radius of cut circles px, nx, py, ny, pz, nz - for external use
g.cutDistance = [];// calculated distance of le cut circles to le center px, nx, py, ny, pz, nz - for external use
g.cutSegments = [];// segments of le cut circles  - for external use

ermöglichen qui Andockung de Zylindern. avec cela peux on un labyrinthe avec runden Formen erzeugen.

je werde qui Kugeln dans cela Addon aufnehmen.
 
27.04.2019  
 




p.specht

Könnte on avec cela cela Atomium  [...]  dans Brüssel nachbauen?
 
XProfan 11
Computer: Gerät, daß es in Mikrosekunden erlaubt, 50.000 Fehler zu machen, zB 'daß' statt 'das'...
27.04.2019  
 




HofK
non, là beim Atomium qui Verbindungen pas entsprechend le Koordinatenebenen liegen.

Allerdings nécessaire on pour une reine Außenansicht mon spezielle Konstruktion pas. il peut qui three.js Kugel beliebig avec dem three.js Zylinder kombinieren.

qui Öffnungen nécessaire on seulement pour intérieur Ansichten. voilà cela Atomium sûrement komplexer et on nimmt un Tool comment Blender. Garantiert viel travail. Mag son, cela gibt es déjà?

_______________________________________________________________

j'ai qui Konstruktion so erweitert, dass seulement gewünschte Teile qui Kugel erzeugt volonté.
function createSphereCutSymmetric( g, radius, fineness, cut, parts  ) {

    // BufferGeometry, radius, fineness (1/4 equator),
    //    cut[ px, nx, py, ny, pz, nz ] max. 2*fineness
    //    parts [ 1, 1, 1, 1, 1, 0, 0, 1 ]  1 for create part, otherwise arbitrary


createSphereCut( g, 2, 40, [ 6, 3, 10, 11, 12, 0 ], [ 1, 1, 1, 1, 1, 0, 0, 1 ] );
// BufferGeometry, radius, equator,
//   cut[ px, nx, py, ny, pz, nz ] max. equator, non-overlapping,
//   parts [ 1, 1, 1, 1, 1, 0, 0, 1 ]  1 for create part, otherwise arbitrary



chez discourse.threejs.hofk. de  [...]  bereits integriert.
 
28.04.2019  
 




répondre


Topictitle, max. 100 marque.
 

Systemprofile:

ne...aucune Systemprofil angelegt. [anlegen]

XProfan:

 Posting  Font  Smilies  ▼ 

s'il te plaît s'inscrire um une Beitrag trop verfassen.
 

Options du sujet

357.425 Views

Untitledvor 0 min.
Paul Glatz vor 19 Tagen
Uwe ''Pascal'' Niemeier23.03.2025
Manfred Barei18.03.2025
R.Schneider05.03.2025
plus...

Themeninformationen



Admins  |  AGB  |  Applications  |  Auteurs  |  Chat  |  protection des données  |  Télécharger  |  Entrance  |  Aider  |  Merchantportal  |  Empreinte  |  Mart  |  Interfaces  |  SDK  |  Services  |  Jeux  |  cherche  |  Support

un projet aller XProfaner, qui il y a!


Mon XProfan
Privé Nouvelles
Eigenes Ablageforum
Sujets-La liste de voeux
Eigene Posts
Eigene Sujets
Zwischenablage
Annuler
 Deutsch English Français Español Italia
Traductions

protection des données


Wir verwenden Cookies seulement comme Session-Cookies à cause de qui technischen Notwendigkeit et chez uns gibt es aucun Cookies de Drittanbietern.

si du ici sur unsere Webseite klickst ou bien navigierst, stimmst du unserer Erfassung de Informationen dans unseren Cookies sur XProfan.Net trop.

Weitere Informationen trop unseren Cookies et en supplément, comment du qui Kontrolle par-dessus behältst, findest du dans unserer nachfolgenden Datenschutzerklärung.


d'accordDatenschutzerklärung
je voudrais keinen Cookie