HTML5 CanvasとWebGLの使い分け―CreateJS勉強会/池田発表資料 (前編) ― ICS LAB
2015年2月10日（火）、アドビシステムズ株式会社でCreateJS勉強会 (第5回)が開催され30名を超える方々が来場されました。勉強会のフォローアップとして、発表資料「CreateJSで制作するスペシャルコンテンツ」のスライドをブログ記事という形で公開します。本記事では口頭で発表した内容もできる限り記載しました。 なお、前編（CanvasとWebGLの比較）と後編(WebGLの最適化)の二部構成にしています。前編となる本記事ではスペシャルコンテンツ制作にあたり調査したHTML CanvasとWebGLの双方の利点・欠点をまとめています。 HTML CanvasとWebGL 今回のテーマは「HTML CanvasとWebGLの使い分け」です。皆さんもご存知の通り、HTML5のCanvas要素 (JavaScript ではCanvasRenderingContext2Dオブジェクト）は従
CreateJSを使ったアニメーション表現の基礎
The document provides tips for coping with nerves when giving a presentation. It recommends thorough preparation over memorization, practicing skills like breathing, pacing and eye contact during rehearsals. The document suggests visiting the presentation space beforehand and focusing on the audience to manage nerves. Proper preparation, accepting nerves as normal, breathing slowly and rehearsing
createjs,canvasでハマるところ2014 - lxyuma BLOG
経緯 先日、初めてcreatejs使ったスマホ向けwebアプリ作ってリリースした。 まあ、予想通り、createjs、canvasにいろいろハマった。 はまったところは、gistにメモしておいたので、ここにも整理して乗っけておく。 なお、類似blog記事多数あり、俺もほとんど8割位それらの記事で助かりました。 ここで、参考にlink貼った記事書かれた方々に感謝します。 そして、次にcreatejs使う人のために、 既出の物、あまり他の記事に見ない物も、まとめて書いておきます。 参考までに。 概要 以下の現象の原因と対応について書いていきます タッチイベントがずれる staging環境で画像click時にエラーに retinaでcanvasがぼやける (android)canvasが2つ出てきた (android)でcanvasに1clickすると2clickした事になってる (androi
CreateJSの私的まとめ - Qiita
EaselJS canvas描画ライブラリ。最近WebGLに対応した。 http://blog.createjs.com/webgl-support-easeljs/ Stageに表示オブジェクト（DisplayObject）をくっつけていくスタイルで記述していく。Stage自体も表示オブジェクトにあたる。 Stageをルートとして表示オブジェクトのツリー構造をつくっていくあたりがActionSctiptぽいらしい（ASやったことないので適当） setTimeoutなどのタイマーを一元管理するTickerクラスも含まれている。 MovieClip EaselJSでMovieClipクラスを使うためのプラグインのようなもの。 EaselJSとTweenJSに依存している。Toolkit for CreateJSを使う場合は必須。 MovieClipクラスを一言で言うと、タイムライン（Twee
FlashデベロッパーのためのCreateJS：第1回 CreateJSとは何か──そのメリットからFlashとの違いまで | デベロッパーセンター
CreateJSは、HTML5でリッチコンテンツを制作するためのJavaScriptライブラリのスイート（特定用途のソフトウェアを詰め合わせたパッケージ）です。Flashデベロッパーとして著名なGrant Skinner氏（gskinner.com）が開発を行っており、MITライセンスのオープンソースソフトウェアとして商用でも無償で利用できます。 急激に拡大している利用 2013年5月4日～8日に開催されたAdobe MAX 2013における、Grant Skinner氏のセッション「CreateJS: Building Rich Interactive Experiences in HTML5」によると、CDNにホスティングされているCreateJSライブラリのヒット数が急激に増加しており、現在では2億ヒット（月間）を超えています。 その中でも、日本からの利用は世界で第2位を記録しており
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Toolkit4CreateJSが吐いたタイムラインアニメーションを時間ベースのTweenに変換したい (memo.kappa-lab.com)
iPhone上でのCreateJS動作はそれなりに使い物になりますが、Androidは非常に困難を伴います。っていうか機種によっては無理ゲーもいいとこです。根本的にはAndroid陣営がwebkitのcanvasパフォーマンスにやる気を見せるしかないのですが、何か少しでも改善する方法はないかと模索しておりました。 でまあ非常に泥臭い手法ですがタイムラインで設定したアニメーションを須く時間ベースのTweenコードに書き換えると多少動作が改善するのではないかと検証した所、一定の効果を得る事に成功しました。 ところがflaファイル上で設定したタイムラインアニメーションを手書きで変換するのはこれまた苦行と言わざるを得ません。 しかし、ご存知の通りToolkit4CreateJSはflaの中身を舐めてjsコード吐きます。ということはT4CJSが吐いたjsを更に舐めてやれば自動変換が可能です。 ついで
CreateJS始める前に、いろんな記事を集めてみよう - Qiita
CreateJSをやってるひとのうわさによると Flasherならドキュメント読めばなんとなくわかるんだって。 でもやっぱりいろいろ読んでおきたいから、まとめておこう。 公式、ドキュメント CreateJS デベロッパーセンター | Adobe Developer Connection [ADC] 公式。ドキュメント、チュートリアルへのリンクなど。 Docs - CreateJS 過去のバージョンを含めたすべてのドキュメントへのリンク できること把握系記事 リッチなHTML5コンテンツのためのフレームワーク「CreateJS」が公式サイトを公開 | ClockMaker Blog CreateJSとは何か的に俯瞰する記事。 CreateJSでゲームを作った感想 | Coremind いろいろ注意すべき点が書いてある akihiro kamijo: CreateJSアーカイブ とりあえずざっ
Flash Toolkit for CreateJSで作るスマートフォン用アニメーショ
2014.7.19 に開催された第二回ゲームサーバ勉強会で使用したスライド http://peatix.com/event/42642
Happy Elements Labs: websocket + HTML5(canvas)でのゲーム開発(ボンバーマン風)
はじめに エンジニアの@ryooo321です。 よろしくお願いします。 Happy Elements株式会社では勉強会が活発に行われており、 その中の1つに「1.5時間で○○を作る」エンジニア向けワークショップがあります。(毎週開催@京都) ※ ○○は毎週かわり、設計/実装方法などは自由です。 今回はワークショップ2回(計3時間)で作成したボンバーマン風ゲームの紹介を通して、 他人とリアルタイムで遊べるゲームの可能性を感じていただければと思います。 ※ 技術的にはwebsocket、canvasを利用 ※ ライブラリ/ツールとしてNode.js、CreateJS、socket.io、coffeescriptを利用 ※ 急いで作ったのでほとんどリファクタリングされていませんmm また、おまけとして サーバーサイドでのcanvas描画とwebsocketでのバイナリメッセージについて 試してみ
CreateJSを使用した際に一部のAndroid4端末でおこる不具合に関して – 水玉製作所
これはCreateJSを使用した際にAndroid4を搭載した一部のスマートフォンで発生する不具合に関する報告である。 概要 CreateJSを使用した際にAndroid4を搭載した一部のスマートフォンで、不具合が発生することがいくつかのブログで報告されている。問題報告と同時に解決策を提示してるブログもある為、それを検証した結果を報告する。 本件に関するブログ 本件に関して触れているブログとして以下のものがある。 (1)まるちゃんブログ CreateJSでハマったこと (2)1 pixel｜サイバーエージェント公式クリエイターズブログ Flashで作るスマフォブラウザゲーム向けアニメーション (3)しょぶろぐ Android4.0とCanvasアニメーションの話 不具合の起こる端末 実際に不具合の起こる端末として以下の名前が挙げられている。[]内の数字は上記のブログの番号を示すものである。
『Flashで作るスマフォブラウザゲーム向けアニメーション』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。
msto.jp - it転職 リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
IntelliJ IDEA + Haxe/CreateJS 環境構築 ( 前編 ) | DevelopersIO
そろそろ CrateJS 触っておかないと Flash/Flex 開発者としてよろしくない…と思い、ようやく手を出し始めました。まずは開発環境構築ということで、同業者の間で最近良く名前を聞くようになった IntelliJ IDEA を試してみようと思います。 目次 対象 環境 IntelliJ IDEA って何？ Haxe 環境構築 "haXe Support" プラグインのインストール Flash Builder (Eclipse) 野郎向けリソース Haxe モジュールの作成 Haxe クラスの作成 外部ライブラリ設定 対象 本記事は下記のような人を対象にお届けします。 これから CreateJS と戯れたい人 Flash Builder (Eclipse) ユーザー Flash Develop 使いたかったけど林檎野郎だし…な人 環境 本記事を執筆するにあたり使用した環境です。参考ま
CreateJSでハマったこと - 株式会社CFlatの明後日スタイルのブログ
長らく仕様策定に手間取っていたHTML5が大きく推進することになった理由の一つには、やはりAppleがiPhoneのFlashへの非対応を発表したことがあるでしょう。HTML5自体はいまだ完全には標準化されていませんが、主要ブラウザでは既にcanvasによる描画処理をサポートするようになっており[1]、今後徐々にFlashからHTML5への移行が進んでゆくものと思われます[2]。 FlashのプロジェクトをHTMLに変換するツールにはSwiffy(Google)、SWF Animation Converter(マルチでバイスlab.)など何種類かありますが、今のところブラウザ互換性や、ActionScript部分への対応状況などの問題により、これといった決め手がないのが現状です。 その中で、Adobe Flash Professional CS6にcanvasアニメーション用フレームワーク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CreateJS をはじめる人が知っておくとラクなこと - Qiita
CreateJS × Android でハマったこと - Qiita
Google Code Archive - Long-term storage for Google Code Project Hosting.
HTML5フレームワークにおける表示オブジェクトのパフォーマンス検証
raluck on Twitter: "Toolkit for CreateJSで書き出したデータがAndroid4系のXperiaで動かない人はStageのautoClearをfalseにすると幸せになれるかも"
