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
【JavaScript】ゲームのメインループを作ってみよう！ 小学生からのプログラミング入門
小学生からのJavaScript《ジャバスクリプト》入門講座《にゅうもんこうざ》、第７弾です。 突然《とつぜん》ですが、ゲーム開発《かいはつ》の基本として大切なことってなんだったか覚えていますか？そうです。「変数《へんす […]
...read more