Tag Archives: Adobe MAX 2011

ADC MEETUP ROUND 03 RETWEET: SQUARE-ENIX MEMBERSの次期Flashコンテンツ

先週開催されました、ADC MEETUP ROUND 03 RETWEETでは、今年、アメリカのAdobe MAX 2011で発表されたキーノートの内容、話題になったテーマをFLASHトラックとHTML5トラックに分けて説明されました。

その中、最初の一般セションで紹介された、「SQUARE-ENIX MEMBERSのコードネーム: BARTS」の内容をまとめてみました。

スピーカはコーポレート・エグゼクティブ「橋本 真司」さんとオンライン事業部のディレクター「小林 吉彦」さんでした。

約6年ほど前からサービスしているSQUARE-ENIX MEMBERSは、ゲームを買い上げした人建ちをメインにいろんな会員制サービスを提供してきています。
ここで、会員たちは3Dアバータを生成し、サイト内で遊ぶことができます。
アバータのパーツはすでに1万点以上のパーツが登録されているようです。

この3年間になってからは、3Dアバータを利用して、ゲーム会社らしいサービスを考えてみたようですが、ブラウザ上の制限により、実現できなかったと言いました。

そのような条件の中、Stage3Dが発表され、これを利用して新しいサービスとして適用できるのではないかと思い、今回紹介されたコードネーム BARTS が開発進行中されたと言いました。

下記はそのデモの映像です。

動画の中のデモはブラウザ上でリアルタイムで動作できるFlashゲームで、Wiiソフト Final Fintasy クリスタルクロニクルクリスタルベアラーからモンスター「バハムート」とバトルフィールドマップのモデリングデータをそのまま持ってきて表示したものだと言いました。

ポリゴンの数が約20,000ポリゴンにもかかわらず、フレームレートは30~40フレームで安定されています。
このゲームで登場するキャラは実際にSQUARE-ENIX MEMBERSでサービスしているアバータになるので、自分が好きな服やアイテムを選択してゲームに適用することも可能だと言いました。
それから、ソーシャルゲームなので、友達を読んで一緒にモンスタと戦うこともできます。

最後に、Flashをプラットフォームとして選択した理由は、現在の普及率を考えたら当然なことで、大分の人たちがインストールなしで、ブラウザ上のFlashで遊ぶことができるからと言いました。
実際に、グラフィック性能が向上したことで、従来のコンシューマゲームがソーシャルゲームで遊べることができること、すなわち、新しい遊び方の提供を目的としてプロジェクトを進行していると言いました。

Flashの3DライブラリはAlternativa3Dを利用し、業界で3D制作で有名なclockmakerさんも関わっていると言いました。

2012年の春に公開できるようですので、楽しみですね!

Adobe MAX 2011参加報告

Adobe MAX 2011 参加報告関連の記事が会社ホームページに本日公開されました。

内容は以下の3つに分けて書いています。

  • Adobe Creative Cloud
  • Flash Platformの進化
  • HTML5の受け入れ

記事リンク: Adobe MAX 2011 参加報告

技術関連記事はこのブログを通して、少しつつアップデートしていきたいと思います。

Adobe MAX 2011 Flickr Collection

現在自分で把握しているAdobe MAX 2011関連のFlickr関連リンクをまとめて見ました。

Adobe MAX 2011 KEYNOTE Day1 – MEMO

Adobe TV: http://tv.adobe.com/jp/show/max-2011-keynotes/
Link: Adobe MAX Keynote Announcements – Day1
Link: The introduction of Adobe Touch Apps
* SIRIZ Flickr: Adobe MAX 2011 関連写真
* SIRIZ Flickr: MAX野郎2011 団結式写真

1日目: 創造性の解放 – Adobe Creative Cloud

1日目にはAdobe Creative Cloudについての話でした。
簡単な概要をはじめ、3つのテーマで構成された内容が発表されました。
この記事では、1日目で紹介された内容や事例のURL、画像などを共有したいと思います。

Overview(概要)

3 Themes(3つのテーマ)

  • Creative Services
  • Creative Community
    • Cloud上にアクセスしているユーザがお互いに協力したり情報を共有することができるサービス
    • Service URL: http://creative.adobe.com
    • 自分が作業した様々なファイルタイプのコンテンツがアップできる。
      • カラー情報をKulerサービスを利用してパレット形式に表示ができ、ASE(Adobe Swatch Exchange)ファイルでダウンロードもできる
      • 様々なデバイスの解像度に対応したレイアウト(CSS3 Media Query使用?)
      • .psd(PhotoShop)の場合レイヤー管理が可能
      • .indd(InDesign)の場合はFontsの管理が可能
      • Share Optionsで外部にリンクやコメントを共有することが可能
      • 自分の作業したコンテンツをProfilingしたり、フォローしているユーザの作品をまとめてみたり(Inspiration Gallery)することが可能
        ※By Discipline(ルールにより)、By Tool(ツールにより)、By Color(色により)、By Typeface(フォントにより)絞り込むことが可能

  • Creative Apps
    • Touch Apps Family: Photoshop Touch、Debut、Proto、Collage、Ideas、Kuler
    • IOデバイスの進化: Punchcards ⇒ Terminal ⇒ Mouse ⇒ Touch
      • Adobe Ideas: ペンツール、消しゴムツール、カラーパレットを利用して、Vectorイメージが作成できるツール
        Adobe Ideas
        • レイヤー利用可能
        • カメラーロールや外部のBitmapイメージの読み込みも可能
        • Cloudにアップロードすると、Cloudサービスに接続されているデスクトップにも同期される ⇒ reative Cloudフォルダーに.idea拡張子のファイルが同期され、AIなどのツールで利用可能。
        • Tech specs: System requirements
        • OS: Android 3.1以上、iOS3.1以上
        • Displayサイズ: 8.9-inch以上
        • Display解像度: 1280×800以上
        • お勧めオプション: Camera
      • Adobe Carousel: Adobe Photoshop Lightroomと同じ写真処理技術を利用する、写真ライブラリを管理したり、加工したりできるツール
        • 指定のユーザと写真ライブラリの共有が可能
        • FacebookやTwitter、Thumblrに共有が可能
        • モバイルの場合、カメラロールの利用が可能
        • Tech Specs: System requirements
      • Adobe Collage: 画像に絵を描いたり、テキストを入力したりして、アイディアやコンセプトを管理できるツール
        • Tech Specs: Tablet requirements
        • Displayサイズ: 8.9-inch以上
        • Display解像度: 1280×800px以上
      • Adobe Debut: Adobe Creative Suiteを利用して、より効果的なプレゼンテーションができるようにしてくれるツール
        • Tech Specs: Tablet requirements
        • Displayサイズ: 8.9-inch以上
        • Display解像度: 1280×800px以上
      • Adobe Proto: インタラクティブ的な形で、ウェブサイトやモバイルアプリのワイヤーフレームやプロトタイプが生成できるツール
        • 複数のペーズを生成し、リンクさせることが可能
        • 指定ジェスチャー16種類とツールバーを利用して、HTML5ベースのソースが簡単にできる ⇒ Cloudにアップして、DreamWeaverなどのツールで弄ることが可能
        • Tech Specs: Tablet requirements
        • Displayサイズ: 8.9-inch以上
        • Display解像度: 1280×800px以上
      • Adobe Photoshop® Touch: Photoshopの主な機能をタブレット用に使用できるツール
        • 新規で画像を生成したり、ツールバーやレイヤー、フィルターなどの機能が可能
        • 外部共有機能: Upload to Creative Cloud(Cloudにアップロード)、Save to Camera Roll(カメラロールに保存)、Share to Facebook(Facebookに共有)、Share by E-mail(E-mailにて共有)
        • カメラロールを利用して撮影した写真を利用することが可能
        • Tech Specs: Tablet requirements
        • Displayサイズ: 8.9-inch以上
        • Display解像度: 1280×800px以上

Flash Professional Sneak Peek: A Glimpse at the Future – MEMO

Speaker Information

Agenda and Disclaimer

  • Flash Next Themes(Reuben)
  • New Features
  • Demos
  • Whats Next! Flash NEXT next

Key Features in Flash Professional CS5.5

  • Expanded platform and device support
    • Deliver AIR apps to mobile devices
    • Deliver to Internet-enabled televisions
  • Efficient multi-target workflows
    • Multi-target project setup and asset sharing
    • Shared project format with Flash Builder
    • Enhanced layer control
  • Perfomance optimization
    • Symbol rasterization
    • ‘visible’ and cacheAsBitmap opaque background color properties in Pl
    • TLF performance and usability enhancements
  • Streamlined publishing workflow
    • On-device testing and debugging
  • Enhanced code snippets handling
    • Over 20 new mobile & AIR snippets
    • Code preview & visual instance linking
  • Customer-inspired enhancements
    • Inverse kinematics pinning support
    • Auto-save and file recovery
    • Incremental compilation
    • Integrated controller with loop range

Taking Multi-screen and Multi-platform to the Next Level

  • The industry standard tool for interactive animated experiences
  • Focus on AIR and introducing HTML
  • Expanding capabilities across multiple platforms for high performance game development and animation reuse
  • architecture modernization
  • Quality improvements

AIR Publishing

  • Support for AIR 3.x and Flash Player 10.3 & 11
  • Package AIR as a single application with Captive Runtime
  • Access platform or device-specific capabilities using pre-compiled Native Extensions
  • AIR for BlackBerry Tablet OS

Support Captive Runtime


Access pre-compiled Native Extensions

Possible Use Cases for Native Extensions

  • Mobile
    • Contacts
    • Gyroscope
    • Vibration
    • Notifications
    • iAD on iOS
    • Android License Verification
    • Maps on iOS
    • In-app purchase
    • SMS with body
    • MMS
    • Bluetooth control
    • Compass/magnetometer
    • Custom camera
    • NFC support
    • Battery information/management
  • Desktop
    • Image processing
    • MIDI
    • Custom USB device support
    • Databases
    • Video encoding and recording

Publish to HTML

  • Publish to Edge-compatible HTML5 format
  • In-product guardrails to guide users on HTML5 compatible content
  • Conversion errors in Output/Error panels
  • Test movie to preview in browser
  • Limited AS3 conversion to JavaScript

Publish to HTML

Sprite Sheet Generation

  • Export image sequences from symbols in Library
  • Transform symbols & export sequences from Stage
  • Process automation using JS APIs
  • Create sprite sheets from symbols in Library or on Stage
  • JSON – XML output
  • Extensible data output

Where Are Sprite Sheets Used?

  • Everywhere!
  • Native Apps
  • Web
    • Canvas, CSS
  • Flash
    • Flash BitmapData, Stage3D

Generate Sprite Sheet


Sprite Sheet - Data Format

What’s NEXT!

  • 64-bit clean & native Cocoa
  • Reduce Complexity
  • Lay foundation for additional features in future


HellCat | Flash Pro

What’s Next in ColdFusion – MEMO

Speaker Information

ColdFusion Zeus

  • Is a code name
  • For the “next” version
  • Not necessarily ColdFusion 10

Zeus Features ( Some of… )

  • Admin Improvements
  • Security out the Ying Yang
  • Language Improvements
  • Solr Improvements
  • Java Integration
  • REST
  • HTML5/Mobile
  • Web Sockets
  • Charting

More Zeus features…

  • No more Verity ( yes, that’s a feature )
  • No more JRun ( ditto! )
  • Microsoft Exchange 2010 support
  • Web Service: Axis 2 + Document Literal
  • Scheduled Tasks are Epic

Admin Improvements

  • Hot Fix Installer
  • Template Cache – By Folder
  • Clear Query Cache
  • File Browser
  • IP Addresses for Admin

Security Enhancements

  • XSS/CSRF Protection
  • Session Improvements
  • Hash/HMAC
  • File Type Mime Checks
  • And More…:
    • Mail CRLF protection, cflogin strengthened, other services improved

XSS Protection

  • Cross-site Scripting
  • New functions:
    • encodeForHTML
    • encodeForHTMLAttribute
    • encodeForJavaScript
    • encodeForCSS
    • encodeForURL

CSRF Protection

  • Cross-Site Request Forgery
  • New functions:
    • CSRFGenerateToken
    • CSRFVerifyToken

Hash/HMAC

  • Hash can now be told to iterate N times: hash(input, “sha”, 4)
  • HMAC – Hash-based Message Authentication Code

Mime Type Checking

  • cffile upload
  • getFileMimeType

In no particular order…

  • Cookie via Script
  • For-in for Queries
  • Append to file with content
  • Call Stack
  • Application metadata
  • Disk Space
  • App-specific VFS
  • CFC implicit constuctors, method chaining, implicit notation
  • XPath2
  • Oh, and…

Solr

  • Dynamic custom fields (as many as you want, event up to 11!)
  • ORM based search
  • Data Import Handler (no more cfquery)
  • Other misc things… (more languages for example)

Java Integration

  • Ability to load Java libraries
    • JavaLoader RIP
  • Java access to CFC files:
    • CFCProxy myCFC = new CFCProxy(cfcPath, true);

REST

RESTful web services are built to work best on the Web. Representational State Transfer (REST) is an architectural style that specifies constraints, such as the uniform interface, that if applied to a web service induce desirable properties, such as performance, scalability, and modifiability, that enable services to work best on the Web. In the REST architectual style, data and functionality are considered resources and are accessed using Uniform Resource Identifiers (URIs), typically links on the Web. The resources are acted upon by using a set of simple, well-defined operations. The REST architectural style constrains an architecture to a client/server architecture and is designed to use a stateless communication protocol, typically HTTP. In the REST architecture style, clients and servers exchange representations of resources by using a standardized interface and protocol.

From: http://download.oracle.com/javaee/6/tutorial/doc/gijqy.html

HTML5/Mobile

  • CFMAP
  • CFMEDIAPLAYER
  • cfinput won’t barf on new items (like type=range)
  • Detection of browser capabilities

Device info (VERY IN FLUX)

  • this.deviceInfo=true; or getDeviceInfo()
  • device_name
    ajax_support_javascript
    cookie_support
    device_os
    device_os_version
    full_flash_support
    https_support
    is_tablet
    is_wireless_device
    mobile_browser
    mobile_browser_version
    model_extra_info
    model_name
    physical_screen_height
    physical_screen_width
    pointing_method
    streaming_preferred_protocal

Web Sockets

  • Bidirectional communication
    • One client to all the rest
    • Server to all clients
  • Front end support via
  • Back end support for defining listeners

Charting

  • All new charting engine
  • Styles are JSON objects
  • Deeper configuration via JSON
  • Lots of new features


# Adobe TV Link: WHAT’S NEXT IN COLDFUSION