マガジンのカバー画像

プログラミングはJavascriptから。

150
本
最初にやるならJavaScript! 誰でも簡単に始められます！
運営しているクリエイター
donguri

JavaScriptで簡単ゲーム！

このサイトで紹介されているコードがほんとちょうど分かりやすくて短くまとまっていて理解しや…

donguri
donguri
1日前
3

p5.jsでゲームを作ろう！

参考サイトを見ながら実装していきます。 まずエディタは（ゲームを作る台本みたいなものを作…

donguri
donguri
13日前
1

Hello! p5.js. - p5playで2つの物体。

前回作ったキーボードの矢印で動く四角にもう一つ四角を追加し、２つの物体を表示してみます。…

donguri
donguri
2か月前

Hello! p5.js. - p5playで動かす。

表示ができたら次は動かします。矢印キーで動かします。 矢印キーは上下左右あるので if(kb.…

donguri
donguri
2か月前

Hello! p5.js. - p5playで表示する。

p5.jsのみの場合との違いも少し入れながらライブラリp5playを使ってみます。 このサイトを使…

donguri
donguri
2か月前
1

Hello! p5.js. - p5playを使う準備。

p5playはp5.jsをベースにしたライブラリでp5.jsをさらに使いやすくゲームなどが簡単に作れるよ…

donguri
donguri
2か月前
1

わかりやすいJavaScript！-7 動かそう！

ライブラリを使話ない普通のJavaScriptで動かす命令としとよくt飼われているのが、 があります。そして別の方法として があります。その違いなどを見ていきます。 setInterval 通常は一定時間ごと実行。この場合だと1000mm秒後(1秒後)ごとに連続してcountUp()を実行します。 <script> let count = 0; function countUp(){ console.log(count++); } setInterv

donguri

Hello! p5.js. - 自由に動かす！

まず動かす準備です四角の位置と動くスピードを変数にします。 あとはdraw()関数中で四角を変…

donguri
donguri
3か月前

ところでJavaScriptゲームライブラリは何がいい？

JavaScriptは比較的簡単に始められるプログラミング言語だと思います。でもやはりゲーム作りと…

donguri
donguri
3か月前
4

Hello! p5.js. - 動かしてみよう！

表示できたので次は動かします。 function setup() { createCanvas(400, 400);}function dra…

donguri
donguri
3か月前
1

Hello! p5.js. - 使ってみよう！

JavaScriptはHTML,CSSと一緒に使われてます。もっと簡単にJavaScriptだけで簡単に面白いものが…

donguri
donguri
3か月前
2

わかりやすいJavaScript！-6 もっと書こう

Canvasにはいろんな機能が盛り沢山です。上記サイトに詳しく説明がありますのでじっくりとやる…

donguri
donguri
3か月前
8

わかりやすいJavaScript！-5 図形を書こう

JavaScriptで図形なんかを書くのに便利なものがあります。Canvasという便利なライブラリがあり…

donguri
donguri
3か月前
1

わかりやすいJavaScript！-4 ずっと・・

前回で絵文字のりんごを動かしましたが、動きのもとになっているのが です。 何かを繰り返してやりたい場合に使うsetIntervalとsetTimeoutを使うことができます。そのほかrequestAnimationFrameも使うことができます。 "setInterval"は繰り返しを続けます。止める命令がないと止まりません。 "setTimeout"は1回のみ実行します。(使い方により繰り返すことができます。) もう一つの方法が"requestAnimationF

donguri