はてなブックマーク

• あとで読む

  Creators Meetup数学ネタまとめ

  3 users

  f-site.org

  クリエータがひとり15分の枠で知識や情報を発表し、互いに刺激し合う場の「Creators Meetup」は毎月第3土曜日に開かれています。制作の技術や知識にとどまらず、さまざまな分野の経験や興味にもとづく多彩な話題を採上げることが特長です。間もなく、第30回を迎えようとしています。 そのCreators Meetupの中で、隔月で数学ネタの一席を務めるようになり、数も重ねてきました。そこで、ビデオ録画とレジュメやサンプルのリンクを、分野ごとにまとめてみます。 01 三角関数 第22回Creators MeetUp「sinとcosは何する関数？」(2014.11.19) 三角関数のsinとcosは、直角三角形の辺の比率として初めに習います。それをプログラムのアニメーション表現で使うのは、おもに円運動です。「三角」がどうして「円」になるのか、疑問をもったとしても不思議はありません。sinとco

  • 学び
  • 2015/06/05 10:08
• あとで読む

  CreateJSの2014年12月12日および2015年5月21日の改訂のまとめ

  3 users

  f-site.org

  CreateJSライブラリは、2014年12月12日に大きく改訂されました。EaselJSに多くの修正が加わり、SoundJSとPreloadJSも大幅に書替えられました。さらに、2015年5月21日に0.0.1の更新が行われました。核となる変更は、正規リリースに近づいています。これらの改訂にもとづく筆者の記事を以下にまとめました。 01 CreateJS 2014/12/12 2014年12月12日付のリリースは、つぎのバージョンのライブラリから成立ちます。 EaselJS 0.8.0 TweenJS 0.6.0 SoundJS 0.6.0 PreloadJS 0.6.0 01-01 CreateJS 2014/12/12全体 CreateJS 14/12/12 : getter/setterプロパティを実装する 新たなCreateJSでは、内部的にgetter/setterプロパティを

  • テクノロジー
  • 2015/06/04 02:19
• あとで読む

  CSS3を使ったアニメーションとインタラクション

  10 users

  f-site.org

  CSS3を使うと、静的な表現だけでなく、アニメーションやインタラクションが加えられます。その作例を8つご紹介します。最後の例を除いて、JavaScriptコードは書きません。いずれも中身は、リンクしたノートで詳しく解説しています。 01 テキストのアニメーション ただのテキストでも、フォントを選んでCSS3でアニメーションさせると、表現力は大きく高まります。 01-01 テキストをイルミネーションのように点滅させるアニメーション 「Monoton」フォントを使って、text-shadowプロパティで光彩を与えました。そして、animationプロパティにより、イルミネーションの点滅のようなアニメーションを加えています(サンプル001)。 サンプル001■CSS3: Flickering billboard light refined 01-02 テキストを順に浮かび上がらせては消すアニメー

  • テクノロジー
  • 2015/02/14 12:46

  • CSS3
  • animation
  • CSS
  • 表現
  • webdesign
  • web制作
  • webデザイン
• あとで読む

  数学を使ったJavaScriptコーディング

  59 users

  f-site.org

  幾何学的な計算や物理運動を表すには、数学の知識が求められます。もっとも、計算は必ずしも難しい訳ではありません。考え方さえわかれば、応用できることが多いです。ここでは、一見難しそうなベクトルの外積と微分のふたつについて、その使い途と考え方をリンクでご紹介します。また、ビデオ映像やjsdo.itのサンプルも掲げました。 01 ベクトルの外積をどう使うか ベクトルの中でも「外積」は、考え方のわかりにくい計算です。いきなり概念を捉えようとすると難しいので、何に使えるのかを知ることから始めましょう。 01-01 珍味ベクトル外積3種盛り 2014年1月18日土曜日に催された第12回Creators MeetUpで、2次元のベクトルに絞ったインタラクティブなサンプルを例に、外積がどう使われているのかをご紹介しました。USTREAM録画も公開しています。 サンプル001■立方体をマウスポインタの位置に応

  • 学び
  • 2014/07/30 10:48

  • javascript
  • 数学
  • algorithm
  • math
  • プログラミング
  • 理論
  • programming
• あとで読む

  2014.11.08 セミナー情報

  4 users

  f-site.org

  次回予告 未来の作り方〜コンテンツに使えるデバイス祭り！(利用例付き)〜 街中でスマートフォンを持ち歩く人々は、決して珍しいものではなくなりました。Googleが新しく開発を進めているデバイスには、周囲の状況をリアルタイム3Dで計測するためのセンサーが搭載されるという発表もあります。 日々のニュースでは、常識を覆すような技術の発表が溢れています。 これからのデジタルコンテンツでは、あらゆるデバイスによって得られる情報の利用が、加速度的に広がっていくでしょう。 1年後、3年後の未来に「普通」になっているモノを作るのは、われわれ制作者です。では、まず現在のデバイスで何が出来るのか？　従来からあるセンサーや画像解析などと組み合わせることでどんな化学反応を得られるのか？ 今の立ち位置を知ることから始めましょう。  講演紹介 demo1：糸数 昌史氏 株式会社アイ・エム・ジェイ テクニカルディレク

  • 世の中
  • 2014/07/22 15:11
• あとで読む

  kinectFaceTrakingANE

  3 users

  f-site.org

  kinectの顔の識別点を取得するANE(Adobe Native Extension)が無かったので作りました。 そしてサンプルソフトとソース一式をGitHubにて公開しました。速度も安定して60FPSでるようになっています。 Kinectのデータを取れるANE「AIRKinect」 Kinectの機能をAIRで利用できるようにするANEにはAIRKinectというものがあります。けれども残念なことに開発がとまってしまって、顔の識別点の取得は入っていません。 仕方ないので自分で作ることにしました。 ANEの制作に初挑戦です！ とはいえ、C++でのDLL(Kinectからのデータを取得するWindowsライブラリ)開発も初挑戦でした。 最適化に難儀しまして、最終的にはKinectエバンジェリストである中村薫さんにご協力いただき、やっと完成しました。 SIHOさんのソースコード一式のありか

  • テクノロジー
  • 2014/05/16 05:59

  • Kinect
  • ツール
• あとで読む

  第5回「WebGL & Stage3D 勉強会」の参考記事とリンク

  4 users

  f-site.org

  2014年3月26日19:00よりアドビ システムズにて第5回「WebGL & Stage3D 勉強会」が開かれました。野中の務めました一席「WebGLに対応したCreateJS」でご紹介した記事やリンクをご参考までにまとめました。 EaselJSがWebGLをサポート 2014年1月16日付CreateJS Blogに「WebGL Support in EaselJS」という記事が投稿されました。EaselJSでWebGLレンダラがサポートされ、現在パブリックプレビューが公開されています。blog記事にもとづいて、新しいWebGLレンダラについてご紹介しました。BlogにはWebGLレンダラを用いた3つのサンプルが公開されています(図001はそのうちのひとつ「Bunnymark」)。 図001■Bunnymark EaselJS次期バージョンでWebGLを使う 2014年1月28日付Cr

  • テクノロジー
  • 2014/03/29 09:46
• あとで読む

  オブジェクトが動く速度と加速度と微分の考え方

  19 users

  f-site.org

  物理法則にしたがったオブジェクトのアニメーションをスクリプティングするとき、数学の「微分」の考え方で捉えられると応用の幅が広がります。微分と聞くと難しそうに響きます。けれど、大雑把にいってしまえば、オブジェクトの動きについて変化を見るということです。アニメーションがつぎのフレームでどう変わるかを考える、といってもよいでしょう。 01 等速直線運動 決まった速さで同じ向きに動き続ける「等速直線運動」なら、つぎのフレームに移るたびにオブジェクトの位置(xy座標)に定数を足します。この定数(xy平面で捉えるならベクトル)が速度です。つぎのフレームにおけるオブジェクトの位置は、今の位置に速度を加えて求めます。 位置 += 速度 時間(t)と位置(x)をそれぞれ横軸と縦軸にした等速直線運動のグラフは、下図001のように一次関数(x = vt + x0)で表されます(「直線の式(方程式)」参照)。一次

  • テクノロジー
  • 2014/03/17 11:52

  • 数学
  • アニメーション
  • プログラミング
  • SVG
  • programming
  • Flash
  • game
  • Javascript
  • Animation
• あとで読む

  2014.04.19 セミナー情報

  4 users

  f-site.org

  次回予告 「非Flash化が進むWebサイト制作の今 WebサイトでFlashを使用しなくなったことで良かったことや悪かったこと。最近のFlash事情など、クライアントワークのWebサイト制作を行っていく上でのFlashの話も交えつつWebサイト制作の現状、今後のWeb業界の流れについてなどを豪華な３名の講師の方々にお話いただく予定です。 demo1：T-D 北田荘平 氏 「プログラミング インターフェース」 今回F-siteに２回目の登壇となる北田さん。thaの中村勇吾さんの元でWebデザイナー、FlasherとしてKDDIのプロモーションサイトなど様々な案件に携わってこられた北田さん。2011年にthaから独立後、フリーランスとしての活動をスタートし、同年T-Dを設立。2013年には元同僚の深津氏を中心にTHE GUILDの立ち上げに参加。現在は新たな仕事の広がりを探して、ニューヨーク

  • 学び
  • 2014/02/20 16:45

  • *webサービス
  • Flash
• あとで読む

  JavaScriptで書く3次元表現

  4 users

  f-site.org

  JavaScriptで3次元空間を表現するには、いくつかのやり方があります。そうした解説の中でとくに初心者向けの記事をご紹介します。 01 CreateJSでがんばる アニメーションやインタラクティブなコンテンツで、CreateJSは注目を集めています。けれど、CreateJSそのものには、3次元空間を扱う機能はありません。それでも、2次元平面の変換行列を備えていますので、3次元空間の扱いにも応用できます。 gihyo.jp連載「HTML5のCanvasでつくるダイナミックな表現―CreateJSを使う」では、第20回から3回にわたってつぎのようなサンプルについて解説しています。 サンプル001■EaselJS 0.7.1: Rotating a Cube around the X and Y axes 第20回「立方体のワイヤーフレームを水平に回す」 第21回「水平に回す立方体の面を塗る

  • テクノロジー
  • 2014/02/17 15:38

  • javascript
  • html5
• あとで読む

  EaselJS 0.7.1で復活した細かいこと

  3 users

  f-site.org

  今月マイナーアップデートがリリースされたCreateJSで、EaselJSはバージョンが0.7.1になりました。中には、0.7.0で変わったと思われた動きが、ちゃっかり0.6.1と同じに戻っていたります。地味に愕然とします。 図001■2013年12月にリリースされたCreateJSの最新版ライブラリ 01 MouseEventクラスのイベントが復活 EaselJS 0.7.0では、MouseEvent.mousemoveとMouseEvent.mouseupはライブラリからバッサリ消され、イベントはまったく生じなくなりました。 ところが、EaselJS 0.7.1に差替えると、何事もなかったようにこれらのマウスイベントが起こります。思わず、「宇宙戦艦ヤマト 完結編」の佐渡酒造か!? と、つっこみたくなりました。 もちろん、これから使うことはお勧めできません。おそらく、つぎのバージョンでは

  • 世の中
  • 2013/12/22 18:58
• あとで読む

  2013.11.2 セミナー情報

  3 users

  f-site.org

  次回予告 「クリエイティブ・ディレクター、アートディレクターのアイデアの出し方。」 デザイン、映像、音楽、文章、etc., あらゆるクリエイティブワークの源泉となるものは「アイデア」です。今回のF-siteではクリエイティブの最前線で活躍されている方々を講師にお招きし、普段制作をされるうえでどのようにしてアイデアを膨らませ、アウトプットへとつなげていくのかをお話いただく予定です。 映像やテクノロジー、デザインなどクリエイティブに携わる方、必見です。 demo1：藤原連太郎氏 harahara Inc.代表 クリエイティブディレクター / デザイナー 「Webデザイナーが生き残るためにやるべきこと」 ツテ無しコネ無しのないないづくしの中でWebプロダクションHEAD LIGHTを立ち上げる。なんとか生き延び、近年のモバイルデバイス台頭による様々なコンテンツ制作に対応するためharahara

  • 暮らし
  • 2013/10/14 23:00
• あとで読む

  CreateJSの新バージョンがリリース

  4 users

  f-site.org

  CreateJSの新バージョンが公開されました。機能が拡張し、バグは修正されるとともに、APIの安定化もはかられています。CreateJS Blog「New version of CreateJS released!」にもとづいて、その中身をご紹介します。 このバージョンでイベントモデルは大きく改められて、イベントがバブリングするようになりました。他にも、アニメーションは扱いやすくなり(たとえば、フレームレートはSpriteオブジェクトごとに定められます)、矩形領域が得られ、APIは安定化しました。 その他のライブラリにも、改善や新たな機能が加えられています。たとえば、SoundJSではオーディオプロパティがトゥイーンできます。問題の修正とともに、新たな機能も加えました。FirefoxベータバージョンのWebAudioのサポートなどです。 ライブラリごとの細かな変更や追加は、GitHubの

  • テクノロジー
  • 2013/10/01 10:46
• あとで読む

  WebクリエイターのためのCreateJSスタイルブック

  4 users

  f-site.org

  WebクリエイターのためのCreateJS スタイルブック 野中 文雄(著) 価格：3,129円(税込) 発売：2013/6/26 出版：マイナビ ISBN：978-4-8399-4517-6 CreateJS Suiteは、HTML5のCanvas要素を使い、ダイナミックでインタラクティブな表現ができるJavaScriptの統合ライブラリです。もっとも、「ダイナミックでインタラクティブ」というのはもって回った言い方で、要は「Flashみたいな」コンテンツがつくれるということです。それもそのはず。CreateJSは、Flashコンテンツの制作で世界的に著名なGrant Skinner氏(gskinner.com)により開発されました。 この本は、JavaScriptの基礎を学んだみなさんに、CreateJSのライブラリはどのように使うのか、そしてどういう表現ができるのかを説明します。サンプ

  • 学び
  • 2013/06/27 23:26

  • 書籍
• あとで読む

  2013.7.27 セミナー情報

  3 users

  f-site.org

  アニメーションを攻略せよ！ 日時：2013/7/27（土） 13:15～17:00 場所：国立オリンピック記念青少年総合センター センター棟 4階 402室 demo1「Flash Professional CCで何が変わったのか」世路庵 沖 良矢氏 demo2「yama_ko式モーショングラフィックスワークフロー」yama_ko（Kotaro Yamazaki）氏 demo3「"妥協は死"─デジタル内に残す”手作りの魅力”」神風動画 水崎 淳平氏 demo4「演出論　映画からゆるアニメまで」青池 良輔氏 会場 日　　時：2013/7/27（土） 13:15～17:00 場　　所：国立オリンピック記念青少年総合センター センター棟 4階 402室 住　　所：東京都渋谷区代々木神園町3-1（地図） 募集人数：120名 参加費用：1,000円（会場使用料など） #本編終了後、新宿に移動後割り勘

  • 世の中
  • 2013/06/27 17:31

  • flash
  • event
• あとで読む

  2013.5.11 セミナー情報

  5 users

  f-site.org

  次回予告 Flashクリエイターはどこへ行く？～未来への道しるべ 今回のF-siteセミナーは、いつもと違って出演者によるディスカッション形式です。 これまで、そしてこれからもWeb業界を牽引していくであろう、注目のFlashクリエイター達が、Flashを取り巻く状況が大きく変化する中、仕事のスタイルがどう変わって来たのか（あるいは変わっていないのか）、今現在注力していること、今後のWeb業界の動向について、などをディスカッション形式で語り合います。 出演者は、以下の4名の方々です。 深津 貴之氏 株式会社Art & Mobile代表取締役。デザイナー、デベロッパー、コンサルタントとして活動中。2009年4月にデザインスタジオtha ltd.を辞めて独立。代表的なiPhoneアプリは「TiltShiftGenerator」「SuperPopCam」。クライアントワークでは、MUJI Cal

  • 暮らし
  • 2013/04/10 20:01

  • flash
  • event
• あとで読む

  SoundJSのSoundInstance.completeイベントでSoundInstance.play()メソッドがサウンドを再生しない

  4 users

  f-site.org

  SoundJSでサウンドを再生し終わると、SoundInstance.completeイベントが起こります。そのイベントリスナーでSoundInstance.play()メソッドを呼出しても、サウンドが再生されないという話しを聞きました。「SoundInstance Class」のドキュメントの「Example」を参考に試してみたら、本当に再生されませんでした。 With the SoundJS library the SoundInstance.complete event is fired when playback completes. However the SoundInstance.play() method does not seem to play sound in its event listener. テストしたのは、つぎのようなごく簡単なコードです。ほぼ、ドキュメント

  • テクノロジー
  • 2013/03/19 19:10

  • CreateJS
• あとで読む

  【連載】Starlingフレームワークを用いたStage3Dによる2Dアニメーション 第8回 Starlingフレームワークの実装に見るオブジェクトのリサイクル

  3 users

  f-site.org

  全8回の短期連載「Starlingフレームワークを用いたStage3Dによる2Dアニメーション」は今回が最後になります。そこで、少し視点を移して、Starlingフレームワークの使い方でなく、Starlingのクラスがどのようにつくられているかを見てみます。具体的には、Stage3Dの速さを活かすため、どう最適化がはかられているかを確かめます。中でもとくに、オブジェクトの使い回しに注目して、Starlingフレームワークにかぎらず、ActionScript 3.0で使える技を拾っていきましょう。 01 Flashのパフォーマンスを高めるには 今年1月7日、Adobe Developer Connection (ADC)にKeith Gladstien氏による「Flashのパフォーマンスの最適化」という記事が掲載されました[*1]。CPU/GPUの負荷とメモリの消費をいかに適切な範囲に抑える

  • 世の中
  • 2013/02/28 16:29

  • flash
• あとで読む

  2013.3.2 セミナー情報

  6 users

  f-site.org

  次回予告 そろそろソシャゲ（ソーシャルゲーム）の話をしようか 近年、ソーシャルゲームが大きく成長を遂げています。2013年度は、国内市場だけでも4256億円と予測されています（矢野経済研究所調べ）。そんなソシャゲ市場で、Flash関連の人材・技術が大活躍していることをご存じですか？ Flash使いが持つスキル・クリエイティビティはいかに現場で活用されているのか？　Webサイトや、非ソーシャルなゲーム制作とどう違うのか？　今後のソシャゲ業界の展望は？　などなど、気になるトピックを現場の第一線で活躍する方々にお話しいただきます。 講演予定者は、以下の通りです（順不同）。それぞれの詳しい内容については近日中に発表予定です。決まり次第、こちらのページでお知らせします。 2/19 17:55更新 オルトプラス 小林 陽介氏の講演内容を追記、デモの順番を確定させました。 2/18 14:50更新 カヤ

  • テクノロジー
  • 2013/02/09 19:16

  • イベント
• あとで読む

  【連載】Starlingフレームワークを用いたStage3Dによる2Dアニメーション 第4回 StarlingフレームワークのTweenクラスにおける最適化とJugglerクラスの実装

  7 users

  f-site.org

  前回の「StarlingフレームワークのTweenクラスによるアニメーション」では、TweenとJugglerのふたつのクラスを使ったトゥイーンアニメーションについて解説しました。今回もこのふたつのクラスを扱います。ただし、トゥイーンアニメーションのつくり方ではなく、TweenとJugglerクラスをお題として、Starlingフレームワークがどのように最適化をはかっているのか、その工夫や考え方についてご説明します。そして、TweenやJugglerクラスの実装も覗いてみます。今回は、中級者寄りの内容です。 サンプルファイル: スクリプト002と003 (Starling_04_002_003.zip/Flash CS6形式/約25KB) ダウンロードファイルには、Starlingフレームワークのライブラリは含まれていません。予めインストールしてください。 01 イベントをコールバック関数

  • テクノロジー
  • 2013/01/30 18:16

  • Starling
  • flash
  • Programming
• あとで読む

  【連載】Starlingフレームワークを用いたStage3Dによる2Dアニメーション 第1回 Starlingフレームワークで書く初めてのアニメーション

  4 users

  f-site.org

  「Starling」は、Flash Player 11の新しい描画機能「Stage3D」にもとづいてつくられた2次元の描画用フレームワークです。ハードウェアの「GPU」を用いることにより、速くて滑らかな描画ができます。これから何回かにわたって、Starlingフレームワークによるスクリプティングを解説します。まずは、Stage3Dにインスタンスを置いて、簡単にアニメーションさせます。 なお、Starlingはオープンソースのフレームワークなので、予めダウンロードしてインストールしておかなければなりません。Starlingフレームワークのインストール方法については、FumioNonaka.com「Starlingフレームワークをインストールする」をお読みください。 サンプルファイル: スクリプト005 (Starling_01_005.zip/Flash CS6形式/約25KB) ダウンロー

  • 学び
  • 2013/01/09 18:32

  • flash
• あとで読む

  [AS3] ループ処理におけるカウンタ変数の減算と加算 3

  4 users

  f-site.org

  投稿者：野中 文雄 | 投稿日：2013.01.08 | [AS 3][ActionScript][Tips][野中ゼミ] Adobe Developer ConnectionにKeith Gladstien氏が「Flashのパフォーマンスの最適化」という記事を寄稿されました。その中で「Flashでは、最も実行速度の速いループは逆forループです」と書かれています。ループ処理のカウンタ変数を加算するか減算するかの違いは、本F-siteの記事でも何度か比べてきました。そこで、改めてforループについて少し考えてみます。 すでに「ループ処理におけるカウンタ変数の減算と加算 2」で述べたとおり、「加算と減算の演算そのものには差が感じられません」。つぎのテスト用スクリプトで1億回繰返しても、その差はばらつきがあり、有意とまではいえないように思えます。 Comparing loop speed wi

  • 学び
  • 2013/01/08 23:42

  • flash
• あとで読む

  2012.11.3 セミナー情報

  4 users

  f-site.org

  次回予告 「Flash新時代～トップランナーの制作現場」 Flashユーザーのスキルを発揮できる新しい方向性が注目されています。近年、F-siteセミナーではスマートフォン、タブレット端末、HTML5、AIRなど、これまでとは異なるメディアやテクノロジーについて、Flashをどう生かせるのか技術的な側面を中心にご紹介してきました。 そこで今回は、実際にこれらの技術を用いて制作された素晴らしい事例をお持ちの皆さんをお招きし、新しいワークフローや制作の過程についてお話しいただきます。 demo1「Adobe AIR Contest 2012 最優秀賞作品『Live with the Wind.』が生まれるまで」393（桜井 浩幸）氏（50分） iOS向け3Dゲーム『Live with the Wind.』を制作された393こと桜井さんをお招きし、同作品ができるまでの舞台裏をご紹介いただきます。

  • テクノロジー
  • 2012/10/12 17:37

  • セミナー
  • HTML5
  • Flash
  • スマートフォン
  • イベント
• あとで読む

  F-site | CreateJS

  3 users

  f-site.org

  EaselJSバージョン0.8.2のリリース CreateJSのビルドが2015年11月26日付で改められ、12月8日にCreateJS Blog「EaselJS Version 0.8.2 released」が投稿されました。このblogの中身を、簡単にご紹介します。 >>全文へ 2015.12.14 | 野中 文雄 | [CreateJS][HTML5][野中ゼミ] Creators Meetup数学ネタまとめ クリエータがひとり15分の枠で知識や情報を発表し、互いに刺激し合う場の「Creators Meetup」は毎月第3土曜日に開かれています。制作の技術や知識にとどまらず、さまざまな分野の経験や興味にもとづく多彩な話題を採上げることが特長です。間もなく、第30回を迎えようとしています。 そのCreators Meetupの中で、隔月で数学ネタの一席を務めるようになり、数も重ねてきま

  • テクノロジー
  • 2012/10/02 20:37
• あとで読む

  CreateJS: リッチでインタラクティブな体験をHTML5に

  6 users

  f-site.org

  2012年9月24日にサンフランシスコでAdobeの開いたイベント「Create the Web」のセッションが、ビデオで公開されました(英語)。その中からGrant Skinner氏による「CreateJS: Creating Rich, Interactive Experiences for HTML5」について、スクリプティングに関わる部分のスライドの文章を邦訳して、コードを掲載しました。また、日本語の参考ドキュメントもリンクで加えています。 EaselJS リッチでインタラクティブな2Dグラフィックスをオープンなwebに作成できる拡張性のあるプラットフォーム an extensible platform for creating rich, interactive 2D graphics on the open web 機能 features しっかりと階層化された表示リスト ro

  • テクノロジー
  • 2012/09/27 21:37

  • CreateJS
  • js
• あとで読む

  2012.7.28「Flash Professional CS6がやって来た ヤア！ヤア！ヤア！」

  3 users

  f-site.org

  demo1「Flash Professional CS6新機能紹介」前田 タスク氏、相沢 平氏 demo2「FLAからJSへ～CreateJS中級編」野中 文雄氏>> レジュメおよびサンプルファイル demo3「Adobe AIRからネイティブの機能を使ってみよう（ANE入門）」柊氏、徳山 禎男氏 猛暑の中、多数のご参加をいただきました。ありがとうございました！ セミナーへ参加した方のコメント、トラックバックはこちらの記事にお願いします。 当日使用されたスライドなど demo1 で前田さんが使用されたスライド 前田さんのブログ記事による補足はこちら 写真レポート demo1の始まりです。司会の沖氏による講師の紹介。「お2人はF-siteのスタッフでもあるんですよ」 大きい方、前田 タスク氏登壇。モバイルコンテンツシミュレーターの実演。 金髪の方、あいちゃんこと相沢 平氏。スプライトシートの

  • 世の中
  • 2012/08/02 17:25
• あとで読む

  CreateJSのクラスが呼出せなくなる？

  3 users

  f-site.org

  TweenJSのライブラリをダウンロードして使おうとしたら、Tweenというクラスなどありませんというエラーが出ました(図001)。この問題そのものは、リンクからダウンロードされたファイルのバージョンが誤っていたためのようです。けれど、今後同じ問題が起こる可能性は高いでしょう。 図001■識別子Tweenが見つからないというエラー 01 名前空間 CreateJS Suiteの今後のクラスには、名前空間createjsが設定されます。つまり、CreateJSのクラスは、原則として名前空間createjsを頭につけないとアクセスできなくなるということです。たとえば、Shapeクラスのインスタンスは、つぎのようにコンストラクタを呼出してつくることになります。 new createjs.Shape() 煩わしく感じるかもしれません。けれど、たとえば他の使いやすいトゥイーンのライブラリが見つかった

  • 暮らし
  • 2012/07/23 14:17
• あとで読む

  [AS3] Starlingフレームワークの衝突検出

  4 users

  f-site.org

  投稿者：野中 文雄 | 投稿日：2012.07.03 | [AS 3][ActionScript][Tips][野中ゼミ] 最近、Starlingフレームワークにおける衝突検出(Collision Detection)が扱われた学習用の英語ビデオ「Starting with Starling ー Ep 8: Collision Detection」を観ました。インスタンス同士の重なりを調べる、いくつかのやり方が紹介されています(図001)。それらをざっと眺めてみましょう。 図001■Starlingフレームワークで衝突を検出するやり方 *「Starting with Starling ー Ep 8: Collision Detection」より引用 01 DisplayObject.boundsプロパティから矩形領域の重なりを調べる StarlingフレームワークのDisplayObjec

  • 学び
  • 2012/07/03 09:33

次のページ