リッチなHTML5コンテンツのためのフレームワーク「CreateJS」が公式サイトを公開 | ClockMaker Blog
Flashのエンジニアとして著名なGrant Skinner氏が開発している、「CreateJS」の公式サイトがオープンしました。 http://www.createjs.com/ CreateJSはHTML5を介してリッチなインタラクティブコンテンツの制作をサポートする、JavaScriptライブラリとツールのスイートです。CreateJS SuiteにはEaselJS、TweenJS、SoundJS、PreloadJS、とZoeのツールがあります。 私のブログでもEaselJS、TweenJSを使ったインタラクティブコンテンツのデモを幾つか制作して紹介してきましたが、Flashで培われた技術がそのまま利用できる点で非常に使い勝手のいいツール群だと思っています。 EaselJSとTweenJSでテキストエフェクト EaselJSを使った流体パーティクル入門 今回は公式サイトで明らかになっ
HTML5 Canvasを始めよう：EaselJSとTweenJSでテキストエフェクト | ClockMaker Blog
HTML5のCanvasをFlashライクに使えるようにするJavaScriptライブラリ「EaselJS」と「TweenJS」を使ってデモを作ってみました。 demo 今回のブログ記事では「EaselJS」と「TweenJS」の使い方をデモの作り方を通して紹介します。 ライブラリの紹介 「EaselJS」と「TweenJS」はFlashのエンジニアとして著名なGrant Skinner氏が開発しているJavaScriptライブラリです。「EaselJS」がHTML5 CanvasをFlashライクに使うためのライブラリで、「TweenJS」が汎用的なトゥイーンライブラリです。 ▲EaselJS HTML5のCanvas要素はHTML上に自由に描画することのできる新しい要素で、工夫することでFlashのように豊かな表現を作ることができます。ただCanvasではJavaScriptでちょっと
kanariia.net BLOG - [easelJS]JSのCanvasをFlashライクに使うライブラリ！<br />とりあえずHelloWorldしてみる。
めっちゃ久しぶりの更新。 blog.kanariia.netにURL変更なったので、 以前ブックマークしてくださってた方はこちらに修正お願いしまーす！ fladdictさんのこの記事で、JavaScriptのCanvasをFlashライクに使うライブラリが作られたってことを知って、これはやってみるしかないってことで、ちょっとまとめてみまーす！ 配布元はこちら。 Easel JS: A Javascript Library for Working with the HTML5 Canvas Element. とりあえずサンプル Hello World！ってゆうpng画像を読み込んだのとshapeをaddしたcontainerをEnterFrame的に動かしてみた。マウスイベントもとってます。 サンプル サンプル(別ウィンドウ)
まずは基本から・HTML5のCanvasについて参考になったサイトまとめ
WebデザインHTML5 Canvas ようやくHTML5に興味を持ち 始めました。サンプルを以前 記事にして、凄いなーと思っ ていましたが、なかなか時間 がなく、先延ばしに。 ようやくHTML5に興味を持ち始めました。 サンプルを以前記事にして、凄いなーと 思っていましたが、なかなか時間がなく、 先延ばしに。で、ようやく頭に入れ始めま した。なにするにも行動が遅くて困ります。 HTML5でも話題になっているCanvasを勉強し始めました。そんな中で、勉強の参考になりそうなサイトをブクマしたのでこれから学ぼう、とお考えの方とシェアしたいと思ってエントリー。 というわけで、基本的な情報がほとんどです。大量の情報を見ても混乱するのである程度絞っています。 html5.jp リファレンスサイトです。リンク先はcanvasカテゴリに。ここからスタート、というか最後までたぶんお世話になりそう。 ht
FlasherがHTML5で遊んだらこうなった（Flashにファイルをドロップ！） | _level0 - KAYAC Front Engineer Blog
お久しぶりです。インターンから正社員にジョブチェンジした新卒の堀口です。 ちまたではHTML5が騒がれていますね。 大抵Flashと比較されるのでFlash vs HTML5 みたいな構図が出来上がりつつあるの？？ みんなFlash嫌いなの？ って気持ちになってきますが、そもそもぼくはFlash vs HTML5というのに疑問を感じます。 お互のいい所を引き出せるクリエイターになりたいです！ いい機会なので、HTML5も覚えちゃいたいですね。 ともかくまずはHTML5に触ってみないと何も始まらないので、先週末に少し遊んでみました。 以前プログラマーの先輩に見せていただいたブラウザ上へのファイルのドラッグアンドドロップが衝撃的だったので、 ぜひこれをやりたいの、僕は。 ＊調べたらブラウザ上へのファイルのドラッグアンドドロップはFirefox3.6の対応のみでした。 ということでこんなデモを見
[HTML5] - 個人事業主のつぶやき
http://pluswing.net/html5/canvas.html ということで、テトリスを実装してみた。 テトリス自体(tetris.js)は小一時間でてきとーに実装したので、 ブロックの回転とかが微妙な感じ。 ※FirefoxはCanvasがもっさりしてるので、Chromeでプレイすることをオススメします。 それは置いておいて、なんでHTML5のCanvasを使おうかと思ったのかというと、 ChromeのCanvasが恐ろしく速いという事実。*1 これは、ゲームが作れるぞ！という興奮から。 (僕がゲームを作ってたのは7年ほど前になるけど、 その頃のそこらにあるマシン並に速度出てそうな勢い。Chromeは。) 実はテトリスは副産物で、 Canvasを使うにあたり、ライブラリが無いとねー ということで、描画周りのライブラリをひととおり作りました。 一個くらい作ってみないとライブラリ
JavaScript Canvasサンプル (gorogoronyan)
映像などいろいろ 音楽などいろいろ 思いつきでときどき落書き 2009/08/27 JavaScript教材のサンプル・グラフ編 2009/08/18 JavaScript Canvasサンプル いろいろサンプル。 --------------------------------- 2008/12/15 ホームページを作り始めてみる。 2009/08/05－08/22 JavaScript は個人的にあまり知らない言語なんで、ちょいとこちらも眺めてみる。 Canvas やグラフィクスあたりを眺めてみる。対象は Firefox 3.5。こちらまだ黎明の話なので、他のブラウザで動作するかどうか確認しないのであしからず。IE では動きません。Chrome や Safari など他のブラウザでどう見えるか？、同じように実行しているか？の比較テストサンプルぐらいに思ってください。 ◎参考リンク
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Canvas Cycle: True 8-bit Color Cycling with HTML5
http://blog.surfboard.co.jp/staff/archives/2009/10/09/easing.html
blog.wonder-boys.net is Expired or Suspended.