Tag: enchant.js

enchant.js でプログラム体験


はじめに

プログラム学習では、パソコンと繋いで動くようなロボットなどの教材を使ったり。プログラミングそのものは文字が主体に記述するのではなく、マウスでパズルのような感じで作成するような言語を使ったりと工夫されているようです。

少し最初は違和感があるかもしれませんが、以前からあるテキストエディタという文字だけを入力するワープロのシンプルなソフトを利用し、プログラム言語を使ってプログラムを記述していく方法も大変重要だと考えられます。プログラムの実行結果として分かりやすいという事が実現できれば、難しいながらも興味をもってプログラミングに取り組む事が出来ると考えられます。また、慣れる事でプログラムに記載されている事を把握しやすいのですが、それはプログラム自体を上から順に文字で書かれた内容を追っていくだけで済むからだと思われます。

WEBの情報などを参考にしながら、JavaScriptという言語で簡単なプログラミングを体験してみたいと思います。実行結果が目でみて分かりやすいという事などからゲームプログラムに便利な機能が追加できる「enchant.js」を利用して、サンプルなどを動かし、変更しながら進めていきたいと思います。

・・・2022年9月「enchant.js」時点では、以前に使い方をわかりやすく紹介したWEBサイトは閉じられ、新しい情報を見つけることが難しくなりました。ゲーム用ではありませんが「p5.js」とそのライブラリ「p5.play.js」の組み合わせでのプログラミングに挑戦してみようと思います。


enchant.jsのファイル元


必要なもの

  • OS(オペレーティングシステム)：LinuxやWindows。私はUbuntu18.04を利用しています。
  • ブラウザ：インターネット閲覧ソフト、今回はGoogle Chromeを想定しています。
  • テキストエディタ：Windowsならフリーソフトのサクラエディタ。私はUbuntuでGeanyを利用しています。


リンク

  • ざっとみて参考になりそうなリンクをピックアップしてみます。情報まとめて下さって、ありがとうございます。(2020-01-22)

初心者のためのenchant.jsゲームプログラミング入門
https://www.tuyano.com/index2?id=987003

「enchant.js」でゲームを作ろう！　HTML5とJavaScriptによるアクションゲーム制作入門
https://www.4gamer.net/games/032/G003263/20110428001/

enchant.jsのサンプルコードを解読する（RPG編その1）
https://www.ideaxidea.com/archives/2011/04/enchant_rgb_undocumented.html

wise9 - JSで驚くほど簡単にアニメーションが扱える! tl.enchant.jsの使い方を先輩に説明してみる
http://wise9.jp/archives/7418

enchant.js使い方辞典
enchant.js+CSS3フィルタでゲームを作る
http://www.openspc2.org/reibun/enchant.js/v0.4.3/study/0001/index.html

enchant.js を使ってたった50行でゲームを作ってみた | TM Life
http://tmlife.net/programming/javascript/enchantjs-50-line-game.html

初めてのenchant.js 004画像の表示[JavaScript] | yama-log
https://info.yama-lab.com/%E5%88%9D%E3%82%81%E3%81%A6%E3%81%AEenchant-js-004%E7%94%BB%E5%83%8F%E3%81%AE%E8%A1%A8%E7%A4%BAjavascript/

enchant.js クリックするとスプライトがフェードアウト · GitHub
https://gist.github.com/wataruru35/5023365

enchant.jsを使ってバカゲーを作ってみた - へっぽこ社会人1年生がプログラミングをかじる
https://sierra-kilo.hatenablog.jp/entry/2017/12/30/225910

enchant.jsを使ってみた | KnockKnock
https://www.knockknock.jp/archives/367

コミュニケーションエイド　エンチャント文字盤　enchant.js ことはじめ
http://www.toyama-reha.or.jp/techno/engineering/enchant/enchant1.html

enchant.js初心者講座 | ウェブゲームセンターコスモ
https://wgc-cosmo.com/category/enchantjs-beginner/

enchant.js | 株式会社インフィニットループ技術ブログ
https://www.infiniteloop.co.jp/blog/tag/enchant-js/


書籍 - Amazonより

  • 「はじめて学ぶ enchant.jsゲーム開発」だけ購入しています。改訂版が出たようですが、取り敢えず基本はこの１冊で十分のように思われます。

はじめて学ぶ enchant.jsゲーム開発 単行本（ソフトカバー） – 2013/1/19
蒲生 睦男 (著)
https://www.amazon.co.jp/dp/4863541201/officeishimar-22

改訂2版 はじめて学ぶ enchant.jsゲーム開発 (日本語) 単行本（ソフトカバー） – 2018/2/23
蒲生 睦男 (著)
https://www.amazon.co.jp/dp/4863542399/officeishimar-22


ミニ講座


つづく・・・