ubiquitous entertainment inc.expo.nikkeibp.co.jp/sma/2011winter/fjqfax7q/pdf/a8.pdfenchant proとは...

Ubiquitous Entertainment Inc.

2003年創業資本金:2億9000万円資本準備金(2億7300万円)従業員:100人(正社員70人+学生30人)

Solution Contents Researchソリューションビジネス部コンテンツビジネス部秋葉原リサーチセンター

研究開発部

取締役会

社長

組織図

コンテンツビジネス部実績

GREEで提供


モバゲータウンで大人気配信中

UEIのスマートフォン&タブレットへの取組み

Keyword

ソリューション

コンテンツ&

ソリューションビジネス事例

フィーチャーフォン/スマートフォンに対応したマルチパーパスコンテンツ管理システム ZEKE CMS


iPhoneによるARカーシェアリング(ORIX様)


みずほ銀行様　ARによるATM・店舗検索システム


モンブラン社公認のiPhone向け万年筆アプリ

2007年頃からマルチタッチUIを研究

3Dインターネットブラウズ環境の実験

MCS Elements 2010Media & Contents Survey

1万円の高額アプリながらトップセールスを連続記録

ZeptoPad Folio

��

��

��

��

ARCが運営する技術情報ブログ海外の研究者など

他のメディアでは扱わない独自の情報を発信

Ubiquitous Entertainment Inc.Makoto Kondo

自己紹介• 近藤誠

• 株式会社ユビキタスエンターテインメント

ARC所属研究員

• モバイルアプリプログラマー

総数450本以上!

Powered By ...

なぜか？

HTML5のメリット• iPhone, Android, PC, Macなどの様々な環境で動作

• 端末特有の専門知識は不要

• HTMLやCSS、javascriptを使って手軽に記述できる

HTML5のデメリット• 写真の撮影ができない

• カメラギャラリーのアクセスができない

• 安定した音の再生ができない

• 3Dポリゴンの描画ができない

• バーコード読み込みができない

• AR機能ができない

• 電子コンパスのアクセスができない（一部可）

• アプリストアに置けない

vs• Android/iPhone/PC/Mac全てで動く

• HTMLやCSS, javascriptを使って手軽に書ける

• 端末特有の専門知識が不要

• 3Dやカメラなど、デバイス特有の機能を使いこなせる

• アプリストアにて販売が可能

• ネイティブにより近いため、高速な動作が可能

• 端末にアプリとして並べられる








Device API, WebGLで対応予定であるが、現在は非対応








Device API, WebGLで対応予定であるが、現在は非対応

WebViewを利用すればなんとか作れるが、専門知識が必要

まだまだHTML5だけでは足りない！

そこで

enchant PROとは

• HTML5だけでは実現不可能な要素を補うためのミドルウェア

• カメラやAR機能、3D

描画などのサポートをenchant.jsに追加する

HTML5アプリの構成

ネイティブ環境

enchant.js / HTML5

ブラウザ

enchant PROの構成


enchant.js / HTML5

enchant PROWebKit



enchant.js / HTML5

enchant PROWebKitネイティブにアクセ

スし、デバイスの機能を制御



enchant.js / HTML5

enchant PROWebKitネイティブにアクセ

スし、デバイスの機能を制御

WebKit経由でAPIをHTML5側に提供

enchant PROの特徴• enchant.jsの流儀に沿って、カメラや3D

レンダリングエンジンなどを制御できる

• Koozyt社のKARTテクノロジーを採用し、ARマーカーの認識も可能

• 現在 AndroidとiOSに対応

機能一覧• カメラプレビュー表示

• 写真撮影

• 音の再生

• 方位センサー

• ジャイロセンサー

• 3D描画機能

• 3Dモデル読み込み

• QRコード認識

• ARマーカー認識

カメラプレビュー

• カメラプレビューを画面に表示する機能

• カメラ画像の上にHTML要素を重ねることも可能


• iPhoneでは約40行

• Androidでは50行程度


1:var camera = new Camera();2:camera.startPreview(3: function(){4: console.log(‘start’);5:});

ソースコード例


1:var camera = new Camera();2:camera.startPreview(3: function(){4: console.log(‘start’);5:});


わずか5行！

3D描画

• javascriptから3Dモデルの表示が可能

• enchant.jsと同じように手軽に利用できる

3D描画

• AndroidやiPhoneでは、通常OpenGLを用いるため、専門の知識が必要となってくる

3D描画

1:var sprite = new Sprite3D();2:var scene = new Scene3D();3:sprite.rotationX=45;4:sprite.rotationZ=30;5:scene.addChild(sprite);


わずか5行！

AR機能

• Koozyt社のKARTエンジンを採用

• リアルタイムにマーカー認識が可能

AR機能

1:var camera = new Camera(); 2:var sprite = new Sprite3D(); 3:var scene = new Scene3D(); 4:scene.addChild(sprite); 5:camera.addEventListener(‘detect’, 6: function(e){ 7: sprite.matrix = 8: e.data[0][‘afTransform’]; 9:});10:camera.startPreview(function(){11: camera.startARMarkerDetection();12:});


ARゲーム• マーカーからハートや星が飛び出してくるのを、タッチで消していくゲーム

• enchant PROを用いて製作

• ソースはぴったり100行

enchant PROの利点• 今までHTML5だけでは出来なかったことが実現できる

• 短いコードでARなどの複雑な機能を利用できる

• アプリを作るミドルウェアであるため、成果物はアプリストアで配信可能

成果物の構成

WebKit enchant PRO

enchant.js / HTML5

apk / appファイル

成果物の構成

WebKit enchant PRO

enchant.js / HTML5

apk / appファイルアプリストアで配信可能

ライセンス形態

•enchant PRO for

• enchant PRO for business

enchant PRO for 9leap• 現在Android Marketで9leapアプリとして配布中

enchant PRO for 9leap• 9leapに投稿する限りは無償で利用可能

enchant PRO for business

• 法人向けライセンス（１アプリごと)

• Android 50,000円

• iPhone 50,000円

• KARTエクステンション(AR機能)

• Android 500,000円 (ARマーカー4つ)

• iPhone 500,000円 (ARマーカー4つ)

• Android/iPhone 800,000円 (ARマーカー8つ)

• 追加ARマーカー (お問い合わせください)

開発状況

• Android版 / iPhoneβ版が完成

• 3D, AR, サウンド, 各種センサー, バーコード読み込みに対応

• Colladaモデルローダー

今後の展望

• 3D機能のWebGL対応

• NFCやバイブレータなど未対応のハードウェアへの対応

• 既存のenchant.jsへのハードウェアアクセラレーションなど

m i c r o Z E K EAndroid向けホームアプリ開発ミドルウェア

docomo Palette UI に採用

microZEKE

powered by

Webベースの高機能CMS iPhone/Android両対応のアプリHTML5対応サイト

powered by

Webベースの高機能CMS iPhone/Android両対応のアプリHTML5対応サイト

スマホ対応のアプリとサイト両方作れるソリューションenchant PROもセットで入ってくるよ!

Ubiquitous Entertainment Inc.

ubiquitous entertainment inc.expo.nikkeibp.co.jp/sma/2011winter/fjqfax7q/pdf/a8.pdfenchant proとは...

Documents