(2022.6.17追記:アップグレードされた「rbCanvas」が発表されました。 → インストール不要!ブラウザだけではじめるRubyゲームプログラミング環境「rbCanvas」の紹介(DXRubyスタイル) - Qiita ) 概要 この記事は中学高校生向けプログラミング教室の教材として作ったものを一部改変したものです。 ブラウザだけでRubyのゲームプログラミングが始められるNyle-canvasを使って「ブロック崩し」ゲームを作っていきます。 0から少しずつ「ブロック崩し」を作っていきます。Rubyだと完成しても100数十行で「ブロック崩し」ができてしまいます。 技術解説 使用ライブラリ Nyle-canvas(DXRubyスタイル) ブラウザ上で動くRubyエディタ・実行環境一体型の統合開発環境なので、Rubyのインストールは不要です。 Nyle-canvas(DXRubyスタ
![ブラウザだけでRubyプログラミング: 1ステップずつ作っていく「ブロック崩し」(Nyle-canvas編) - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/efe80b937785297b3a7cec31ffce0f83e2c4d686/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgzJTk2JUUzJTgzJUE5JUUzJTgyJUE2JUUzJTgyJUI2JUUzJTgxJUEwJUUzJTgxJTkxJUUzJTgxJUE3UnVieSVFMyU4MyU5NyVFMyU4MyVBRCVFMyU4MiVCMCVFMyU4MyVBOSVFMyU4MyU5RiVFMyU4MyVCMyVFMyU4MiVCMCVFRiVCQyU5QSUyMDElRTMlODIlQjklRTMlODMlODYlRTMlODMlODMlRTMlODMlOTclRTMlODElOUElRTMlODElQTQlRTQlQkQlOUMlRTMlODElQTMlRTMlODElQTYlRTMlODElODQlRTMlODElOEYlRTMlODAlOEMlRTMlODMlOTYlRTMlODMlQUQlRTMlODMlODMlRTMlODIlQUYlRTUlQjQlQTklRTMlODElOTclRTMlODAlOEQlRUYlQkMlODhOeWxlLWNhbnZhcyVFNyVCNyVBOCVFRiVCQyU4OSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9ZWFlMmQ0OTQ1MDMyYzdhMDJlYzg2YjVmMDg5OTlhNjA%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBub2Fub2EwNyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NTJkYjk0M2IzM2M3YjY4MmU0MTgzOWFkNTlhMzI0MTk%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D690d039e6012c68cfc60f85d722afce4)