webpackを使ってゲームエンジンを作ろう！（JSライブラリの作り方）
みなさんこんにちは。今回もたのしくプログラミングを学んでいきましょう！ 前回の「JavaScriptでRPGを作ろう！スマホにも対応したゲームの作り方」では、JavaScriptでゲームエンジンを作りながら、フルスクラッ […]
...read more
JavaScriptでRPGを作ろう！スマホにも対応したゲームの作り方
みなさんこんにちは。今日も楽しくプログラミングを学んでいきましょう！ これまでの講座《こうざ》で、JavaScript《ジャバスクリプト》によるゲーム開発《かいはつ》の方法が、なんとなくでも分かっていただけたかな、と思い […]
...read more
JavaScriptで画像を移動してみよう！ 小学生からのプログラミング入門
みなさんこんにちは。今回も、プログラミングの勉強《べんきょう》をはじめていきましょう！ 前回、「JavaScriptで画像を表示してみよう！ 小学生からのプログラミング入門」では、JavaScript《ジャバスクリプト》 […]
...read more
【JavaScript】ノベルゲーム風にキー入力で文字を切り替える方法！ 小学生からのプログラミング入門
小学生からのJavaScript講座です。 前回、文字を一文字づつ表示させる方法と改行の方法を紹介しました。今回はこのプログラムに、キー入力によって文字を切り替えられる機能をつけてみましょう。
...read more
【JavaScript】改行と一文字ずつ画面に表示する方法！ 小学生からのプログラミング入門
小学生からのJavaScript講座です。このシリーズでは、ゲームをつくりながらJavaScriptの使い方を学んでいきます。 前回、画面に文字を表示するためのクラスを作ったのですが、それをもう少しアレンジして、もっとか […]
...read more
【JavaScript】文字を表示するクラスを作ってみよう！ 小学生からのプログラミング入門
小学生からのJavaScript講座です。このシリーズでは、ゲームをつくりながらJavaScriptの使い方を学んでいきます。シリーズの一覧はこちらをご覧ください。 さて、ゲーム作成で重要なキャラ移動などのプログラムはす […]
...read more
【JavaScript】プログラム全体をクラスを使って作ってみよう！ 小学生からのプログラミング入門
小学生からのプログラミング講座《こうざ》、今回もはじめていきましょう！ 前回はプログラミングにおける、クラスの使い方を学びました。しかし、まだクラスをどうやって使えばいいのか、ピンときていないかもしれません。 そこで今回 […]
...read more
【JavaScript】クラスの概念をしっかりと理解しよう！ 小学生からのプログラミング入門
小学生からのプログラミング講座《こうざ》、今回もはじめていきましょう！ 前回はマップ上をキャラクターが自由に動くことができるようにしました。 今回はES6から使われるようになった「クラス」という機能を使ってみたいと思いま […]
...read more
【JavaScript】マップでキャラを動かせるようにしよう！ 小学生からのプログラミング入門
小学生からのプログラミング講座《こうざ》、今回もはじめていきましょう！ 前回は、JavaScriptでのマップの作り方を紹介《しょうかい》しました。しかし、まだマップを配置《はいち》しただけで、キャラクターの画像《がぞう […]
...read more
【JavaScript】迷路やRPGで使えるマップを作ってみよう！ 小学生からのプログラミング入門
小学生からのプログラミング講座《こうざ》、今回もはじめていきましょう！ 前回はHTML5とCanvasを使って、キャラクターがキーボードの入力《にゅうりょく》で移動《いどう》するところまで、紹介《しょうかい》しました。 […]
...read more
HTML5とCanvasを使ってみよう！ 小学生からのプログラミング入門
小学生からのプログラミング講座《こうざ》、こんかいもはじめていきましょう！ これまでの講座《こうざ》では、JavScriptの基本《きほん》について学び、キャラクターの操作《そうさ》ができるようになりました。ここからはゲ […]
...read more
【JavaScript】キャラを決まった間隔ずつ動かす！ 小学生からのプログラミング入門
小学生からのプログラミング入門講座《にゅうもんこうざ》、今回もはじめていきましょう！ 前回は、キャラクターの画像《がぞう》をスムーズに動かす方法でしたが、スピードが速すぎたので、画像の移動間隔《いどうかんかく》を短くする […]
...read more