enchant.jsで作ったゲームをアプリ化しよう(monaca) - Qiita
enchant.jsで作ったゲームは、ブラウザ上でそのまま動きますが、せっかくならアプリにしたい。 そこで、先日monacaを使ったアプリ化のテストを行ったので備忘録として書いておきます。 主な手順 1.作ったゲームをダウンロード 2.monacaにアップロード 3.monacaデバッガでテスト 4.ビルドしてアプリ化 今回はjsdo.itで作ったブロジェクトをアプリ化する手順を説明します。 1.作ったゲームをダウンロード Downloadボタンをクリックすると、zipファイルでプロジェクト内のファイルがダウンロードされます。 jsdo.itの場合、ダウンロードされるのは、html、js、cssのファイルのみなので、必要な画像ファイルやライブラリファイルは別途準備しておく。 2.monacaにアップロード 1)インポート インポートボタンをクリックし、zipファイルをそのまま指定して新規プ
enchant.js 開発のレシピ
Table of contents 01. 開発環境のレシピ 02. 基本のレシピ 03. EventTarget のレシピ 04. Node, Entity のレシピ 05. Sprite のレシピ 06. Label のレシピ 07. Surface のレシピ 08. Map のレシピ 09. キー入力/タッチ操作のレシピ 10. 当たり判定のレシピ 11. Group のレシピ 12. Sound のレシピ 13. nineleap.enchant.js のレシピ 14. util.enchant.js のレシピ 15. ui.enchant.js のレシピ 16. avatar.enchant.js のレシピ 17. tl.enchant.js のレシピ 18. gl.enchant.js のレシピ 19. その他のレシピ Chapter 01 開発環境のレシピ About 開発環
第三回：やっとゲームが出来た！素人も３週間ほどいじればゲームが出来る。｜ムラサキユウマ｜note
【全部無料で読めます！】 第一回：はじまりから激ショボウェブアプリ開発まで 第二回：「進歩どうですか？」「ちょっと後退しました。」 早いもので５月上旬から始めてもう６月も後半に差し掛かりました。それでは５月末からのJavaScriptの学習状況をお知らせします。この記事を初めてご覧になった人は第一回からのバックナンバーもどうぞ。 さて、JavaScriptの基礎を学び、次はenchant.jsでのゲーム作成といったところで終わったと思いますが、あのエントリーを書いてすぐ、以下の本を買ってきました。 勇者と冒険する ゲームプログラミングの世界: enchant.js+JavaScriptで行こう! これです。以前買った公式ガイド本がちょっとわかりづらかったので更に難易度を下げて本を購入した次第です。 で、この本なんですが、最初のほうがほとんどJavaScriptの説明で、それが内容の半分ほど
enchant.jsでクォータビュー - jsdo.it - Share JavaScript, HTML5 and CSS
箱庭系のゲームを作ってみたいので、 enchant.jsでクォータービューの練習。 マス１つをGroupにして、 キャラクターをそのGroupに追加・削除で奥行きを表現。 あと、ドラッグ（スワイプ）で画面移動。 //マップデータ var map_data = { "data" : [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2, 3, 3, 3, 3, 3, 3, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2, 3, 3, 3, 3, 3, 3, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2, 3, 3, 3, 3, 3, 3, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2, 3, 3, 3, 3, 3, 3, 2, 2, 2, 2, 2, 2,
【enchant.js】ゲームのスコアを表示する(Labelオブジェクト) - がちゃまにあ日報
夏バテな予感。 疲れてタウリン3000配合の栄養ドリンク×2本を摂取しているがちゃまにあですどーもこんばんは。 でもさすがに3000を2本はやりすぎな気がしないでもない。 それはさておき、今日もenchant.jsをいじくっております。 でも今日はほぼ進歩なし(=ω=; ) 脳みその限界を感じますねえほんとに。 今日わかったのは「点数の加算方法」と「点数の表示(即時反映)」です。 スプライトの生成とかに関してもまたちゃんと記事にしようそうしよう。 書かないと覚えないもんなー 「Label」オブジェクトを使うべし！ とりあえず現状のコードを。 enchant(); window.onload = function() { game = new Game(320, 320); game.preload('chara1.png'); game.onload = function() { for(
【enchant.js】code.9leapすごい親切！！（チュートリアル編）～JavaScript初心者がenchant.jsを使ってゲームを作りたい話 - がちゃまにあ日報
朝からセミさん全力すぎ。 鳴き声で起こされたがちゃまにあですどーもおはようございます。 昨日から始めたencant.js。 【enchant.js】JavaScript初心者がenchant.jsを使ってゲームを作りたい話(始動編) - がちゃまにあ日報 ちょっとだけいじってみましたよー。 code.9leapというサイトが死ぬほど便利で感動！！ そこでチュートリアルをやってみました。 ローカルでやろうと思ってたけど JavaScriptでも何でもそうだと思うんだけど、コード書くのはテキストエディタあればいいけど、それを動かして試す環境もいるんですよね。 色々調べてまずは自前で環境設定*1したんですが、ブラウザに上手く反映されない。 【JavaScript】ぎゃぁぁぁできた！(*ﾟ∀ﾟ*) ページ上部に戻るボタン(解決・設置編) - がちゃまにあ日報 このボタンを作るのにJS binという
「enchant.js」でゲームはどれくらい動くのか？ HTML5でゲームベンチマークを取ってみよう
「enchant.js」でゲームはどれくらい動くのか？ HTML5でゲームベンチマークを取ってみよう ライター：Veki 4月28日にenchant.jsを使用したゲーム制作の記事を掲載し，かなり大きな反響をいただきました。今回は，ゲーム制作の話ではありませんが，HTML5とJavaScriptでは，どれくらいのゲームパフォーマンスが期待できるのかというあたりについてまとめてみましたので参考にしてください。 さて，前回作ったサンプルプログラムを，最初にスマートフォンで実行してみたときは，あまりの遅さにちょっと衝撃を受けたのですが，PCでもWebブラウザを変えてみると，かなりばらつきが出ることが分かりました。JavaScriptのベンチマークテストはそれなりに行われているのでしょうが，実際のところ，どれくらい「ゲームに使えるか」という観点からのものは，ほとんどないようです，そこで，前回のゲー
「さようならHTML5」アメリカ人と日本人の標準化に差を感じる【村上福之】 - エンジニアtype | 転職type
日々流れてゆく膨大な情報量の中からおいしいネタを敏感に察知し、ネット界隈を賑わせてくれるWeb業界の異端児・村上福之氏。同氏独自の経験と価値観から、「キャラ立ちエンジニア」の思考回路を紐解いていく。 株式会社クレイジーワークス 代表取締役 総裁 村上福之（@fukuyuki） ケータイを中心としたソリューションとシステム開発会社を運営。歯に衣着せぬ物言いで、インターネットというバーチャル空間で注目を集める。時々、マジなのかネタなのかが紙一重な発言でネットの住民たちを驚かせてくれるプログラマーだ HTML5は巨神兵。「……腐ってやがる。早過ぎたんだ」 今さら、「これからはHTML5だ！」と言っている人はもう、カッコ悪いかもしれません。 「ロングブレスダイエット」全盛の今に、「朝バナナダイエット」の素晴らしさを語るくらいカッコ悪いです。 FacebookのザッカーバーグCEO、「HTML5に賭
enchant.js - A simple JavaScript framework for creating games and apps.
enchant.js is … カンタンにゲームやアプリを開発できる HTML5 + JavaScript フレームワークです。 2011年に公開され、すでに 1,000 本以上のゲーム/アプリが公開されています。 オープンソース (MITライセンス) で、無料で利用できます。 ドキュメント・書籍・チュートリアルサイトが充実しています。 たくさんのプラグインで機能を拡張できます。 UEI/ARC を中心としたメンバによって開発・メンテナンスされています。 プログラミング教育のためにも利用されています。 Features オブジェクト指向: 表示されているものはすべてオブジェクトです。 マルチプラットフォーム: iOS, Android, Mac, Windows のブラウザで動作します。 Windows 8: Windows 8 対応のHTML5アプリケーションを開発できます イベント駆動
enchant.jsでスマホゲーム製作の際に気を付ける点 | 株式会社フリーメーク
会社という「体」は色々な要素で構成されています。 「顔」であるホームページ作成、「手足」となるスタッフを効率良く動かすための「神経信号」となる「共有ツール」、「エネルギー」である資金を管理するための「会計ツール」etc... そんな「体をメンテナンス」についてお手伝いをするのが、私たちの務めです。 HTML5でのゲーム開発案件が出た際に、事前調査で下調べした内容を公開致します！ ＜開発環境の構築＞ 1.公式サイト（http://enchantjs.com/）で「Download」ボタンをクリックする。 2.「Download latest version of enchant.js」ボタンをクリックする。 3.ダイアログが表示されるので「保存」ボタンを選択する。 4.数秒でダウンロード完了。保存したフォルダを解凍し、任意の場所に配置する。 ＜新しいゲームを作る準備＞ ゲームをつくるとき
enchant.js 怒涛の 100 tips | TM Life
※ phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです. enchant.js 怒涛の 100 tips!! ローカル整理してたら昔勉強がてら作った enchant.js のサンプルが大量に出てきたので, 整理するついでに公開しようと思います. 最終的に 100超えちゃったけどw(全部で102個あります) 逆引きてきな感じでまとめてます. 参考になれば幸いです. 全て jsdo.it に移植したので Web上で実行できます!! fork なりダウンロードなりして遊んでくださいな♪♪ Tips Base(基本) 基礎です. enchant.js のテンプレートを用意しよう Entity(エンティティ) 表示物系の基底クラスです. 内部で DOM を持っているので表示は
Let’s start enchant.js | enchant.js - A simple JavaScript framework for creating games and apps.
Index 開発の基本 逆引きリファレンス 注意事項 enchant.js の基本的なテンプレート 基本(描画) Scene を作る/消すには 画像を出すには 文字を出すには 音をならすには 基本(制御) 素材を読み込むには フレーム処理をするには タッチ(クリック)を処理するには マップ マップとは マップを作るには マップ上に障害物があるか判定するには スプライト スプライトを移動するには スプライトを回転/拡大縮小するには スプライトを透明にするには スプライトにCanvasを使うには スプライトで衝突判定を行うには 文字(ラベル) 文字色・フォントを変えるには 文字を移動するには 文字を透明にするには その他 シーンの背景色を変えるには ゲームのfpsを変えるには ゲーム画面の倍率を変えるには ロード時に表示されるシーンを変えるには 素材のプリロードを行うには 開発の基本 ench
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
enchant.js｜人生下方修正 (;- Д-)↓
汝の隣人のブログを愛せよ | LOVELOG
9leap : トップページ - どこでも遊べる、投稿型ゲームサイト