JavaScriptを使ったAJAXが昨年前半まで大いに注目を集めていましたが、その根本になったJavaScript自体は古くからあり、AJAXというのは新しい応用法みたいな側面が非常に強かったのが特徴です。 しかし今回紹介する「Canvas」要素はそういうのとは明らかに一線 ...

<canvas id="canvas"></canvas> ・・・ ここに書きます。 </body> そしてこの"id"を取得するべく、JavaScriptの命令を書いていきます ...

JavaScriptとCanvasの練習がてら、多角形／星形多角形を描いて遊びました。 具体的には下記を実装してみました。 ・円と線分を描く ・1秒ごとに頂点の数を増やす ・隣の頂点と繋ぐ／隣の隣と繋ぐ…とN個飛ばしで頂点をつなげるようにする 頂点0個飛ばし ...

2023年3月の世界のWebブラウザのシェアは、statcounterによれば、Google Chromeが65％、Apple Safariが20%、Microsoft Edgeが5%、Mozilla Firefoxが3%となっています。これら主要なWebブラウザには約10年以上前から「Canvas API」と呼ばれる高度な描画機能が利用できます。 このCanvas ...

前回は、「HTML5＝Flashみたいなリッチなサイトを作ることができる」「HTML4ではユーザーのアテンションを引くような表現は難しかった」など、HTML5によるグラフィックス表現において"ありがちな誤解"について解説しました。 つまるところ、HTML4では実現でき ...

Last week we created a textured paper canvas and got a healthy dose of the P5 API and JavaScript’s Math.random() function. This week, we’re going to look at a specific element of watercolor to see if ...