リアルな球の描き方
十進BASIC_グラフィックス に戻る
大学生のための数学 へ戻る
2014.09.24


  モノトーンですが、 ライトアップされたボウリングのボールのように見えます。
        



  次に Canvas−HTML + Java Script で同じような球を描きます。


  TOM's Web Site ( http://tomari.org/index.htm ) 様より、 プログラムソースを頂きました。    <!DOCTYPE html>    <html lang="ja">    <head>    <meta charset="shift_jis" />    </head>    <body>    <canvas id="canvas" width=400 height=400></canvas>    <script>    var canvas = document.getElementById("canvas");    var context = canvas.getContext("2d");    var gra = context.createRadialGradient(120, 120, 0, 90,90, 400);    gra.addColorStop(0.0, "rgb(255,255,255)");    gra.addColorStop(1.0, "rgb(0, 0, 0)");    context.fillStyle = gra;    context.arc(200, 200, 200, 0, 2*Math.PI, true);    context.fill();    </script>    </body>    </html>