制作物 伝っても出られない
ストーリー先日大学生のお兄ちゃんの友達が有名ゲーム会社が主催する脱出迷宮に行ったとのこと。脱出迷宮とは巨大な迷路で、本物の書架を壁にしてあったそうだ。一人の友達が最速で脱出してみんなを驚かせようと、右側の壁に手を付けて走ったところ、入り口に...
JavaScript
制作物 ゲーム制作に役立ちそうな知識 setIntervalの使い方
setIntervalsetInterval使い方setInterval一定の間隔で何かを実行するよう命令する関数です。途中で解除もできます。使い方window.onload = function() { const w = 500; co...
ゲーム制作に役立ちそうな知識 座標
座標テキストの座標ボールを動かしてみるボールを反射させてみる最後に座標canvasの座標について調べてみましょう。window.onload = () => { const w = 500; const h = 500; // Canvas...
知ってると便利なオブジェクトや関数 window.onloadの使い方
window.onload()windowオブジェクトwindow.onload()プロパティ？メソッド？まとめWindowオブジェクトwindow.onload()について説明する前にwindowオブジェクトについてです。console....
目次 ゲーム制作に役立ちそうな知識
CanvasCanvasゲームの基盤となるCanvasについて座標とアンカー座標とアンカーcanvasの座標とオブジェクトのアンカーについてです。ボールを反射させる例を使用しています。
JavaScript クラス
クラスクラス休みを駆ける定義方法まとめクラスクラスとは一つの関心毎をまとめたものです。関数やオブジェクトにも少し似ています。ただ、クラスはあくまでも設計図です。車の設計図があるだけでは移動が楽になりません。設計図を利用して車を作った時、初め...
JavaScript オブジェクト
オブジェクトオブジェクト定義方法まとめオブジェクトオブジェクトは今まで紹介してきた変数と関数が集約されたものです。そして、実は今まで呪文のように扱ってきた変数や関数もオブジェクトだったりします。定義方法とにもかくにも、定義してみましょう。/...
JavaScript 関数・導入
関数・導入関数とは関数の定義方法実行・使い方特徴まとめ関数とは関数とはまとまった処理を実行できるサブプログラムのようなものです。サブプログラムとはメインプログラムから呼び出される、一連の処理群のことです。分岐処理の章で説明したように、ソース...
JavaScript 関数
関数まとめ関数定義1(関数文)定義2(名前付き関数式)定義3(無名関数式)定義4(アロー関数式)まとめ関数は処理をまとめるために使用する。関数式を利用した際に、関数内部から関数外部への参照は基本しない。 それぞれ使いやすいタイミングがあるの...
JavaScript 反復処理
反復処理for 文TicTacToe(◯×ゲーム)解説+α反復処理プログラミングをしていて、同じ処理を繰り返し行いたい場合があります。そんな時に利用すると便利なものをご紹介します。ゲームを作る際には無限ループという方法を利用していることが多...