「我々は１つの動画をアップした。これは敗北を意味するのか？否！始まりなのだ！！！」 ^{(*1) (*2) (*3)}
(o≧ω≦)O

以前、MMDなどのための3Dモデルをつくっている3Dモデラーさんが、「キャラクターの3Dモデルをたくさんつくれば劇団がつくれそうですね」というようなことを書いておられるのを見て、「なるほど、それはいいな！」とおもいました。

そんなこんなで、ぼくも自前の「劇団」をつくるべく、2Dアニメの2Dモデルのキャラクターを複数体つくって、そのそれぞれのキャラクターに役者さんのような役割をしてもらって、いろいろな映像作品がつくれたらいいなと妄想しています。

この記事の冒頭にある動画に出ているようなキャラクターたちにご出演いただいて、ミニアニメやプチアニメというような形式の映像をつくってみようとおもっているので、そのための、2Dモデルのキャラクターをつくってみました。

この動画は、そんな、もうそろそろ動きはじめるかもしれない「劇団ごちゃまぜ」の「団員さん」のお披露目の動画です。

ほんの１１秒だけの動画ですが、これからこんなかんじで、「劇団ごちゃまぜ」の「団員さん」たちによるめくるめくドラマがドシドシ展開されていく・・・・・かもしれません。

続きを読む →

1. （参考：「ギレンの演説【実写版】ギレン・ザビ演説 ～ガルマ国葬～ 生アフレコ - YouTube」、https://www.youtube.com/watch?v=JIS5gLNPClk）[↩ Back]
2. （参考：「ギレンの演説」、http://www.geocities.co.jp/Playtown-Domino/4071/gundam/g_setsumei/girennoenzetu.html）[↩ Back]
3. （参考：「語れ！ギレン閣下！」、http://center.ed.kanazawa-u.ac.jp/~taguchi/taguo/ai/giren.htm）[↩ Back]

この動画では、Perfume（パフューム）の公式サイトで、「global site project #001」として配布されている、Perfumeのダンスのモーションデータと楽曲を利用させていただいて、Blenderでモデリングしてつくった3Dモデルをアニメーションさせてみました！

ほんとは、Perfume（パフューム）のお三方の三人分のモーションデータが利用できるのですが、今回は、大人の事情があったりなかったりで、かしゆかさんのダンスのモーションデータだけを利用させていただくことになりました。

またいつか、Perfume（パフューム）のお三方揃い踏みの3Dアニメーションをつくってみたいとおもいます。

ちなみに、この動画は、解像度が 4K（2160p（横3840ピクセル✕縦2160ピクセル））で、
フレームレートが 59.94fps という、けっこう気合の入った画質になっています。

なので、もし興味があれば、YouTube動画の画面右下の歯車のマークから「画質」を変更して、高画質の映像をお楽しみください。

続きを読む →

^(*1)

続きを読む →

1. （Christmas embroidery mounted on canvas by Teresa DownUnder, on Flickr）[↩ Back]
2. （マーティン・ルーサー・キング・ジュニア（キング牧師）、「I Have a Dream」（「私には夢がある」、1963年8月28日））[↩ Back]
3. （「I Have a Dream」の全文（英語）、BBC NEWS | Americas | 'I have a dream'）[↩ Back]
4. （Chris Heilmann、「HTML5 にまつわる誤解を解く | Mozilla Developer Street (modest)」（原文：「HTML5 mythbusting ✩ Mozilla Hacks – the Web developer blog」））[↩ Back]
5. （サイアム・ビストの言葉、著者：福井晴敏、『機動戦士ガンダムUC (10) 虹の彼方に (下)』（小説）、角川書店(角川グループパブリッシング)、角川コミックス・エース、2009年、116ページ）[↩ Back]
6. （「みんなのために・・・　みんなのために使う　連邦もジオンも　宇宙も地球も関係ない　みんなのためにラプラスの箱を」、バナージ・リンクス、『機動戦士ガンダムUC episode6「宇宙（そら）と地球（ほし）と」』（アニメ））[↩ Back]
7. （参考：episode6「宇宙（そら）と地球（ほし）と」のテレビCMの映像、機動戦士ガンダムUC episode6『宇宙と地球と』TVCM（アニメ））[↩ Back]

で、でけた・・・！
(o≧ω≦)O

ZBrushははじめてつかったので、めっちゃ調べまくったものの、
3Dモデルを自作してアニメーションさせることがでけました！

ZBrushおもしろい！

これまで、「モデリングが好きで好きでたまらない！」という人のことは、
「ま、まじか・・・、リスペクトするぜ！」とおもってましたが、
いやはや、ZBrushをつかってみて、
モデリングがおもしろいという気持ちがわかりました！
d(≧∀≦)b

ポリゴンモデリングで人型の3Dモデルをつくるには
あまりにクンフーが足りないので二の足を踏んでしまいますが（汗）、
ZBrushをつかったスカルプトモデリングは
粘土細工をつくるようなかんじで
直感的につくることができるので、たのしいです！

ZBrushでモデリングして・・・、

Photoshopで目のテクスチャをつくったりして・・・、

Mixamoのオートリギング機能をつかって手足などの体のリグをつけて・・・、

今回つかったモーションデータもMixamoでゲットしました。

はじめは宇宙人のグレイみたいでしたが、だんだん人っぽくなりました(笑)

3DXchangeをつかってiCloneでつかえる形式に変換して・・・、

iCloneでアニメーションさせて動画に・・・、

上記の画像には7万ポリゴンと表示されてますが、
できるだけポリゴン数がすくなくなるようにしたはずが、
なぜかこんな数字に・・・。

このポリゴン数だとローポリとは呼べないのかな？
見た目はローポリなのですが(笑)。

ポリゴン数がすくないほうが、
いろんな処理が早く完了するので、
できるだけポリゴン数を減らして
ローポリのキャラクターをつくっていきたい。

なので、今後はもっとポリゴン数を減らせるように
いろいろと工夫してみよう！
(o≧ω≦)O

あとは、口と、眉毛と、目と、まぶたを動くようにすれば、
つまり、表情をつけることができるようになれば、
もっと「ファビュラスマックス！」（※）になるはず。
d(≧∀≦)b

それらが動くようにするためには
顔にボーンを入れる必要があるとおもうので、
Blenderをつかうことになりそう。

Blenderはちゃんといろいろつかってみたいと
おもっていたのでいい機会です！
(o≧ω≦)O

人間万事 センス・オブ・ワンダー

倉田幸暢

「YouTubeマスターになっちゃうぜ学園」へようこそ！

ここで紹介しているカリキュラム（コンテンツ）を学べば、あなたもYouTubeマスター！！！、になれるかもしれません！
(o≧ω≦)O

続きを読む →

^(*1)

（注記：この記事を書いたあとで、別の新しいパソコンからBackWPup（バックWPアップ）をつかってみたところ、問題なくBackWPup（バックWPアップ）をつかうことができました。ですので、下記の記事でお話している「BackWPup（バックWPアップ）などのバックアップ用のプラグインがうまく機能しない場合がある」という問題は、ぼくの場合にかぎっては、どうやら、サーバーの問題ではなく、ぼくが使用していたパソコンになんらかの問題あったようです。ですので、そのことが判明したあとは、BackUpWordPress（バックアップワードプレス）ではなく、BackWPup（バックWPアップ）を使用することにしました。ただ、サーバーによっては、BackWPup（バックWPアップ）などのバックアップ用のプラグインがうまく機能しない場合がある、という現象は実際にあるようです。ですので、もしも、あなたがおつかいになっているサーバーの設定との相性などの問題で、BackWPup（バックWPアップ）などのバックアップ用のプラグインがうまく機能しない場合は、代替案として、下記の記事でお話しているように、BackUpWordPress（バックアップワードプレス）を利用するといいかもしれません。）
m(＿ ＿)m

ワードプレスのマルチサイト（サイトのネットワーク、複数サイト）の管理画面のなかで、
以下の両方のバックアップをおこなうことができるようにする必要がでてきたので、
いろいろなバックアップ用プラグインを見て回りました。

• ワードプレスを構成するファイル（やフォルダ）
• MySQL（マイエスキューエル）データベースのデータ

その結果、
たぶん、ワードプレスのバックアップ用プラグインとして
いちばん有名であろう、BackWPup（バックWPアップ）でもなく、
はたまた、UpdraftPlus（アップドラフトプラス）でもなく、
今回のぼくの場合は、最終的に、
BackUpWordPress（バックアップワードプレス）
というプラグインをつかうことにしました。

ここからは、そこにいたるまでの、
聞くも涙、語るも涙な、紆余曲折のいきさつをお話したいとおもいます。

（いやー、最終の結論にいたるまでに、ほんとうに時間がかかって大変でした（笑））
(≧ﾛ≦)

バックアップ用プラグインを探し求める、長い旅のはじまり・・・

ワードプレスのバックアップ用プラグインを探すにあたって、
まず、
「ワードプレス　バックアップ　プラグイン」
で検索をかけてみました。

その検索結果から、いくつものページを見て回りました。

その結果、どうやら、
BackWPup（バックWPアップ）というプラグインが
人気があってよくつかわれているらしいことがわかりました。

でも、いまいち確信がもてませんでした。

そこで、つぎに、
ワードプレスの公式サイトのプラグインのページで、
「backup」（バックアップ）
という単語で検索をかけてみました。

ワードプレスの公式サイトのプラグインのページ

そうして出てきた検索結果のなかから、
ダウンロード数が飛び抜けて多いプラグインをいくつかピックアップしました。

そうしてピックアップしたプラグインは、だいたいつぎの４つです。

• BackWPup（バックWPアップ）
• UpdraftPlus（アップドラフトプラス）
• BackUpWordPress（バックアップワードプレス）
• WP-DBManager（WP-DBマネージャー）（WP-データベースマネージャー）

今回のぼくの場合は、ワードプレスのマルチサイト
（サイトのネットワーク、複数サイト）の管理画面のなかで、
ワードプレスを構成するファイル（やフォルダ）と、
MySQLデータベースのデータの、
両方のバックアップをとることができる
プラグインを探すのが目的でした。

ですので、今回は、 続きを読む →

1. （BalticServers data center by Fleshas, on Wikimedia Commons）[↩ Back]

ここでは、下の動画のような、HTML5をつかったブラウザゲームをいくつか紹介しながら、「遊び」、「学び」、「集客・販売」の未来についてお話していきます。

続きを読む →

1. （「遊びをせんとや生（うま）れけむ
   　　戲（たはぶ）れせんとや生（むま）れけん
   　　遊ぶ子供の声聞きけば
   　　我が身さへこそゆるがるれ」
   、編集：西郷信綱、『梁塵秘抄』、ちくま学芸文庫、筑摩書房、2004年、19ページ）[↩ Back]
2. （「遊びをせんとや生（うま）れけむ、戲(たはぶ)れせんとや生(むま)れけん、遊ぶ子供の聲(こえ)きけば、我が身さへこそ動(ゆる)がるれ。」、校訂：佐佐木信綱、三五九（359）、「雜八十六首」（雑八十六首）、「四句神哥　百七十首」（四句神歌）（しくかみうた）、「梁塵祕抄 卷第二」（梁塵秘抄 巻第二）、『新訂 梁塵秘抄』、岩波文庫 黄 22-1、岩波書店、1941年、66ページ）[↩ Back]
3. （白川静、「遊字論」、『文字逍遥』、平凡社ライブラリー、平凡社、1994年、10ページ）[↩ Back]
4. （ダニエル・ヤーギン（Daniel Yergin）、（訳 伏見威蕃）、「結論−"偉大な革命"」、『探求――エネルギーの世紀(下)』、2012年、433ページ）[↩ Back]

ここでは、「YouTube動画の再生終了後にリダイレクトで別のページに自動的に移動させる」という仕組みの実例と、その仕組みをカスタマイズしてつかう方法をお話します。

下は、この仕組みの実例です。YouTube動画を最後まで再生すると、それと同時にリダイレクトで別のページに飛ばされます。（話をわかりやすくするために、動画は50秒ほどの短いものにしています。）

これによって、「動画を最後まで見た人をあらかじめ設定しておいたページに自動的に移動させることができる」という仕組みをつくることができます。

下の実例の上部の「HTML」タブを押すと、この仕組みのソースコード（HTML、JavaScript、CSS）を見ることができます。

See the Pen
YouTubeEndPointRedirect by 倉田幸暢 (@yukinobukurata)
on CodePen.

上の実例の上部のメニューバーのなかのタブやボタンの内容は、つぎのとおりです。
「HTML」タブ： この仕組みのソースコード（HTML、JavaScript、CSS）のパネルを表示（または非表示）させる。
「Result」タブ： この仕組みのソースコード（HTML、JavaScript、CSS）を実行したときのウェブページの状態を再現したパネルを表示（または非表示）させる。

ソースコードのダウンロードは、こちらをクリック。（GitHubのリポジトリ）

動画マーケティングに応用する方法

動画を最後まで見た後、視聴者の操作を待たずにリダイレクトで自動的に、セールスレターや、オプトインページなどに移動させたいという場合に、この仕組みをつかうといいでしょう。

誰でもかんたんにつかえるように、設定項目はできるだけわかりやすくしました。

興味があれば、ぜひこの仕組みをつかってみてください。

続きを読む →

ここでは、「YouTube動画の一時停止ができないようにする」という仕組みの実例と、その仕組みをカスタマイズしてつかう方法をお話します。

下は、この仕組みの実例です。YouTube動画を再生しはじめると、画面をクリックして一時停止にしようとしても動画を止めることはできません。（コントロールバーは非表示にしているので、一時停止ボタンを押すことはできません。）

これによって、「動画を見はじめたら最後まで見るしかなくなる」という仕組みをつくることができます。ページを再読み込みすれば動画の再生は止まりますが、そうすると、つぎに動画を見るときは、またいちばん最初から見なおさなければならなくなります。

下の実例の上部の「HTML」タブを押すと、この仕組みのソースコード（HTML、JavaScript、CSS）を見ることができます。

See the Pen
YouTubeUnstoppablePlayer by 倉田幸暢 (@yukinobukurata)
on CodePen.

上の実例の上部のメニューバーのなかのタブやボタンの内容は、つぎのとおりです。
「HTML」タブ： この仕組みのソースコード（HTML、JavaScript、CSS）のパネルを表示（または非表示）させる。
「Result」タブ： この仕組みのソースコード（HTML、JavaScript、CSS）を実行したときのウェブページの状態を再現したパネルを表示（または非表示）させる。

ソースコードのダウンロードは、こちらをクリック。（GitHubのリポジトリ）

動画マーケティングに応用する方法

セールスレターや、オプトインページなどで、途中で動画の再生を止めずに、動画の内容をいっきにすべて見てほしいという場合に、この仕組みをつかうといいでしょう。

誰でもかんたんにつかえるように、設定項目はできるだけわかりやすくしました。

興味があれば、ぜひこの仕組みをつかってみてください。

続きを読む →

ここでは、「YouTube動画と連動して、あらかじめ設定した時間になると購入ボタンが表示される」という仕組みの実例と、その仕組みをカスタマイズしてつかう方法をお話します。

下は、この仕組みの実例です。YouTube動画を再生しはじめてから、一定時間（２０秒）が経過すると、動画の下に購入ボタンが表示されるように設定しています。

途中で一時停止すると、カウントダウンタイマーも一時停止します。もう一度再生をはじめると、カウントダウンタイマーも動き出します。これによって、「指定した時間まで動画が再生されたときだけ、購入ボタンを表示させる」という仕組みを実現することができます。

下の実例の上部の「HTML」タブを押すと、この仕組みのソースコード（HTML、JavaScript、CSS）を見ることができます。

See the Pen
YouTubeMagicBuyButton by 倉田幸暢 (@yukinobukurata)
on CodePen.

上の実例の上部のメニューバーのなかのタブやボタンの内容は、つぎのとおりです。
「HTML」タブ： この仕組みのソースコード（HTML、JavaScript、CSS）のパネルを表示（または非表示）させる。
「Result」タブ： この仕組みのソースコード（HTML、JavaScript、CSS）を実行したときのウェブページの状態を再現したパネルを表示（または非表示）させる。

ソースコードのダウンロードは、こちらをクリック。（GitHubのリポジトリ）

動画マーケティングに応用する方法

この仕組みは、「YouTube動画と連動して、あらかじめ設定した時間になると購入ボタンが表示される」という仕組みです。

わかりやすくいうと、「動画の内容をちゃんと見た人だけつぎのステップに進める」という仕組みです。

動画セールスレターや、オプトインページなどでこの仕組みをつかうと、効果的です。

もし、動画の下にはじめから購入ボタンがついていたら、それを見た人は「この動画は売り込みのための動画だ！」とおもって、抵抗感がうまれてしまいます。

これでは、提案を受け入れてもらいにくくなってしまいます。

そうではなく、はじめは購入ボタンを表示させないようにしておいて、抵抗感なく動画を見はじめてもらい、動画のなかで興味を引いてから、頃合いを見計らって購入ボタンを表示する。

こうすれば、抵抗感を引き起こさずに、自然な流れで提案をおこなうことができるので、提案を受け入れてもらえる確率があがります。

その結果として、成約率やオプトイン率が上がるでしょう。

また、このカウントダウンタイマーは、YouTube動画の一時停止/再生と連動して動きます。なので、動画を一時停止するとカウントダウンタイマーも一時停止し、もう一度動画の再生をはじめると、カウントダウンタイマーも動き出します。

これによって、「指定した時間まで動画が再生されたときだけ、購入ボタンを表示させる」という仕組みを実現することができます。

僕が知るかぎり、このような仕組みはこれまで有料のツールでしか実現できませんでした。

それが、今や、完全に無料で誰でも自由につかうことができるようになりました。

科学の勝利ですね（笑）。

あと、誰でもかんたんにつかえるようにするために、設定項目もできるだけわかりやすくしました。

興味があれば、ぜひこの仕組みをつかってみてください。

続きを読む →