HTML5+WebGLでつくる3Dウェブサイト [iOS8/Android対応] Vixar Cartoonによるアニメーションサイト制作術

  • 著作者名:大西武
    • 書籍:4,212円
    • 電子版:3,240円
  • A5判:302ページ
  • ISBN:978-4-8399-5451-2
  • 発売日:2015年04月23日
  • 備考:マイナビBOOKSでの限定販売となります
    初中級
  • mixiチェック
  • このエントリーをはてなブックマークに追加

内容紹介

Vixar Cartoonで3Dアニメーションするウェブサイトを作ろう!

3Dアニメーションするウェブサイトを作ろう!
HTML5+WebGLの技術を活用したiOS8やAndroidスマートフォン上のウェブブラウザでも動作する3Dウェブサイト制作について解説。
Metasequoiaでモデルを作り、3Dウェブオーサリングツール「Vixar Cartoon(ビクサーカートゥーン)」で簡単に制作できます。Vixar Cartoonが優れている点はプログラミング無しでも十分完成されたWebデザインやWebコンテンツが作れ、さらにスクリプトで高度な事もできる点です。
アニメ漫画風のサイト、アンケートアニメや3D間違い探しのようなクイズコンテンツも提供できるようになります。
本書で作れる作品例はhttp://wrux.vixar.jp/で確認することができます。
本書とVixar Cartoonで、自分なりのオリジナル作品を作ってみよう!

商品を選択する

フォーマット 価格 備考
書籍(受注生産) 4,212 受注生産のため、決済完了から約10日後の発送となります。
PDF 3,240 ※当商品は発送を伴いません。ご購入後、「マイページ」からPDFをダウンロードしてください。
※ご購入された電子書籍には、購入者情報、および暗号化したコードが埋め込まれております。
※購入者の個人的な利用目的以外での電子書籍の複製を禁じております。無断で複製・掲載および販売を行った場合、法律により罰せられる可能性もございますので、ご遠慮ください。

電子書籍フォーマットについて

  

備考

大西 武 (オオニシ タケシ)
1975年香川県生まれ。大阪大学経済学部中退。主に3Dのツールやゲームを開発するクリエイター。
マイクロソフト社主催「Windows Vistaソフトウェアコンテスト」で大賞など、コンテストに20回以上入賞している。自作のオリジナル作品がテレビや雑誌などに多数採用されている。著書に『3D IQ間違い探し』(主婦の友社)、『3D-CGツール練習帳』(工学社)、『HTML5+JavaScript+CSS+WebGLによる3D Webコンテンツ制作』(秀和システム)など10冊以上の著書がある。
Webサイト http://vixar.jp/ http://webgl-3d.com/

目次


Chapter 1    3Dの基礎とツール活用入門
1.1 3Dの基礎知識
1.2 Vixar Cartoonでの開発優位性
1.3 Metasequoia 4で簡単モデリング 
1.4 Vixar TransMotionで簡単ポージング
1.5 Paint.NETでテクスチャを作成
1.6 Vixar Cartoonを使ってクイズを作る
Column 背景デザイナー

Chapter 2    PsychoVision3DライブラリとWebGL
2.1 PsychoVision3Dライブラリを使うためのテンプレート
2.2 canvasに背景色を描画 
2.3 canvasに三角形を描画するシェーダー 
2.4 canvasに三角形を描画 
2.5 canvasにテクスチャ付き三角形をシェーダーで描画
2.6 canvasにテクスチャ付き三角形を描画 
Column 書出しファイル 

Chapter 3    ベクトルと行列
3.1 ベクトル
3.2 単位行列、ベクトルと行列・行列同士の掛け算 
3.3 プロジェクション行列・ビュー行列
3.4 平行移動行列
3.5 XYZ回転行列 
3.6 スケール行列
Column Vixar Cartoonの名前の由来

Chapter 4    ボーンアニメーション付き3Dモデル
4.1 シェーダーでボーンアニメーション 
4.2 ボーンアニメーションするキャラクター
4.3 3Dモデルをクリックしたか判定
Column HTML5とWebAPI 

Chapter 5    2Dモデルとスマホ・PCの場合分け
5.1 2D画像やモデルのModel2Dクラス 
5.2 スマホとPCで場合分け
Column Vixar Cartoon Web Playerはフルスクリーンじゃなくても

Chapter 6    Vixar Cartoon Web Playerの作成
6.1 タイムラインの読み込み 
6.2 3Dモデルの表示 
6.3 吹き出しクリックで次へ進む 
6.4 フレームが進んだ時カメラを移動させる 
6.5 エルミート曲線の実装
6.6 BoneModel3Dの場合ポーズ・アニメーション 
6.7 吹き出しがチェックボックスだった場合 
6.8 背景画像・手前画像の並び順 
6.9 1行目スクリプトの実行
6.10 フェードイン・フェードアウト
6.11 アンドゥ機能 
6.12 Audio機能 
6.13 JavaScriptコードをVixarCartoon.jsへ
Column Vixar Cartoonで名前分け

Chapter 7    BoneModel3D向けボーン付きのモデル作成
7.1 Metasequoia 4でボーン作成
7.2 TransMotionでウェイトマップ作成
Column ウィンドウサイズが変更された場合 

Chapter 8    シンプルなホームページの作成
8.1 「このサイトについて」とオリジナル曲
8.2 3D間違い探し
8.3 スクリプトで自動車の色を変化

Chapter 9    アンケートアニメの作成
9.1 アンケートアニメの作成 
9.2 PHPファイルにGETされた値を受け取ってメール送信
おわりに 

この商品を買った人はこんな商品も買っています


最近チェックした商品

Tポイント利用手続き

         Tポイント利用手続きに関する同意事項

                                株式会社マイナビ出版

株式会社マイナビ出版が提供するマイナビBOOKSにおいてTポイントご利用続きをされる方は、以下に掲げるお客様の個人情報の取り扱いについてご確認の上、ご同意下さい。

マイナビBOOKSにおいてTポイントサービスをご利用いただいた場合に、当社から、次に掲げる<提供情報>を、<提供目的>のためにカルチュア・コンビニエンス・クラブ株式会社(以下「CCC」といいます)へ提供します。

  <提供目的>:CCCの定める個人情報保護方針及びマイナビBOOKSにおけるT会員規約第4条に定める利用目的で利用するためTポイントサービスを利用するため
  <提供情報>:
   1)お客様が【マイナビBOOKS】の正当な利用者であるという情報
   2)ポイント数・利用日
   3)その他、Tポイントサービスを利用するにあたり必要な情報

  <提供方法>: 電磁的記録媒体の送付またはデータ通信による。ただし、提供するデータについては暗号化を施すものとする。

なお、CCCに提供された、以下の情報の利用については、CCCの定める個人情報保護方針及びT会員規約 に沿って取り扱われます。
上記の情報提供の停止をご希望される場合には、【マイナビBOOKS】におけるTポイント利用手続きの解除を実施していただく必要があります。
Tポイント利用手続きの解除、およびTポイントサービスにおける個人情報に関するお問い合わせ先は、以下のとおりです。
お客様お問い合わせ先:Tサイト(http://qa.tsite.jp/faq/show/22612)

 なお、Tポイント利用手続きの解除が完了しますと、マイナビBOOKSにおけるTポイントサービスをご利用いただけなくなりますので、予めご了承ください。

Tポイント利用手続きを行いますか?