Skip to content
Snippets Groups Projects
Commit 7c973de5 authored by Xavier Gibert's avatar Xavier Gibert
Browse files

fix

parent 4896d41a
No related branches found
No related tags found
No related merge requests found
......@@ -79,7 +79,7 @@ This three.js demo is part of a collection at
var vectors_arc, vectors_sprite;
var origin = new THREE.Vector3(0,0,0);
var fontsizeSun, borderColorSun, borderThicknessSun, backgroundColorSun, fontColorSun, mat_arc;
var fontsizeSun, borderColorSun, borderThicknessSun, backgroundColorSun, fontColorSun;
var fontsizeEarth, borderColorEarth, borderThicknessEarth, backgroundColorEarth, fontColorEarth;
var fontsizeInclination, borderColorInclination, borderThicknessInclination, backgroundColorInclination, fontColorInclination;
var fontsizeLongitude, borderColorLongitude, borderThicknessLongitude, backgroundColorLongitude, fontColorLongitude;
......@@ -138,8 +138,8 @@ This three.js demo is part of a collection at
var earth_obj_dist = sphere_radius + earth_radius;
var planes_width = sphere_radius+earth_radius*2;
var plane_theta_seg = 30;
var plane_phi_seg = 10;
//var plane_theta_seg = 30;
//var plane_phi_seg = 10;
var arc_radius = sphere_radius+earth_radius*2;
var arc_sphcoord_radius = 3*sphere_radius/4;
......@@ -259,6 +259,7 @@ This three.js demo is part of a collection at
var target_segments = 8 * segments_scale;
// smooth my curve over this many points
var arc_resolution = 50*performance_level;
var plane_resolution = 20*performance_level;
//-----------------------------------------------------------------------------------------------------------------------
// DYNAMIC VALUES (Updated at each cycle)
//-----------------------------------------------------------------------------------------------------------------------
......
......@@ -2,21 +2,65 @@ function initAngles(){
//-----------------------------------------------------------------------------------------------------------------------
// REFERENCE PLANES
//-----------------------------------------------------------------------------------------------------------------------
mat_arc = new THREE.MeshPhongMaterial( { color: arc_color, metal: true, transparent: false, opacity: 1.0, side: THREE.DoubleSide } );
if(show_orbital_plane){
// points that define shape
var pts = [], hls = [];
var radius = sphere_radius;
var radius_ext = planes_width;
for ( i = 0; i < plane_resolution; i ++ ) {
var a = 2*Math.PI * i / plane_resolution;
pts.push( new THREE.Vector2 ( Math.cos( a ) * radius_ext, Math.sin( a ) * radius_ext ) );
hls.push( new THREE.Vector2 ( Math.cos( a ) * radius, Math.sin( a ) * radius ) );
}
// shape to extrude
var shape = new THREE.Shape( pts );
var holesPath = new THREE.Path(hls);
shape.holes.push(holesPath);
// extrude options
var options = {
amount: 1, // default 100, only used when path is null
bevelEnabled: false,
bevelSegments: 2,
steps: 1, // default 1, try 3 if path defined
extrudePath: null // or path
};
// geometry
var geometry = new THREE.ExtrudeGeometry( shape, options );
// mesh
var plane_xy = new THREE.Mesh(
geometry,
new THREE.MeshBasicMaterial( { color: plane_xy_color, transparent: true, opacity: 0.2 } )
);
scene.add( plane_xy );
// mesh
plane_orb = new THREE.Mesh(
geometry,
new THREE.MeshBasicMaterial( { color: plane_orb_color, transparent: true, opacity: 0.2 } )
);
scene.add( plane_orb );
//XY plane
var material_plane_xy = new THREE.MeshPhongMaterial({color: plane_xy_color, transparent: true/*, depthWrite: false, depthTest: false, alphaTest: 0.1*/, opacity: 0.2, side: THREE.DoubleSide });
var plane_xy = new THREE.Mesh( new THREE.RingGeometry( sphere_radius, planes_width, plane_theta_seg, plane_phi_seg, 0, Math.PI * 2 ), material_plane_xy );
//var material_plane_xy = new THREE.MeshPhongMaterial({color: plane_xy_color, transparent: true/*, depthWrite: false, depthTest: false, alphaTest: 0.1*/, opacity: 0.2, side: THREE.DoubleSide });
/*var plane_xy = new THREE.Mesh( new THREE.RingGeometry( sphere_radius, planes_width, plane_theta_seg, plane_phi_seg, 0, Math.PI * 2 ), material_plane_xy );
plane_xy.position.set( 0, 0, 0 );
scene.add( plane_xy );
scene.add( plane_xy );*/
//Orbital plane
var material_plane_orb = new THREE.MeshPhongMaterial({color: plane_orb_color, transparent: true/*, depthWrite: false, depthTest: false, alphaTest: 0.1*/, opacity: 0.2, side: THREE.DoubleSide });
var ring_geom = new THREE.RingGeometry( sphere_radius, planes_width, plane_theta_seg, plane_phi_seg, 0, Math.PI * 2 )
//var material_plane_orb = new THREE.MeshPhongMaterial({color: plane_orb_color, transparent: true/*, depthWrite: false, depthTest: false, alphaTest: 0.1*/, opacity: 0.2, side: THREE.DoubleSide });
/*var ring_geom = new THREE.RingGeometry( sphere_radius, planes_width, plane_theta_seg, plane_phi_seg, 0, Math.PI * 2 )
plane_orb = new THREE.Mesh( ring_geom, material_plane_orb );
plane_orb.position.set( 0, 0, 0 );
plane_orb.position.set( 0, 0, 0 );*/
//Compute inclination quaternion
var norm_orbital_plane = value_velocity.clone().normalize().cross(value_earth.clone().normalize());
......@@ -206,6 +250,7 @@ function updateAngles(){
//-----------------------------------------------------------------------------------------------------------------------
// PLANES UPDATE
//-----------------------------------------------------------------------------------------------------------------------
if(show_orbital_plane){
//Compute inclination quaternion
var norm_orbital_plane = value_velocity.clone().normalize().cross(value_earth.clone().normalize());
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment