200行で作る、enchant.jsを使った簡単ぷよぷよプログラミング - あのねノート。
2013-08-24 200行で作る、enchant.jsを使った簡単ぷよぷよプログラミング やり方 はじめに この前enchant.jsでぷよぷよ by おっ立ち野郎を作って公開しました。 enchant.jsで作ったHTML5+JavaScriptな「ぷよぷよ」を公開しました これを知り合いR君に紹介したところ、嬉しい事に「僕もぷよぷよ作りたい！」といってもらえました。それでぷよぷよの解説サイトをネットで見つけて紹介しようと思いました。 しかし、テトリスの解説サイトは山ほどあるのに、ぷよぷよプログラミングの解説サイトが全然ありませんでした。特に完成まで解説しているサイトは見つけられませんでした。テトリスはあるのに。 ということで、今回ぷよぷよプログラミングの完成までの解説を書いてみました。これはenchant.jsの基礎をひと通り勉強された方におすすめです。クマをちょこちょこ動かすだけ
ソースコードに隠された謎を説きながら冒険を進めろ! ゲームでプログラミングを学べるhackforplay / shi3z:電脳ヒッチハイクガイド:電脳空間カウボーイズZZ(電脳空間カウボーイズ) - ニコニコチャンネル:生活
ダンジョンに潜る・・・チッ、ドラゴンだ。 こいつのファイアーブレス(火焔の息吹)が邪魔で先に進めない。 魔法を使うしかないようだ。 ハッカーだけに許された魔法を・・・ ソースコードを開き、該当する部分を書き換える。 さあて、ドラゴンのブレスはどうやってとめるのかな・・・ ここか・・・・ まったく、凄いゲームが現れた。 hackforplayがそれだ。 どういういきさつで産まれたかはわからないが、enchant.jsを使っていることは確かだ。 このゲームでは、最初から意図的にバグやソースコード上の罠が仕込まれている。 ゲームを進めるためには、バグを少しずつ修正しながら前に進むしかない。 このバグが、またうまくできていて、丁寧にバグをとっていく過程でプログラミングの基礎的なことが自然に学べるようになっているのだ。 この教材を作ったのはDaiki Teramotoさん。 たぶん面識はないが、こん
【enchant.js】code.9leapすごい親切！！（チュートリアル編）～JavaScript初心者がenchant.jsを使ってゲームを作りたい話 - がちゃまにあ日報
朝からセミさん全力すぎ。 鳴き声で起こされたがちゃまにあですどーもおはようございます。 昨日から始めたencant.js。 【enchant.js】JavaScript初心者がenchant.jsを使ってゲームを作りたい話(始動編) - がちゃまにあ日報 ちょっとだけいじってみましたよー。 code.9leapというサイトが死ぬほど便利で感動！！ そこでチュートリアルをやってみました。 ローカルでやろうと思ってたけど JavaScriptでも何でもそうだと思うんだけど、コード書くのはテキストエディタあればいいけど、それを動かして試す環境もいるんですよね。 色々調べてまずは自前で環境設定*1したんですが、ブラウザに上手く反映されない。 【JavaScript】ぎゃぁぁぁできた！(*ﾟ∀ﾟ*) ページ上部に戻るボタン(解決・設置編) - がちゃまにあ日報 このボタンを作るのにJS binという
書籍転載：JavaScriptライブラリ実践活用［厳選111］
本コーナーは、技術評論社発行の書籍『JavaScriptライブラリ実践活用［厳選111］』の中から、特にBuild Insiderの読者に有用だと考えられる項目を編集部が選び、同社の許可を得て転載したものです。 『JavaScriptライブラリ実践活用［厳選111］』の詳細や購入は技術評論社のサイトをご覧ください。 本書は、数あるJavaScriptのライブラリやjQueryプラグインから厳選したものを、その特徴からサンプルソースを付けた使用例まで111個を紹介します。取り上げるライブラリはそれぞれ「UI（ユーザインタフェース）編」「スマートフォン編」「フレームワーク編」「テスト編」「小ネタ編」に分けられており、デザイナも含むWebデベロッパー必携のライブラリ便覧です。 Part1 イントロダクション はじめに～本書を活用するために HTML5の基本 jQueryの基本 Part2 UI編
スマホでも動く無限横スクロールアクションのブラウザゲームを作る
スマホでも動く無限横スクロールアクションのブラウザゲームを作る：enchant.jsでHTML5＋JavaScriptゲーム開発入門（終）（1/5 ページ） 大人気のHTML5＋JavaScriptベースのゲームエンジン「enchant.js」を使ってゲームアプリを作る方法を解説していく連載。最終回は、総集編として、無限に横スクロールするアクションゲームを、10ステップで作りましょう。キモは当たり判定です。
enchant.jsでスマホゲーム製作の際に気を付ける点 | 株式会社フリーメーク
会社という「体」は色々な要素で構成されています。 「顔」であるホームページ作成、「手足」となるスタッフを効率良く動かすための「神経信号」となる「共有ツール」、「エネルギー」である資金を管理するための「会計ツール」etc... そんな「体をメンテナンス」についてお手伝いをするのが、私たちの務めです。 HTML5でのゲーム開発案件が出た際に、事前調査で下調べした内容を公開致します！ ＜開発環境の構築＞ 1.公式サイト（http://enchantjs.com/）で「Download」ボタンをクリックする。 2.「Download latest version of enchant.js」ボタンをクリックする。 3.ダイアログが表示されるので「保存」ボタンを選択する。 4.数秒でダウンロード完了。保存したフォルダを解凍し、任意の場所に配置する。 ＜新しいゲームを作る準備＞ ゲームをつくるとき
enchant.jsをTitanium Mobileで動かしてみる その1 - もやもやエンジニア
そろそろ2個目のアプリを作ってみるかということで、Titanium Mobileでenchant.jsを動かしてゲーム的な何かを作ってみようと思います。 enchant.jsとは！ http://enchantjs.com/ja/ ユビキタスエンターテインメントが開発・運営しているフレームワークで、HTML5とJavascriptで簡単にゲームが作れるというものです。 サンプル的にはこんな感じ。jsdoitでオンラインコーディングできます。 実際に作られたゲームはこちらのサイトで公開されてます。 http://9leap.net 余談ですが、このenchant.jsの開発者の清水さんはenchant.jsは単なるゲーム開発のためのツールではなく、目的は「誰もがプログラミングを習得できるようにすることにある」と言っていて凄い応援したくなります。開発のハードルが下がることでいろいろな人がモノづ
enchant.jsでつくる“シロートが3時間でゲームをつくる”作り方 - 週刊アスキー
JavaScriptで書かれたソースコードはたったの75行 window.onload = function() { game = new Game(320, 320); game.fps = 24; game.life = 3; game.time = 60; game.score = 000; var label; game.preload(['http://jsrun.it/assets/k/r/t/X/krtXz.gif','http://jsrun.it/assets/v/1/a/l/v1alF.gif','http://jsrun.it/assets/e/B/C/G/eBCGr.gif']); game.onload = function() { bear = new Sprite(32, 32)
JavaScript製とは思えないゲームをenchant.jsで簡単に作るには
JavaScript製とは思えないゲームをenchant.jsで簡単に作るには：enchant.jsでHTML5＋JavaScriptゲーム開発入門（4）（1/3 ページ） 大人気のHTML5＋JavaScriptベースのゲームエンジン「enchant.js」を使ってゲームアプリを作る方法を解説していく連載。今回は、手軽にアニメーションを作れるtl.enchant.jsの使い方や、スマホ向けアニメーションのチューニングポイント6つを解説する。 これが、JavaScriptのゲーム…… だと……？ 前回の「enchant.jsで重要なスプライトとシーンを使うには」では、ゲームの流れとなる部分を駆け足で解説いたしました。 今回は、よりゲームをリッチに見せる、複雑なアニメーションの作り方を理解していきましょう。この機能を使うと、こんなもの（サンプル）を簡単に作ることができます。ぜひ「JavaSc
nico0927.net
nico0927.net 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
enchant.jsで重要なスプライトとシーンを使うには
enchant.jsで重要なスプライトとシーンを使うには：enchant.jsでHTML5＋JavaScriptゲーム開発入門（3）（1/4 ページ） 大人気のHTML5＋JavaScriptベースのゲームエンジン「enchant.js」を使ってゲームアプリを作る方法を解説していく。今回は、スプライトの3つの基本操作、スプライトシート、シーンの扱い方を解説。最後に「もぐらたたきゲーム」を作ってみよう
enchant.jsでスマホ向けゲームを作り始めるための基礎知識
enchant.jsでスマホ向けゲームを作り始めるための基礎知識：enchant.jsでHTML5＋JavaScriptゲーム開発入門（2）（1/4 ページ） 大人気のHTML5＋JavaScriptベースのゲームエンジン「enchant.js」を使ってゲームアプリを作る方法を解説していく。今回は、enchant.jsでゲームを作るための準備の仕方や、サンプルアプリのソースコードを実例に基礎文法などを紹介
enchant.jsでゲームを作る7つの利点と5つの注意点
enchant.jsとは―― 2Dゲームに特化したHTML5＋JavaScriptライブラリ 「enchant.js」とは、ユビキタスエンターテインメント（UEI）が2011年4月にリリースした、HTML5＋JavaScriptベースのゲームエンジンです。enchant.jsはオープンソースでGitHubでソースコードを公開しています。ライセンスは、MITライセンス／GPL2のデュアルライセンスです。もともとはプログラミング学習を目的として開発されましたが、現在では世界中で多く利用されているHTML5向けゲームエンジンとなりました（2012年6月UEI調べ）。 実際に活用された事例としては、サントリータウンの会員コンテンツであるFlashミニゲームが、enchant.jsを用いてHTML＋JavaScriptに組み直されました。これはiPhoneなどのFlash非対応端末からでも楽しめるよ
enchant.js – HTML5+JSのゲーム事例と使い方 – – T2
読了: 約 3 分 前回HTML5＋CSS3＋JavaScriptを使用したゲームを開発するための記事を書きましたが、今回はenchant.jsについて調べましたので、書きます。 enchant.jsについて 下記にenchant.jsの日本の本サイトらしきものがあります。 enchant.js enchant.js は HTML5 + JavaScript ベースのゲームエンジンです。わずか30KBのソースコードで、PC, Mac, iPhone, iPad, Android すべてで動作する クロスプラットフォームなアプリケーションを開発可能なスタンドアロンライブラリです。 引用：上記サイト ダウンロード github.com ここからデモがダウンロードできます。 【参考記事】 ゲームが簡単に作れるスクリプトenchant.js リファレンス リファレンス サポートデバイス IE 9.
enchant.js使い方辞典 (v0.4.3)
このページはenchant.jsの用例/サンプルを扱っています。ここではenchant.js ver 0.4.3を使用しています。 ＊勉強用に作成したページなので間違いや勘違いがあるかもしれません。これはまずい／間違っているというサンプルがありましたらopenspc@alpha.ocn.ne.jpまでメールをください。 ちなみにHTML5 (Canvas)を使ったゲームのプログラムについて解説付きで読んでみたい人は拙著「10日でおぼえるHTML5入門教室」の10章およびダウンロードファイル内の補習講義にて以下のゲームプログラムの解説と実際のコードが入っていますので参考にしてみてください。 ※収録されているもの スカッシュ、ブロック崩し、侵略イカゲーム（インベーダーゲームのようなもの）、集金ゲーム（パックマンのようなドットイートタイプ）、レーダー表示タイプのゲーム（ラリーXやボスコニアンのよ
2000万通りのキャラ画像が簡単に作れる!! avatar.enchant.js を使ってサンプルとゲームを作ってみた. | TM Life
先日, 公開された avatar.enchant.js を使って早速ゲームを作ってみました. そもそも enchant.js って何？って方はこちらをどうぞ. 使い方とかざっくりまとめてあります. 簡単に言うと JavaScript で作られたゲームエンジンです. avatar.enchant.js で定義されている Avatar, AvatarMonster, AvatarBG クラスそれぞれの使い方とサンプル, そして, 作ったゲームのコードや解説も載っけているのでよかったら参考にしてください. Demo Download GitHub About avatar.enchant.js とは enchant.js 上で動くプラグインで, 服装や武器から髪型, 髪の色まで色々と組み合わせて使うことができるので 2000万通り以上のキャラ画像を簡単に生成してゲームに使うことができます. しか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
私がenchant.jsではなくtmlib.jsでゲームを作る5つの理由
enchant.jsメモ
IDEA * IDEA
enchant.jsでスマホ向けゲームを作り始めるための基礎知識 (1/4)：enchant.jsでHTML5＋JavaScriptゲーム開発入門（2） - ＠IT