ハウツー動画eduTOP > PC・インターネット > enchant.js

-スポンサード リンク-

enchant.js一覧

全16件中 1〜20件表示  << 最初  < 前へ  1  次へ >  最後 >> 

  • クマを捕まえるミニゲームを作る 04 :制限時間を設定する

    enchant.jsを使って、制限時間内にたくさんのクマを捕まえるミニゲームを作成していきます。ここでは、作成したゲームに制限時間を設け、ゲームオーバー処理を追加して作ってみます。
    ・残り時間の設定
    ・残り時間の処理
    ・残り時間の表示
    ・ゲームオーバー処理

    タグ:

    クマを捕まえるミニゲームを作る 04 :制限時間を設定する
  • クマを捕まえるミニゲームを作る 03 :スコア管理する

    enchant.jsを使って、制限時間内にたくさんのクマを捕まえるミニゲームを作成していきます。ここでは、クマをタッチした時のイベントを設定して、スコア管理をします。
    ・タッチイベントの設定
    ・スコアの管理
    ・スコアの表示

    タグ:

    クマを捕まえるミニゲームを作る 03 :スコア管理する
  • クマを捕まえるミニゲームを作る 02 :クマを表示させる

    enchant.jsを使って、制限時間内にたくさんのクマを捕まえるミニゲームを作成していきます。ここではゲームの設定をした後で、クマをランダムな位置に表示させます。
    ・Coreの設定
    ・クマの表示
    ・乱数生成のための関数作成

    タグ:

    クマを捕まえるミニゲームを作る 02 :クマを表示させる
  • クマを捕まえるミニゲームを作る 01 :必要な知識やツール、ファイル

    enchant.jsを使って、制限時間内にたくさんのクマを捕まえるミニゲームを作成していきます。最初に完成版を確認し、ここで必要な知識やツールについて説明します。またゲーム作成に必要なファイルを作成していきます。
    ・完成版の確認
    ・必要となる知識
    ・必要となるツール
    ・ファイルの作成

    タグ:

    クマを捕まえるミニゲームを作る 01 :必要な知識やツール、ファイル
  • enchant.js入門 12 :Timelineの使用方法

    enchant.jsでアニメーションに特化したクラスであるTimelineを使用する方法を動画で解説します。
    ・tl.moveBy()
    ・enchant.Easing
    ・tl.fadeIn() / tl.fadeOut(), tl.loop()

    enchant.jsとは、簡単にゲームやアプリを開発することのできるHTML5 + JavaScriptフレームワークで、2011年に公開され、すでに 1,000本以上のゲーム/アプリが公開されています。オープンソース (MITライセンス) で、無料で利用でき、ドキュメント・書籍・チュートリアルサイトが充実しています。また数多くのプラグインで機能を拡張できることも特徴です。

    タグ:アニメーション クラス Timeline

    enchant.js入門 12 :Timelineの使用方法
  • enchant.js入門 11 :クマの表示数を増やす

    enchant.jsでクラス・関数を用いて、多くのクマを表示させていきます。
    ・乱数生成の関数を作成
    ・クラスの変更
    ・クマの表示

    enchant.jsとは、簡単にゲームやアプリを開発することのできるHTML5 + JavaScriptフレームワークで、2011年に公開され、すでに 1,000本以上のゲーム/アプリが公開されています。オープンソース (MITライセンス) で、無料で利用でき、ドキュメント・書籍・チュートリアルサイトが充実しています。また数多くのプラグインで機能を拡張できることも特徴です。

    タグ:クラス 関数

    enchant.js入門 11 :クマの表示数を増やす
  • enchant.js入門 10 :クラスの作成・利用方法

    ここでは、Spriteを拡張し、自分でクラスを作成し、利用する方法を説明していきます。
    ・クラスの作成方法
    ・クラスの利用方法

    enchant.jsとは、簡単にゲームやアプリを開発することのできるHTML5 + JavaScriptフレームワークで、2011年に公開され、すでに 1,000本以上のゲーム/アプリが公開されています。オープンソース (MITライセンス) で、無料で利用でき、ドキュメント・書籍・チュートリアルサイトが充実しています。また数多くのプラグインで機能を拡張できることも特徴です。

    タグ:クラス

    enchant.js入門 10 :クラスの作成・利用方法
  • enchant.js入門 09 :ゲームオーバー処理をする

    ゲームの停止方法(ゲームオーバー)、Sceneの作成・追加方法を動画で解説します。
    ・Sceneの作成
    ・Sceneの表示
    ・core.stop()

    enchant.jsとは、簡単にゲームやアプリを開発することのできるHTML5 + JavaScriptフレームワークで、2011年に公開され、すでに 1,000本以上のゲーム/アプリが公開されています。オープンソース (MITライセンス) で、無料で利用でき、ドキュメント・書籍・チュートリアルサイトが充実しています。また数多くのプラグインで機能を拡張できることも特徴です。

    タグ:

    enchant.js入門 09 :ゲームオーバー処理をする
  • enchant.js入門 08 :衝突判定をする

    クマをもう一つ作成し、クマのキャラクター同士の衝突判定を行います。
    ・enemyの作成
    ・intersect
    ・within

    enchant.jsとは、簡単にゲームやアプリを開発することのできるHTML5 + JavaScriptフレームワークで、2011年に公開され、すでに 1,000本以上のゲーム/アプリが公開されています。オープンソース (MITライセンス) で、無料で利用でき、ドキュメント・書籍・チュートリアルサイトが充実しています。また数多くのプラグインで機能を拡張できることも特徴です。

    タグ:

    enchant.js入門 08 :衝突判定をする
  • enchant.js入門 07 :ラベル作成、経過時間の表示

    ラベルを作成し、経過時間を表示します。
    ・ラベルの作成
    ・経過時間の表示

    enchant.jsとは、簡単にゲームやアプリを開発することのできるHTML5 + JavaScriptフレームワークで、2011年に公開され、すでに 1,000本以上のゲーム/アプリが公開されています。オープンソース (MITライセンス) で、無料で利用でき、ドキュメント・書籍・チュートリアルサイトが充実しています。また数多くのプラグインで機能を拡張できることも特徴です。

    タグ:ラベル

    enchant.js入門 07 :ラベル作成、経過時間の表示
  • enchant.js入門 06 :クマを操作して動かす

    次に矢印キーやタッチイベントでクマを動かしていきます。
    ・上左右キーの入力
    ・Spriteのタッチイベント
    ・Coreのタッチイベント

    enchant.jsとは、簡単にゲームやアプリを開発することのできるHTML5 + JavaScriptフレームワークで、2011年に公開され、すでに 1,000本以上のゲーム/アプリが公開されています。オープンソース (MITライセンス) で、無料で利用でき、ドキュメント・書籍・チュートリアルサイトが充実しています。また数多くのプラグインで機能を拡張できることも特徴です。

    タグ:

    enchant.js入門 06 :クマを操作して動かす
  • enchant.js入門 05 :アニメーション作成

    enchant.jsの入門として、Spriteのframeを操作し、アニメーションを作成していきます。
    ・Spriteのframe
    ・core.fps
    ・Spriteのage

    enchant.jsとは、簡単にゲームやアプリを開発することのできるHTML5 + JavaScriptフレームワークで、2011年に公開され、すでに 1,000本以上のゲーム/アプリが公開されています。オープンソース (MITライセンス) で、無料で利用でき、ドキュメント・書籍・チュートリアルサイトが充実しています。また数多くのプラグインで機能を拡張できることも特徴です。

    タグ:アニメーション

    enchant.js入門 05 :アニメーション作成
  • enchant.js入門 04 :クマを移動・回転・拡大させる

    enchant.jsの入門として、次にenterframeイベントを用いて、表示させたクマを移動・回転・拡大させたりしてみます。
    ・enterframeイベント
    ・移動
    ・回転(rotate)
    ・拡大(scale)

    enchant.jsとは、簡単にゲームやアプリを開発することのできるHTML5 + JavaScriptフレームワークで、2011年に公開され、すでに 1,000本以上のゲーム/アプリが公開されています。オープンソース (MITライセンス) で、無料で利用でき、ドキュメント・書籍・チュートリアルサイトが充実しています。また数多くのプラグインで機能を拡張できることも特徴です。

    タグ:

    enchant.js入門 04 :クマを移動・回転・拡大させる
  • enchant.js入門 03 :クマを表示する

    enchant.jsの入門として、Core、rootScene、Spriteの説明と設定方法を説明し、まずはクマの画像を表示します。
    ・Core、rootScene、Sprite
    ・Coreの設定
    ・bearの設定
    ・bearの設置
    ・動作確認

    enchant.jsとは、簡単にゲームやアプリを開発することのできるHTML5 + JavaScriptフレームワークで、2011年に公開され、すでに 1,000本以上のゲーム/アプリが公開されています。オープンソース (MITライセンス) で、無料で利用でき、ドキュメント・書籍・チュートリアルサイトが充実しています。また数多くのプラグインで機能を拡張できることも特徴です。

    タグ:

    enchant.js入門 03 :クマを表示する
  • enchant.js入門 02 :開発の準備をする

    enchant.jsの入門として、enchant.jsの最新版をダウンロードし、そこから必要なファイルを取り出し、開発の準備をします。
    ・必要なファイルの準備
    ・main.jsの作成
    ・動作確認

    enchant.jsとは、簡単にゲームやアプリを開発することのできるHTML5 + JavaScriptフレームワークで、2011年に公開され、すでに 1,000本以上のゲーム/アプリが公開されています。オープンソース (MITライセンス) で、無料で利用でき、ドキュメント・書籍・チュートリアルサイトが充実しています。また数多くのプラグインで機能を拡張できることも特徴です。

    タグ:

    enchant.js入門 02 :開発の準備をする
  • enchant.js入門 01 :enchant.jsとは?

    enchant.jsの入門として、まずはenchant.jsについて概要や公式サイト、必要な知識やツールを動画で解説していきます。
    ・概要
    ・公式サイト
    ・必要となる知識
    ・必要となるツール

    enchant.jsとは、簡単にゲームやアプリを開発することのできるHTML5 + JavaScriptフレームワークで、2011年に公開され、すでに 1,000本以上のゲーム/アプリが公開されています。オープンソース (MITライセンス) で、無料で利用でき、ドキュメント・書籍・チュートリアルサイトが充実しています。また数多くのプラグインで機能を拡張できることも特徴です。

    タグ:

    enchant.js入門 01 :enchant.jsとは?

全16件中 1〜20件表示  << 最初  < 前へ  1  次へ >  最後 >> 

▲enchant.jsのページ上へ

PC・インターネット
のカテゴリ一覧