2009が開催された。Peters氏のセッションのレポート。作者として有名であり,また彼が運営するbit-101.comは,世界中で愛され翻訳されているFlash開発のチュートリアル,ラボサイトである。日本でも,彼のウェブログを覗いたことがあるという開発者も多いことだろう。このセッションでは,アニメーションをActionScriptに落とし込む基本的なテクニックを解説した。氏によれば,プログラミングでアニメーションさせる場合には,3つのプロセスを経て,それがサイクルしているいう。ひとつめは,"ルール"。オブジェクトをどのようなルールで,どこに動かすのか,またはどのような状態変化をさせるのかを決定するプロセス。ふたつめは"動かす"。このプロセスでオブジェクトを実際に動かしたり,変化を起こす。前のプロセスで動かされたオブジェクトの確認や,初期化を行う。これを何度も何度も繰り返すことで,複雑なアニメーションをつくっていくことができるのだという。この繰返しに使用する処理はプログラミング言語によって異なり,ActionScript3.0では,"EnterFrame"と"Timer"だと紹介。実際にボールを平行移動するシンプルなサンプルを作成しながら,デモを披露した。氏は「ActionScriptで行うアニメーションのほぼ全てで,この処理が必要になってくる。あとはどのような"ルール"を当てはめるか,ということだ」との述べ,アニメーションを制御する"ルール"を紹介。ルールごとにわかりやすくデモを行いながら解説した。スクリプトアニメーションでは3つのプロセスがサイクルしていると説明まずひとつめに重要な要素になってくるのが,Velocity(速度)である。Velocityは一見,Speed(速さ)と混同しがちだが,"速さ"に加えて"方向"を表すのが重要だという。これらのVelocityをXY座標にあてはめていくのがFlashアニメーションの基本であるとした。"速さ"に加えて"方向"の概念を持つ,速度の利用が重要また,角速度からXY速度への変換の例では,度をラジアンに変換するコードから,Math.cosをXに,Math.sinをYに当てはめるといってた,三角関数を用いた基礎的なコードを紹介。三角関数を用いてxy方向の速度を算出スピードに角度を自在に操ることで,柔軟性を得ることが出来るとした。次に,スピードを変えたい場合のルールとして,Acceleration(加速)が紹介された。オブジェクトの移動スピードを上げたい場合にはもちろんのこと「スピードを落とす場合にもAccelerationと読んでいる」と述べた。Accelerationのシンプルなコードは以下のようになる。この例では,ボールがだんだん加速しながら移動していく。vy;基本的な考え方として"加速を速度に追加させ,速度を位置に追加させる"と述べるキース氏。常に,Velocityに対してルールを加えていくという。加速の延長として,Gravity(重力)を紹介。Gravityはy軸方向のみの加速として定義される。これは,地球が常に同じ方向に物体をひっぱいてる事と同じだ。氏はコード自体は加速とほぼ変わらないとし,オブジェクトが落ちていくデモを見せた。Velocityの初期値をマイナス値にすることで,最初は上昇するものの,重力に引っ張られて落ちていくといった表現や,Gravityを極端に低くすると言ったパラメータのちょっとした変動で表現の幅が広がり,リアルになることを示した。氏は,「⁠とはいえ,これは物理の教科書に書いてあることとは違う。ゲームやアプリケーションに使うには十分だ。短時間で,短いコードで表現することが出来る。精度をだそうとすれば,その分負荷が掛かり,コードも複雑になる。」として,必ずしも精度の高いアルゴリズムを利用する必要がないことをアドバイス。Webデザイン著者プロフィール加茂雄亮(かもゆうすけ)株式会社ロクナナにて,ActionScriptを伴うFlashコンテンツや,AjaxコンテンツなどRIA開発に従事するフロントエンドエンジニア。イベントやセミナーでの講演など,精力的に活動している。2019」を開催しました。DAY1・DAY2の様子を注目セッションとともにお伝えします。LINEのエンジニア3名がイベントに先駆けて見どころを紹介します。コードの安全性・安定性を高める開発サイクル~テスト管理の効率を上げ,脆弱性診断を自動で行う~本連載では,連載「業務を改善する情報共有の仕掛け」を受けつつ,安全性・安定性を加えた開発サイクルについて考えていきます。若者世代から圧倒的な人気を誇るライブ配信&動画投稿コミュニティアプリ「MixChannel」(ミクチャ)の裏側(レコメンドシステムやサーバサイド開発など)について解説していきます。その他の連載CSS3アニメーションでつくるインターフェイス表現CSS3によるアニメーション表現を紹介していきます。その中でも,幅広い読者に応用してもらえるだろうインターフェイスを主なお題とします。MySQL道普請便り本連載では,MySQLを使ったアプリ開発・運用に関するノウハウをご紹介していきます。RecipeUbuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。JavaScriptセキュリティの基礎知識JavaScriptに関するセキュリティ上の問題はどこで発生し,どうすれば防ぐことができるのか?について解説していきます。〜システムをきちんと運用するための基礎知識システムは「作って終わり」ではなく,運用の中でさまざまな問題が発生します。問題の発生に備えて事前にどのような対応をしておくべきなのか,問題発生時に何をしなければならないのか,ポイントを解説していきます。きたみりゅうじの聞かせて珍プレーソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。PRESS特別編集部員,さわやか笑顔のスーパーハカーはまちちゃんとネット大好き14歳わかばちゃんが,毎号,読者の皆さんから寄せられたおたよりを紹介します。皆さんの日頃の悩みにも答えちゃいますよ。]メールでのお知らせメールで次の案内をお送りしております。メールの配信を希望する方は,利用したい項目をチェックしてメールアドレスを入力し,[登録]ボタンをクリックしてください。UPDATES[ほぼ週間に1回]新刊メールマガジン[ほぼ週間に1回]電脳会議の各号案内[ほぼ1ヵ月半に1回]※変更する場合や停止する場合は,登録情報変更ページをご覧ください。※登録いただいたメールアドレスには,そのお知らせ以外,配信いたしません。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。