ホームページ | Pirikaで化学 | ブログ | 業務案内 | お問い合わせ |
情報化学+教育トップ | 情報化学 | MAGICIAN | MOOC | プログラミング |
2022.3.4
まず、円を球に変えて見ました。
これは2-2自分でデザインしたオブジェクトを取り出そうでデータを作って持ってきました。
球にするとそれっぽく見えるので不思議です。
draw() {
var MyColor=this.color;
var MyX=this.x;
var MyY=this.y;
var MyRad=this.size;
var InitCx=MyX+MyRad*(204-175)/100;
var InitCy=MyY+MyRad*(50-100)/100;
var InitCr=0.1*MyRad;
var EndCx=MyX+0.25*MyRad;
var EndCy=MyY-0.25*MyRad;
var EndCr=0.75*MyRad;
ctx.beginPath();
//ctx.fillStyle = this.color;
ctx.arc(this.x, this.y, this.size, 0, 2 * Math.PI);
var gradient2=ctx.createRadialGradient(InitCx,InitCy,InitCr,EndCx,EndCy,EndCr);
gradient2.addColorStop(0.0,"#FFFFFF");
gradient2.addColorStop(1.0,MyColor);
ctx.fillStyle = gradient2;
ctx.fill();
}
Copyright pirika.com since 1999-
Mail: yamahiroXpirika.com (Xを@に置き換えてください) メールの件名は[pirika]で始めてください。