マガジンのカバー画像

Canvas API

35
JavaScriptのCanvas APIを習得しようと日々奮闘しています。
運営しているクリエイター

記事一覧

Canvasで大量の円に重力を与える

Canvas(JavaScript)の勉強をしています。 前回は、円(ボール)に重力を与えました。 今回…

yusaku
4年前
2

Canvasで円に重力を与える

Canvas(JavaScript)の勉強をしています。 今回は重力です。 以前に円が動き、上下左右に当…

yusaku
4年前
3

Canvasでprototypeを使ってみる

Canvas(JavaScript)を勉強しています。 JavaScriptもほぼわかっていないので、いろいろつま…

yusaku
4年前
3

Canvasで四角を広げたり縮めたり

JavaScriptの勉強をしています。今は、主にCanvasを中心に取り組んでいます。 今回は、マウス…

yusaku
4年前
1

Canvasでうじゃうじゃを作る 2

JavaScriptの勉強をしていて、今はCanvasを中心にしています。 今回は、前回のうじゃうじゃの…

yusaku
4年前
2

Canvasでうじゃうじゃを作る

Canvas(JavaScript)を勉強しています。 今回は、ランダムを使いたくて、たくさん(1000個)…

yusaku
4年前
2

Canvasで大量の円を上下左右で跳ね返す

Canvas(JavaScript)を勉強しています。 前回、円が上下左右に跳ね回るものを作りました。 今回は、その円が大量(100個)に増やしてみました。 Classを使ったから、このような簡単に円の数が増やせました。 function initialize() { canvas = document.body.querySelector('canvas'); ctx = canvas.getContext('2d'); for (let i = 0; i < NU

Canvasで円を動かして、上下左右で跳ね返る(Class版)

Canvas(JavaScript)を勉強してます。 今回は、前回↓と同じ動きをClassを使って作ってみま…

yusaku
4年前
3

Canvasで円を動かして、上下左右で跳ね返る

Canvas(JavaScript)の勉強をしています。 今回は、アニメーションを発展させてみました。 …

yusaku
4年前
2

Canvasで画像を使う

Canvasをマスターするために日々がんばってます。 今回は、画像の取り込みです。 Canvasでは…

yusaku
4年前
1

アニメGIFは使えるのか。mp4は便利?

最近、Canvas(JavaScript)を勉強していて、その中には動くものもあります。動くものはMacで…

yusaku
4年前
2

Canvasでグラデーションを作る

Canvasをマスターすべく学習してますが、JavaScriptもがんばらないといけないので、大変です。…

yusaku
4年前
1

Canvasでアニメーションをする

Canvas(JavaScript)をマスターするためにがんばってます。 JavaScriptも全然わかっていない…

yusaku
4年前
5

Canvasでマガジンのヘッダー画像つくり

Canvas(JavaScript)を学習しています。 JavaScriptもほとんどわかっていないので、苦労してます。。 Canvasの記事もたまってきたのでマガジンを作りました。 せっかくマガジンを作ったので、100記事くらいまでは書き続けていきたいと思ってます。 素人っぽさマガジンには、ヘッダー画像があったほうがいいので作りました。 素人っぽさがありながら、飽きなさそうなものにしました。 function render() { ctx.fillStyle =