HTML5対応統合開発ツール SmileBoom Petit Developer

お知らせ

販売を終了しました

*製品に関するお問い合わせは、コチラにお願いします。

モダンブラウザに適した環境を問わないHTML5対応

 Petit Developerで構築されるアプリケーションはHTML5形式で、現在の主要Webブラウザの多くが対応しています。
 このためPC、スマートフォン、タブレット等のプラットフォームやOSの種別、Flash等プラグインの対応に依存せず、単純かつ集中した開発環境が得られます。
 Petit Developerから出力されたWebアプリケーションをサーバ上にアップロードすれば、単一のアプリケーションとして機能するのみならず、ブログ記事中に配置したり別ウィンドウで呼び出すことも可能になります。(*)

*レンタルサーバやブログサービスによって、JavaScriptの動作やインラインフレームによる埋め込み、新規ウィンドウの表示等が制限されている場合があります。


作ったアプリケーションはWebページやブログに配置も可能

Webページ上での動作例(実際にタッチ / カーソル+Zキーで動作します)

Webページ上での動作例(実際にタッチ / クリックで動作します)

推奨動作環境

豊富なサンプルで理解するPetit Developer

 Petit Developerには豊富なサンプルが付属しています。
 これらをベースに改造して、オリジナルのデザインやルールに改変・追加することができます。
 またツールのシステムやコーディングの実装を理解する補助にもなるでしょう。
 サンプルはゲーム以外にもビジネス向けのアプリケーションや、学習教材となるデモ、ラーニング素材も含まれます。

サンプル「game」

昔ながらの定番ゲームからソーシャルゲームのようなタッチパネルに特化したゲームまでブラウザ上で楽しむことができるゲームのサンプルです。
ゲームを作る上で必要なすべてのプログラムとリソースが含まれているため、サンプルを改造して新しいルールや画像を追加して楽しむこともできます。

プチバスケット

1ボタンだけを使ったシンプルなゲームの制御構造のサンプル

  • 960×480px / 20fps
ブロック崩し

画像ファイルに依存しない表示方法のサンプル

  • 720×1280px / 30fps
チェッカー

シンプルなボードゲームの制御構造のサンプル

  • 1280×720px / 30fps
ゴーストハンター

もぐらたたき型タッチアクションの制御構造のサンプル

  • 640×960px / 30fps
ジャンプアクション

物理演算を使った動作のサンプル

  • 1280×720px / 60fps
じゃんけん

カード形式によるジャンケン構造のサンプル

  • 640×960px / 30fps
マインスイーパ

マインスイーパの制御構造のサンプル

  • 1280×720px / 30fps
プッシュパズル

タイル単位の移動制御のサンプル

  • 1024×768px / 30fps
リバーシ

ボードゲームの思考処理のサンプル

  • 1280×720px / 30fps
玉転がし

傾きセンサーを使った操作のサンプル
(傾きセンサー機能のある端末に限ります)

  • 720×1280px / 30fps
シューティングV

弾幕系シューティングの制御構造のサンプル

  • 1024×1024px / 60fps
撃破スカル

物理演算の基礎のサンプル

  • 640×960px / 30fps

サンプル「business」

身近な所で使われている機器上のユーザーインターフェースや、地域連動型のガイドなど、ビジネス用途を想定したひな型となるサンプルです。
ビジネス用途ではエクスポート機能を使い、遠隔地の発注者と意見を交換しながら随時リソースや配置を変更する等の利用法も考えられます。

Movie再生

動画再生の基本構造のサンプル

  • 960×640px / 30fps

サンプル「technical」

基本的な内蔵機能の扱い方を学習するためのサンプルや、PetitDeveloperと他のライブラリを連携させるサンプルです。

Box2Dデモ

Box2Dwebを使った演算のサンプル

  • 640×960px / 30fps
ハローワールド

単純なJavaScriptの利用のサンプル

  • 640×960px / 30fps
センサー

センサー機器からの数値取得のサンプル

  • 640×960px / 30fps

サンプル「learning」

プログラムの学習教材としてPetitDeveloperを使う方法のサンプルです。
課題用のプレーンな状態のサンプルと、処理を組み込んだ後のサンプルの比較から、アプリケーションの変化を実習します。

練習:ゴースト

シンプルなモグラ叩きゲームのひな型

  • 640×960px / 30fps
結果:ゴースト

ひな型に単純な動きを追加した結果のサンプル

  • 640×960px / 30fps
動くマインスイーパ

マインスイーパに「爆弾が移動する」処理を追加したサンプル

  • 1280×720px / 30fps

 サンプルはここに掲載された以外にも、さらに継続して追加される予定です。