HTML5 में 3D स्फीयर कैसे ड्रॉ करें?

Canvas के साथ 3D स्फीयर

3D स्फीयर बनाने के लिए, HTML5 Canvas का उपयोग करें। आप अपने कोड में निम्नलिखित फ़ंक्शन का उपयोग कर सकते हैं:

function display(r) {
    this.point = new Array();
    this.color = "blue";
    this.r = (typeof(r) == "undefined") ? 20.0 : r;
    this.r = (typeof(r) != "number") ? 20.0 : r;
    this.vertexes = 0;
    for(alpha = 0; alpha <= 6.28; alpha += 0.17) {
        p = this.point[this.vertexes] = new Point3D();
        p.x = Math.cos(alpha) * this.r;
        p.y = 0;
        p.z = Math.sin(alpha) * this.r;
        this.vertexes++;
    }
}

नोट: यह एक वायरफ्रेम स्फीयर के लिए वर्टेक्स जनरेट करता है। पूर्ण 3D रेंडरिंग के लिए Three.js या WebGL पर विचार करें।