Español
PHP, HTML & JavaScript- Foro

3D Grafik - WebGL con three.js

 
- Página 1 -



HofK
Auf una heißen Tipp de IF hin, Yo me de tiempo
three.js  [...]  angeschaut. Como  [...]  (bastante unten) el ersten Resultate.
 
31.01.2016  
 



 
- Página 21 -



HofK
Diese Solución es bastante simplemente, producido pero no kreisförmigen Öffnungen. Se puede ellos aber eventuell como Ausgangspunkt nehmen y el Netz passend "verbiegen". Yo voluntad lo probieren.

 
10.04.2019  
 




HofK
Beim herumexperimentieren hay siempre otra vez interessant aussehende Fehlentwürfe.

Como son wohl Vorzeichen no bastante Haga clic en Aceptar y el Radiuskonstante wurde a uno Punto vergessen. Sieht aber interessant de.



Fehler gefunden, nun sieht lo así de.



Man erkennt ya, como voluntad se. Das Problema es, dass el sonst horizontalen Bögen hier schräg verlaufen necesario y se diferente face-Reihen ergeben.

Betrachtet uno el Konstruktion de uno otro Perspektive, sieht uno mejor, dass Todavía geschummelt habe.



Um el Verfahren a testen, Yo el linke y rechte Kante el unteren Bereiche simplemente por Geraden verbunden.

Daraus necesario nun todavía "Geraden en el Kugel" - also Kreisbögen voluntad.

Como kann Yo otra vez el Radiuskonstante vergessen!

El Rechnerei para dieses Verfahren es komplizierter como en el ersten Entwurf, erscheint me aber total effizienter. Aunque ha uno por el "schrägen" Linien/Bögen no así schöne Symmetrie-
 
12.04.2019  
 




p.specht

Könnte lo ser, daß Usted una Faible para Netzstrümpfe hast ?
 
XProfan 11
Computer: Gerät, daß es in Mikrosekunden erlaubt, 50.000 Fehler zu machen, zB 'daß' statt 'das'...
14.04.2019  
 




HofK
Eher una Faible para matemático Netze, Netzstrümpfe son matemáticamente muy schwer a erfassen. Como nimmt una continuación una Modellierungs-Software.

Das Netz de Dreiecken Es el Grundlage el 3D Grafik, also führt nichts daran vorbei.
 

Und lo son así schöne Fehlentwürfe!





Aber como el Sprichwort sagt "Ende bien, alles gut"



El Solución erfordert weniger Teilflächen como el erste Ansatz, es pero no así symmetrisch, si uno verschieden große Öffnungen ha (hier todos igual ). Sin embargo, el Rechnung algo "spezifisch", aber bien überschaubar.

Der Code muss todavía optimiert voluntad, momentan todavía "wirr" y no vorzeigbar.
 
14.04.2019  
 




HofK
El Kugel con unterschiedlich großen Öffnungen, el Code es aún en Überarbeitung.



Mich ha entonces doch el Vergleich el Varianten interessiert. El symmetrische Solución macht en Erweiterung de una en acht Oktanten bastante viel Aufwand y lo hakt todavía.

Aber otra vez una schöner Fehlentwurf. Statt como nötig de hinten después de vorn el Indizes en el Zentrum andersherum bearbeitet.



So se lo ser.



Lo son entonces total 8 veces 7 = 56 Teilflächen!
 
19.04.2019  
 




HofK
Como son el 56 Teilflächen:



Alle Öffnungen son verschieden groß-

Nimmt uno überall el maximale Öffnung, son tatsächlich sólo 32 Teilflächen a erzeugen. El maximale Öffnung es en dieser Variante en el halben Äquator begrenzt. En otro Variante kann una Öffnung máximo incluso a para Äquator ir (Halbkugel). Aunque dürfen se benachbarte Öffnungen hay no überschneiden.



Füllt uno el Öffnungen con THREE.CircleBufferGeometry erhält uno una muy speziellen Spielwürfel.

Aber dazu muss Yo sólo todavía el uv-Werte berechnen.
 
22.04.2019  
 




HofK
El Berechnung el uv-Werte podría Yo después de pequeño Anpassungen des Codes dieser symmetrischen Kugelvariante de el otro Variante tomar. Diese Berechnung Tuve vorher hay ya 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;

}


Es como gewohnt una kleine Rechnerei con trigonometrischen Características.





Nun muss el Code todavía una wenig aufgeräumt y el Form para mein Addon THREEg gebracht voluntad.
 
23.04.2019  
 




p.specht

Würde una Globus-Karte unverzerrt dargestellt? Oder como debería deren Textur aussehen?
 
Computer: Gerät, daß es in Mikrosekunden erlaubt, 50.000 Fehler zu machen, zB 'daß' statt 'das'...
23.04.2019  
 




HofK
Desde que el Kugel en acht einzelne Teile zerlege en jede Teilfläche con uno otro Textur versehen a puede (Multimaterial) es una Globuskarte hier no sinnvoll posible.

Dazu benutzt uno el einfache Kugeldefinition de THREE.js con Längen - y Breitengraden.

Se puede una Globuskarte natürlich en todos möglichen Forma aufbringen. Siehe mein Beispielbild rechts oben en sandbox .threejs.hofk  [...] 

Mir es hier a 6 möglichen gleichzeitigen Öffnungen en el Kugel .
 
23.04.2019  
 




HofK
Geschafft!





El beiden Varianten: [...]  [...] 

El berechneten Características
g.cutRadius = [];// calculated radius of cut circles px, nx, py, ny, pz, nz - for external use
g.cutDistance = [];// calculated distance of the cut circles to the center px, nx, py, ny, pz, nz - for external use
g.cutSegments = [];// segments of the cut circles  - for external use

ermöglichen el Andockung de Zylindern. Damit puede ser una Labyrinth con runden Forma erzeugen.

Yo voluntad el Kugeln en el Addon aufnehmen.
 
27.04.2019  
 




p.specht

Könnte uno así el Atomium  [...]  en 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
Nein, como beim Atomium el Verbindungen no entsprechend a Koordinatenebenen mentira.

Aunque benötigt uno para una reine Außenansicht mi spezielle Konstruktion no. Se puede el three.js Kugel cualquier con el three.js Zylinder kombinieren.

El Öffnungen benötigt uno sólo para innere Ansichten. Como es el Atomium sicher komplexer y uno nimmt una Tool como Blender. Garantiert viel Arbeit. Mag ser, el hay ya?

_______________________________________________________________

Yo habe el Konstruktion así erweitert, dass sólo gewünschte Teile el Kugel producido voluntad.
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



En discourse.threejs.hofk. de  [...]  ya integriert.
 
28.04.2019  
 




Respuesta


Título del Tema, max. 100 Signo.
 

Systemprofile:

Kein Systemprofil creado. [anlegen]

XProfan:

 Contribución  Font  Smilies  ▼ 

Bitte registro en una Contribución a verfassen.
 

Tema opciones

357.310 Views

Untitledvor 0 min.
Paul Glatz vor 18 Tagen
Uwe ''Pascal'' Niemeier23.03.2025
Manfred Barei18.03.2025
R.Schneider05.03.2025
Más...

Themeninformationen



Admins  |  AGB  |  Applications  |  Autores  |  Chat  |  Política de Privacidad  |  Descargar  |  Entrance  |  Ayuda  |  Merchantportal  |  Pie de imprenta  |  Mart  |  Interfaces  |  SDK  |  Services  |  Juegos  |  Búsqueda  |  Support

Ein Projekt aller XProfan, el lo son!


Mi XProfan
Privado Noticias
Eigenes Ablageforum
Temas-Merkliste
Eigene Beiträge
Eigene Temas
Zwischenablage
Cancelar
 Deutsch English Français Español Italia
Traducciones

Política de Privacidad


Wir uso Cookies sólo como Session-Cookies wegen el technischen Notwendigkeit y en uns hay no Cookies de Drittanbietern.

Wenn du hier en unsere Webseite klickst oder navigierst, stimmst du unserer Erfassung de Informationen en unseren Cookies en XProfan.Net a.

Weitere Informationen a unseren Cookies y dazu, como du el Kontrolle darüber behältst, findest du en unserer nachfolgenden Datenschutzerklärung.


einverstandenDatenschutzerklärung
Yo möchte no Cookie