n-HIROKIの日常

n-HIROKIの取り組みを記録したものです。

JavaScript

シューティングゲームのプレイヤー機を動かすプログラム

こんにちは、n-hirokiです! 今回はシューティングゲームのプレイヤーのプログラムです。 (adsbygoogle = window.adsbygoogle || []).push({}); 前回の敵のプログラムはこちら hiroki-prog.hatenablog.com 動作:十字キー or マウスで動き、shiftキーで弾を…

シューティングゲームの敵を動かすプログラム

こんにちは、n-hirokiです。今回はシューティングゲームの敵を動かすプログラムです。完成したものenemyを10体3行分 生成して動かします。 一番後に全体のコードを載せています。 1、enemy生成 enemyオブジェクトで必要な変数定義 var canvas, ctx; var …

Chart.jsの使い方を簡単に!!

こんにちは、n-hirokiです!今回は、Chart.jsの使い方です!Chart.jsの準備・インストール GitHubからダウンロードするChart.jsはnpmまたはbower経由でインストールできます。 npm v2.7.2 npm install chart.js --saveBower v2.7.2 bower install chart.js -…

Canvas.js パラメーターのメモ

こんにちは、n-hirokiです!今回はCanvas.jsのパラメーターのメモです。 基本的なグラフはこれらのパラメーターを使えれば十分です。Canvas.jsのパラメータ・グラフ描画をアニメーション化 animationEnabled・アニメーション時間 animationDuration・グラフ…

CanvasJSで折れ線グラフを表示する

こんにちは n-hirokiです。 僕の技術メモです。 (adsbygoogle = window.adsbygoogle || []).push({}); 前回の記事の続編です!今回は受け取ったデータをCanvasJSでグラフにして表示します!hiroki-prog.hatenablog.comテキストファイルのデータをJavaScript…

PHPからJavascriptに配列を渡す

こんにちは n-hirokiです。 僕の技術メモです。 テキストファイルのデータをJavaScriptに渡すPHPでtextファイルの内容を配列で取得してJavaScriptの配列に代入する。 <script type="text/javascript"> var hoge = <?php echo json_encode($lines); ?>; console.log(hoge); </script> ソースコードと…