Wie Standard-Zeichenposition von three.js (0,0,0) Zentrum der Leinwand zu tatsächlichen Leinwand Start verschieben?[Hilfe]: Three.js Koordinaten Übersetzung
Zum Beispiel hier: https://jsfiddle.net/data_x/mwprgnra/8/
Ich mag die Linien bewegen, von der gestrichelten Leinwand Box zu starten. (Verschiebung von 3d Koordinaten zu 2d Koordinatenposition). Ich brauche das, weil ich Svg-Leinwand über Webgl-Leinwand überlagern möchte. Dafür brauche ich beide, um denselben Koordinatenpositionen zu folgen.
Ein Teil des Codes:
camera = new THREE.OrthographicCamera(w/- 2, w/2, h/2, h/- 2, 1, 10000);
camera.position.set(0, 0, 100);
Irgendwelche Hinweise/help sind,
Sie sehr geschätzt Danke,
Sie müssen Ihre Daten von min, max actual auf skalieren min, max wird angezeigt – gaitat
Ich habe versucht, mit (canvas.height/2 - 60) für den Rückgabewert der auskommentierten Bereichsfunktion in obigem cod zu multiplizieren Es wurde jedoch nichts außer der Achse wiedergegeben und die Achsengröße wurde merkwürdig verringert. Ist das, weil ich Perspektivenkamera für 2D-Zeichnung verwende? – user1
Die Skalierungsberechnungen sind einfacher, wenn Sie eine orthographische Kamera (d. H. Lineare Algebra) verwenden. – gaitat