LibCanvas: सितारों के रास्ते पर

छह महीने पहले, मैंने एक ऑनलाइन आवेदन "Starry Sky Map" लिखने का फैसला किया। मुझे लगता है कि हम में से कई ने कभी तारों वाले आकाश के इस नक्शे को देखा है, और शायद इसने ध्यान आकर्षित किया है।
मैंने सोचा कि जेएस पर कुछ इसी तरह लागू करना दिलचस्प होगा। इसके सुविचारित वाक्य-विन्यास के कारण तैयार लिबासनव पुस्तकालय का आंशिक रूप से उपयोग करने का निर्णय लिया गया, जो कि महत्वपूर्ण अनुप्रयोगों को लिखते समय महत्वपूर्ण था।



पहली समस्या जिसका मुझे सामना करना पड़ा, बल्कि बड़ी संख्या में सितारे थे, जिन्हें उच्च सटीकता के साथ प्रदर्शित करने की आवश्यकता थी - उनमें से लगभग 6,000 हैं। यहां, मैंने स्टार कैटलॉग की टेक्स्ट फ़ाइल से js के लिए एक सरणी उत्पन्न करने के लिए एक साधारण PHP स्क्रिप्ट की मदद से निर्णय लिया।

LibCanvas का उपयोग कब करें?

वास्तव में प्रश्न बन गया; क्या यह हमेशा LibCanvas का उपयोग करने के लायक है? तथ्य यह है कि स्वयं मानचित्र के अलावा, एक परियोजना को ग्रहों के दृश्य आकारों का एक कोलाज बनाना चाहिए, जिसमें एक अलग पुस्तकालय लिखना शामिल था, और इस कार्य के लिए मैंने लिब्नवास का उपयोग नहीं करने का फैसला किया।

गणितीय और खगोलीय कार्यों की लाइब्रेरी

परियोजना को विभिन्न गणितीय कार्यों के दोहराया उपयोग की आवश्यकता थी, इसलिए इन समान कार्यों के लिए एक पुस्तकालय लिखने का निर्णय लिया गया।
असल में, यहाँ परिणाम है ।
वहां, क्रमशः:

• डिग्री तर्क के साथ त्रिकोणमितीय कार्य
• जूलियन दिन को ग्रेगोरियन तिथि में परिवर्तित करने के लिए कार्य
• क्षैतिज / इक्वेटोरियल निर्देशांक के अनुवाद के लिए कार्य
• वायुमंडलीय अपवर्तन गणना
• अन्य (महीनों के नाम, वर्तमान समय प्राप्त करना, आदि)

डेटा निर्देशिका

वस्तुओं का डेटाबेस मुख्य रूप से यहाँ स्थित है
यहाँ भी ग्रहों और धूमकेतुओं की कक्षाओं के तत्व हैं।

तारांकन प्रदर्शन

for (var i = 0; i < (stars.length); i++){ var decr=stars[i][1]; // var tr=sr-stars[i][0]; //  var zl=atmospheric_refraction(equatorial_to_horizontal(decr, tr, phi)[1]);//  var mag=Math.round(stars[i][2]/100); // if (zl<90 && mag<magmax){// ,    var r_star=k1*1+k2*(magmax-mag); var Az=equatorial_to_horizontal(decr, tr, phi)[0]; // var cor1=to_xy(zl,Az);     var x=(cor1[0]*1).toFixed(0); //  var y=(cor1[1]*1).toFixed(0); // /*      */ if (mag<1.5){ var circl3 = new LC.Circle( x,y,r_star*2); ct.fill(circl3, ct .createRadialGradient( new LC.Circle(x, y, 1), new LC.Circle(x, y, r_star*2)) .addColorStop({ '0.0': 'rgba(200,200,200,0.4)', '1.0': 'rgba(200,200,200,0)' })); var circl = new LC.Circle( x,y,r_star*0.8); //  ct.fill(circl, '#FFF');//  }else{ /*       */ var circl = new LC.Circle( x,y,r_star); //  ct.fill(circl, '#FFF');//  } m++; } } 

ग्रह

नक्शा प्रदर्शन

मैंने ग्रहों को पीले रंग में उजागर करने का फैसला किया (वास्तविकता के अनुरूप)। ग्रहों की स्थिति की गणना करने के लिए और एक पुस्तकालय लिखा था

कोलाज मैपिंग

यहाँ भी, मुझे थोड़ा काम करना था, और अंत में मैंने कोलाज प्रदर्शित करने के लिए कुछ कार्यों को लिखा।
नीचे ग्रहों के निर्देशांक वाली एक तालिका भी बनाई गई थी।
हेड फाइल में ग्रहों को प्रदर्शित करने के लिए कोड:

 //============================================================================================================ for (var i = 0; i < (planets.length); i++){ var tyu=planetposition(planets[i][0], planets[i][1], jdn, planets[i][3], planets[i][4], planets[i][5], planets[i][6], planets[i][7], planets[i][8],planets[i][9],planets[i][10]) if (i==0){ sundelta=tyu[1] } if (planetinfo1==1){ //  "  " res+="<tr><td>"+planets[i][8]+"</td><td>"+deltafloor(tyu[1])+"</td><td>"+alphafloor(tyu[0])+"</td><td>"+(tyu[3]).toFixed(3)+"</td><td>"+(tyu[2]).toFixed(1)+"</td><td>"+(2*tyu[4]).toFixed(1)+"</td></tr>"; } var zl=atmospheric_refraction(equatorial_to_horizontal(tyu[1], sr-15*tyu[0], phi)[1]);//  if (i==0){ sunz=zl } //alert(tyu) if (i>0){ draw(ctx, tyu[4], i,tyu[3],planets[i][8], date); } if (zl<90){ var Az=equatorial_to_horizontal(tyu[1], sr-15*tyu[0], phi)[0]; // var cor1=to_xy(zl,Az); var x=(cor1[0]*1).toFixed(0);//  var y=(cor1[1]*1).toFixed(0);// var R=Math.round((9-1*tyu[2])*kp2); if (R>10){ R=10 var R1=20*R if (planets[i][8]==''){ //     R=7 sunx=x suny=y } }else{ var R1=kp1*R } var circl = new LC.Circle( x,y,R); //   var circl2 = new LC.Circle( x,y,R1); //   ct.fill(circl, 'rgba('+planets[i][11][0]+','+planets[i][11][1]+','+planets[i][11][2]+',1)'); //   //   ct.text({ text: planets[i][8], padding: [ 1*y, 1*x], size:15, color:'rgba('+planets[i][11][0]+','+planets[i][11][1]+','+planets[i][11][2]+',1)' }); //alert(planets[i][11][0]) //  ----- ct.fill(circl2, ct .createRadialGradient( new LC.Circle(x, y, 1), new LC.Circle(x, y, R1)) .addColorStop({ '0.0': 'rgba('+planets[i][11][0]+','+planets[i][11][1]+','+planets[i][11][2]+',0.85)', '1.0': 'rgba('+planets[i][11][0]+','+planets[i][11][1]+','+planets[i][11][2]+',0)' }));/**/ //---------- } } 

चंद्रमा

मैंने तय किया कि मैं पीड़ित नहीं हूं, और चरण के साथ चंद्रमा को आकर्षित नहीं किया, क्योंकि लोड पहले से ही इतना अधिक है।
चंद्रमा की स्थिति को प्रदर्शित करने के लिए, मैंने Jan Meus का रेडीमेड एल्गोरिथ्म लिया, जो मुझे इंटरनेट के बाहरी हिस्से में मिला, इसलिए मैंने इसे थोड़ा बदलने का फैसला किया और इसे फिर से तैयार किया: github

धूमकेतु और क्षुद्र ग्रह

यहां मैं अभी भी एक चौराहे पर खड़ा हूं, क्योंकि यह कहना मुश्किल है कि इस फ़ंक्शन की कितनी आवश्यकता है: एक नियम के रूप में, धूमकेतु और क्षुद्रग्रह अवलोकन के लिए बहुत कमजोर हैं। इसलिए, मैंने सबसे चमकीले धूमकेतुओं के लिए केवल एक खंड बनाया। दरअसल, एक परवलयिक कक्षा में धूमकेतु की स्थिति की गणना करने के लिए एक पुस्तकालय लिखा गया था: जीथब

समस्याओं और समाधान

मुख्य समस्या कार्यक्रम की सुस्ती है, खासकर तेज स्क्रॉलिंग के साथ। यहां कुछ करना मुश्किल है, यह शायद एल्गोरिदम को ट्रिम करने के लायक है, लेकिन यह मेरी राय है ... वास्तव में, मैं शायद ही कभी वृद्धि का उपयोग करता हूं, इसलिए मुझे शायद ही कभी इस बग का एहसास होता है।

कार्यक्रम यहाँ स्थित है: http://astrokot.ru/planetarium/dev/planetarium.html