canvas html5 使い方作品一覧

  • WebクリエイターのためのCreateJSスタイルブック JavaScript+HTML5で作るアニメーション/インタラクティブコンテンツ
    -
    ※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 JavaScript+HTML5でここまでダイナミックでインタラクティブな表現ができる!CreateJSは、HTML5のCanvas要素を使ってアニメーションやインタラクティブなコンテンツを作ることができるJavaScriptの統合ライブラリです。Flashコンテンツ制作で世界的に有名なGrant Skinner氏によって開発され、まさに「Flashのような表現」をHTML5上で実現することができます。本書ではCreateJSをどのように使えば良いか、どういう表現ができるのかを、サンプルを用いて丁寧に解説していきます。Chapter 01「CreateJSを始める前に」ではCreateJSのインストール、JavaScriptの基本解説、HTML5のCanvasへの描画の仕方を紹介。Chapter 02「CreateJS Suiteを使う」では、CreateJS Suiteの4つのライブラリについて、基本的な使い方を説明していきます。描画、アニメーション、外部画像の読み込み、マウス操作への対応、フィルタやマスク、サウンドなど、CreateJSでできる様々なことを紹介します。Chapter 03「CreateJSを応用する」では応用例として、数学や物理、および物理演算エンジンを使ってみます。これらの知識をCreateJSと組み合わせることで、ダイナミックでインタラクティブなコンテンツが作れます。Appendixでは、Flash Professionalとの連携や、JavaScriptの突っ込んだ話題などを取り上げています。JavaScriptを使ってよりダイナミックでインタラクティブな表現を実現したいWebクリエイターのための1冊です。 ■著者 野中文雄(ノナカフミオ) 慶応義塾大学大学院経営管理研究科修士。PC販売会社で、総務・人事、企画、外資系企業担当営業などに携わる。その後、コンテンツ制作会社に転職。制作のほかソフトウェアトレーニングなどの業務を担当する。2001年11月に独立。制作・講師業に加え、著述も始める。Web制作者向け情報発信プロジェクトF-siteに参加。株式会社ロクナナ取締役(非常勤)。Adobe Community Professional。※著者略歴は書籍刊行時のものを表示しています。
  • HTML5デザイン 仕事のネタ帳 CSS3+JavaScript+CSSフレームワークと活用するプロのテクニック
    -
    【これが“今の主流”の使い方! プロが現場で使う上級テクニックを解説】  Webサイト制作の現場で活用できる、HTML5の実践的なテクニックを集めた解説書。HTMLの最新バージョンであるHTML5は、ブラウザだけで華やかな演出や高度な処理が可能になる点などが注目を集め、制作現場で主流の技術のひとつになりつつあります。しかし、実際のWeb制作では、単にHTML5でマークアップを行うだけでは、HTML5の機能を充分に活用しているとは言い難いでしょう。第一線のプロは「HTML5を使って何を作るのか」「どのように使うのか」を切り口に、JavaScript、jQuery、CSS3、CSSフレームワークなどの技術といっしょに活用するテクニックを解説したのが本書の特長です。  全体は4章構成で、canvas要素・SVG要素を活用したアニメーションや、画像を加工するWebアプリのUIなどの制作方法を掘り下げています。IntroductionにはHTML5でのマークアップや新しい要素といった基本事項をまとめたほか、サンプルデータをダウンロード提供しています。実際のサイトでHTML5の取り入れ方がわからない、デザインや演出のアイデアはあるが、どの技術で実現できるのかわからないなどといった方には、特に役立つ内容です。

最近チェックした本