2016年03月19日

女性が人差し指を中心にくるくる回転する不思議なGIFアニメの作り方


 面白いGIFアニメを公開している方がいました。
 tumblrの「RRRRRRRROLL_gif」というサイトで、女性がクルクル回転するGIFアニメがたくさん公開されています。

tumblr_mm48udQ4PI1rt0g8wo1_500.gif


tumblr_mrmjm3DRJK1rt0g8wo1_500.gif


 たくさんある中で管理人のお気に入りのGIFアニメがこれ。
 空間に置いた人差し指を中心に女性がクルクル回転しています。とても不思議な印象を受けます。他のGIFアニメとは全く違う。

tumblr_m6682mxtuF1rt0g8wo1_500.gif


 回転するGIFアニメは、カメラを固定し、回転する人物を連続して撮影すれば、簡単に作ることができます。でも、人差し指を中心にくるくる回転するこのGIFアニメはどうやって作ったのだろう?

 興味津々です。
 よくよく見ると、他のGIFアニメがカメラを固定しているのに対し、人差し指のGIFアニメはカメラが動いています。これがヒントになりそうです。

 それでは、他のGIFアニメのようにカメラを固定するとどうなるのか、早速試して見ました。

回転する女性.gif


 このようになります。
 カメラを固定すると、人差し指が動いてしまいます。

 そうなのです。このGIFアニメは、25枚のコマを1枚1枚人差し指が動かないように位置あわせをしてつくったもののようです。通常のGIFアニメはそれほど感動しませんが、カメラを固定するのではなく、画面の中の一点を固定するという逆転の発想には感動しました。

 上のGIFアニメはわかりやすいように各コマのサイズが変化してもそのままにしています。
 せっかく作ったので、これをcropして、余計な部分を削除すると下のようになります。背景固定バージョンです。

回転する女性crop.gif
 

 さて、この背景固定バージョンはどうやって作ったか分かりますか?

 もう一つ、作ってみました。カメラ固定バージョンです。フレームの抽出がうまくいかず、白い点が目立つので修正しました。このバージョンも面白いかも。不思議な感じがします。

index_finger.gif


 人差し指中心、かつ、カメラ固定バージョンです。さらに、1人バージョン、2人バージョンと3人バージョンの連続表示にしてみました。

人差し指回転2人人差し指回転3人


 だんだんとわけが分からなくなってきました。とても複雑なGIFアニメになりました(笑)。結構見応えのあるGIFアニメになっていると思います。単なる繰り返しのGIFアニメではないところが今回のポイントです。これって、何パターン変化しているのだろう、と思って頂ければうれしいです。変化パターン数は管理人にも分かりません。


posted by ネコ師 at 01:00 | Comment(0) | 役立つ知識(PC編) | このブログの読者になる | 更新情報をチェックする

2016年01月24日

動く絵画を作ってみた


 一枚の絵画をまるで動画のように動かすという作品が公開されていました。イタリアのアニメーター Rino Stefano Tagliafierroさんの作品です。なかなか見応えがあります。画像の一部分だけが動く『シネマグラフィ』とは違い、絵画自体の持つ迫力に加え、それが動き出すことでさらなる躍動感が伝わってきます。

   Beauty, when art comes to life

 ネット上で、この動画を切り取ってGIFアニメにして公開しているサイトがたくさんありますが、うちのサイトでは、よそ様の動画をパクるのではなく、アイディアをパクることにします(笑)。

 この動画の中の少女の絵を使って、同じようなものを作ってみました。GIF版です。

pictureanimation02.gif


アニメーションが動かない場合があるのでYouTube版も作ってみました。(リピート再生します。)



 この絵は、19世紀のフランスの画家ウィリアム・アドルフ・ブグローの『The Difficult Lesson (1884)』という作品です。以前から気に入っていた作品なので、動画の中でこの少女が動き出したときには感動しました。

作り方

 動画と同じ箇所を動かしています。頭と指、そしてリボンの三カ所です。動かす部分はそれぞれ切り取って別のレイヤーにし、さらに、動かしたときにオリジナルの部分が見えないように、背景画像の該当部分を消したものを作っています。

 作り方はいろいろあると思いますが、管理人はPhotoshopとFotoMorphを使って作りました。
 PhotoshopのTweensでは残像が残り、きれいにできないので、FotoMorphも使っています。

 さらに、FotoMorphではコマ単位の時間調整ができないので、giamを使って時間調整と最適化をしています。

picture_animation001.jpg


picture_animation002.jpg


 どのように動かすか、いつも悩むのですが、Rino Stefano Tagliafierroさんの動かし方が参考になりました。胸のリボンがゆっくりと滑らかに動くシーンが気に入っています。


posted by ネコ師 at 01:49 | Comment(0) | 役立つ知識(PC編) | このブログの読者になる | 更新情報をチェックする

2016年01月18日

Elan Language vs Google翻訳 本当はどっちが優れているの?


 クックパッドの日本語レシピで翻訳対決 Elan Language vs Google翻訳。上手に英訳したのはどっち?

 オンライン翻訳のElan Languageが、自社の知名度向上のために、Google翻訳に挑んだ動画“Taste the Translation”が昨年公開されました。

 Elan Languageというweb翻訳を知らなかったので、興味津々で動画を見ました。翻訳の比較対象に選ばれたのはクックパッドに掲載されている日本語レシピです。



 この動画を見ると、Google翻訳がひどい訳をしていることが分かります。そして、Elan Language翻訳では適切に訳している。

 でも、これは本当でしょうか。もし、Elan Language翻訳がそれほど優れているのならうれしい限りです。早速比較してみました。

web翻訳比較

 今回の翻訳比較に用いる原文は、オークアイランドのミステリーのWikipedia版(The Oak Island mystery)を使うことにします。

Web翻訳原  文 、  訳  文
原   文The Oak Island mystery
For more than two centuries treasure hunters, archeologists, engineers, and explorers have been trying to solve the mystery of what might be buried or concealed through extraordinary means on Oak Island. Hundreds of publications, books, documentaries, and programs have featured the island, and it is the subject of the History Channel's reality television series titled The Curse of Oak Island. The show takes its name from a supposed local legend about how seven people must die before the treasure will be found. Theories of what could be buried range from pirate gold, Roman outpost, Spanish treasure, Knights Templar treasure, Rosicrucian vault, King Solomon Temple artifacts, Ark of the Covenant, an ancient tomb, or the lost Shakespeare manuscripts. Areas of interest on the island include the shaft known as the Money Pit, a newly discovered underground cavern at the bottom of "Borehole 10X", a formation of boulders called "Nolan's Cross", the beach at "Smith's Cove", and the triangle-shaped "Swamp". Throughout the island, people have found artifacts such as the "90 foot stone" depicting hieroglyphics, ancient coins, discovered flood shafts, and recorded strange glyphs on rocks. Repeated excavations have even reported layers of apparently human-made artifacts as deep as 31 metres (102 ft) that have ended in collapsed excavations and flooding. Critics argue that there is no treasure and that the Money Pit is a natural phenomenon, likely a sinkhole.
Google 翻訳オークアイランドの謎
 2世紀以上の場合はトレジャーハンター、考古学、エンジニア、探検家は、オークアイランドに臨時の手段を介して埋めたり隠すことがかもしれないものの謎を解決しようとしています。出版物、書籍、ドキュメンタリー、及びプログラムの何百もの島を取り上げており、それはオーク島の呪いと題しヒストリーチャンネルの現実のテレビシリーズの主題です。ショーは宝物が発見される前に、7人が死ななければならないかについての想定地元の伝説からその名を取ります。海賊金の範囲、ローマの前哨基地、スペインの宝物、テンプル騎士団の宝、薔薇十字会ボールト、ソロモン王の寺院アーティファクト、コヴナント、古墳、または失われたシェイクスピアの原稿の箱を埋めることができたものの理論。島に興味のある分野は、マネー・ピット、「ボーリング10X」の下部に新たに発見された地下の洞窟、「ノーラン・クロス」と呼ばれる岩の形成、「スミスコーブ」のビーチとして知られているシャフト、及び三角形を含みます「沼」の字型。島全体を通して、人々はこのような「90フィートの石」描いた象形文字、古代のコインなどのアーティファクトを発見した、洪水のシャフトを発見し、岩の奇妙なグリフを記録しました。繰り返し発掘調査でも明らかに人為的アーチファクトの層の深として崩壊した発掘調査や洪水に終了した31メートル(102フィート)を報告しています。批評家には宝がないことやマネー・ピットは自然現象、可能性陥没穴であることを主張しています。
ELAN LANGUAGES翻訳、Bing翻訳オーク島ミステリー
 以上 2 世紀宝物ハンター、考古学者、エンジニア、および探検家は埋葬またはオーク島の特別な方法によって隠されているかもしれないものの謎を解くしようとされています。何百もの出版物、本、ドキュメンタリー、およびプログラムの特色、島、ヒストリー チャンネルの現実テレビ シリーズのオーク島の呪いをタイトルの件名です。 宝の前に死ぬ必要がありますどのように 7 人のはずの地元の伝説からその名を取りますが見つかります。何ができるかの理論埋葬海賊ゴールドから範囲ローマ前哨スペイン語の宝、テンプル騎士団の宝、薔薇十字会ヴォールト、キング ソロモン神殿アーティファクト、契約の箱、古代の墓や失われたシェークスピアー原稿。 島に関心のある分野には、「湿地」「ノーランの十字」、「スミス ・ コーブ」、および三角形のビーチと呼ばれる岩の形成お金ピットで「孔 10 X」の下部に新たに発見された地下洞窟として知られているシャフトにはが含まれます。 島全体、人々 は象形文字、古代コインを描いた「90 フィートの石」洪水シャフトを発見した岩の上奇妙なグリフを記録とアーティファクトを発見しました。繰り返される発掘調査は、終了している 31 メートル (102 フィート) として深い掘削が崩壊、洪水もどうやら人為的成果物の層を報告しています。宝がないと、自然現象、多分陥没をお金のピットには、評論家が主張します。
Yahoo翻訳オーク島ミステリー
 2世紀以上トレジャー・ハンターにとって、考古学者、エンジニアと探検家は、オーク島の上に驚異的な手段によって埋められるかもしれないか、隠されるかもしれないことの神秘を解こうとしていました。 何百もの出版物、本、ドキュメンタリーとプログラムは島を呼び物にしました、そして、それはオーク島の災いのもとというタイトルの歴史チャンネルのリアリティーTVシリーズの対象です。 ショーは、宝が見つかる前に、7人がどのように死ななければならないかについて、想定されたローカルな伝説からその名前をとります。 埋められることができたことの理論は、海賊金、ローマの最先端、スペインの宝、テンプル騎士団員宝、バラ十字会員の金庫室、ソロモン寺人工品王、契約の箱舟、古墳または失われたシェークスピア原稿から変動します。 島の関心の領域は、マネー穴、「ボアホール10X」の底の新しく発見される地下洞穴、「ノランの十字」と呼ばれている玉石の形成、「スミスの入江」のビーチと三角形形の「沼」として知られているシャフトを含みます。 島中で、人々は「90フィートの石」のような人工品が象形文字、古代のコイン、発見される洪水シャフトを表しているのを発見して、岩の上で変なシンボルを記録しました。 繰り返された発掘物は、明らかに人間製の人工品の層さえ崩壊した発掘物と氾濫で終わった31メートル(102フィート)と同じくらい深いと報告しました。 批評家は、宝がない、そして、マネー穴が自然現象(たぶん穴)であると主張します。


翻訳結果の比較

 Googleは正しい日本語を理解できないようです。意味不明の文字を羅列しているだけです。これで日本語翻訳ができるなどとはおこがましい。翻訳された文章を読んでも意味不明。そもそも、文章と呼べるレベルに達していない。本気で日本語に訳していると考えているのでしょうか。プログラムを最初から作り直した方が良いのではないでしょうか。

 さて、今回、注目のELAN LANGUAGES翻訳ですが、はっきり言ってがっかりです。Googleと同様、意味不明の単語の羅列です。驚いたことに、翻訳結果がBing翻訳と完全に一致しています。Bing翻訳は、ELAN LANGUAGES翻訳のエンジンを使っているようです。ELAN LANGUAGES翻訳は500文字までしか訳せないのですが、Bing翻訳はもっと多くの文字を訳せます。もし使うとするとBing翻訳の方が良いのですが、翻訳レベルが低すぎて、Google翻訳と同様に実用レベルに達していません。

 最後に、Yahoo翻訳です。これは、日本語にかなり近い。訳文を読んでいて、だいたいの意味を知ることができます。

 今回の比較では、少し長い文章で比較してみました。海賊の財宝関係の英文は訳しにくいのですが、Yahoo翻訳は適切に訳しているように思います。やはり、web翻訳を使うならYahoo翻訳です。

 ELAN LANGUAGES翻訳は、動画で比較する相手を間違えています。Google翻訳と比較しても意味がない。Yahoo翻訳と比較すべきでした。動画作りは上手でも、翻訳性能がお話にならないのではどうしようもありません。

 この記事のタイトル『Elan Language vs Google翻訳 本当はどっちが優れているの?』
 その答えは、どちらも最低レベルのweb翻訳だという結果になりました。期待していただけにとても残念です。

 今回はexcite翻訳は載せなかったのですが、試してみたところ、まずまずの翻訳精度でした。以前は箸にも棒にも引っかからないようなひどい翻訳だったけれど改善されている。翻訳エンジンを変えたのだろうか?


posted by ネコ師 at 02:00 | Comment(0) | 役立つ知識(PC編) | このブログの読者になる | 更新情報をチェックする

2015年12月26日

エクセルで作った表をブログに貼る最も簡単な方法:Excelマクロ


 以前、『エクセルで作った表をブログに貼る方法』という記事で、Excelで作った表をブログに貼り付ける方法をいくつか紹介しました。

 それらの方法は、たしかに便利そうなのですが、いざ使うとなると、いまいち使い勝手が良くありません。
 ふと気づいたのですが、Excelで作った表ならば、Excelのマクロを使って表をHTMLタグに変換すれば良いのではないかと。

 ネットで調べると、いくつかのサイトでマクロを公開しています。実際に使い勝手の良いマクロを試して、若干の修正を加えてみました。

機能

 このマクロを使うと、とても簡単にタグを生成することができます。なにしろ、表を選択してボタンを押すだけなので。これほど簡単にTHMLタグを出力する方法は他にないと思います。

 しかも、タグがとても短くシンプル。省略できるタグはすべて省略しているためです。

 操作方法は以下の通りです。

1.表を「シート」にコピーする。
2.表の範囲を選択する。
3.青いボタン(「選択した表をHTMLで出力」)をクリックする。
4.ブラウザが起動し、タグが表示されるので、タグの部分をコピーし、ブログに貼り付ける。

Excel_chart2html1.png


Excel_chart2html2.png


 作業はこれだけです。
 タグは1行で生成されるので、表の上部にスペースができてしまうといったトラブルもありません。コピーしてそのまま貼り付けるだけです。

 複合表には対応していないので、その場合は、生成されたタグを適宜修正します。
 センタリングや右寄せ等は対応していないので手作業で行います。

 いろいろやったのですが、結局のところ、この方法が一番簡単だと思います。とてもシンプルなタグができます(省略できる終了タグもないのでとてもシンプルです)。

Excelシートを入手する

 このExcelブックは以下のリンクからダウンロードしてお使い下さい。
 
 『EXCEL表をHTMLに出力するマクロ.xls

 ダウンロードパスワード: 4ztfr79d

 使用しているマクロは、『Excelで開発・Web連携』で公開しているものをお借りしています。

【追記】 バージョン2の公開(2016/9/14)

 このエクセルブックのダウンロード数が多いので、改良版の新バージョンも作りましたので公開します。シート上の表を選択してボタンをクリックすると表を消去できるようにしました。罫線も消えるので便利なボタンです。連続して作業をする場合にとても役立ちます。

 DLリンク(「EXCEL表をHTMLに出力するマクロ_v2.xls」)

 ダウンロードパスワード: ir38eg4f

HTML_EXCEL_TABLE.png


 表の化粧直しの方法については、他のサイトで公開しているので、そちらをご覧下さい。

 基本的な部分だけ、管理人のメモ程度に書いておきます。
 ・表の幅を設定 ⇒ <table>タグに、(例えば、width="95%" と追記)。
 ・表の見出しをセンタリング ⇒ 見出しの<td>タグ⇒ <td align="center">


センタリング・バージョンの公開

 あまり機能を付けると使いにくくなるので、単機能にしています。
 セル内の値をすべてセンタリングする必要があったので、センタリングバージョンを作ってみました。

 『センタリングバージョン(Ver.3)のダウンロード
 
 ダウンロードパスワード:  prq4uthf


サンプル年表の表示

 出力したタグを貼り付けたのが下の表です。表の幅を95%に設定。見出しのセンタリングをしています。
西暦時代
前200万年〜 600 旧石器時代・縄文式時代・弥生式時代・古墳時代
   601〜 700 飛鳥時代(592→)
   701〜 800 飛鳥時代(→710)・奈良時代(710→794)
   801〜 900 平安時代(794→)
   901〜1000   〃
  1001〜1100   〃
  1101〜1200   〃   (→1185)
  1201〜1300 鎌倉時代(1185→)
  1301〜1400 鎌倉時代(→1333)・南北朝時代(1333→1392)
  1401〜1500 室町時代(1392→1491)
  1501〜1600 戦国時代(1491→1573)・安土桃山時代(1573→)
  1601〜1700 安土桃山時代(→1603)・江戸時代(1603→)
  1701〜1800 江戸時代
  1801〜1900   〃   (→1868)・明治時代(1868→)
  1901〜2000 明治時代(→1912)・大正時代(1912→1926)  昭和時代(1926→1989)平成時代(1989→) 
  2001〜2100 平成時代


 Wordで作った表も、このExcelシートに貼り直して出力すれば、簡単にTHMLタグを取得することができます。

 
posted by ネコ師 at 22:18 | Comment(0) | 役立つ知識(PC編) | このブログの読者になる | 更新情報をチェックする

2015年07月14日

Google Mapを大縮尺で広範囲に印刷する方法(その2)


 前回に引き続き、Google Mapを大縮尺で広範囲に印刷する方法をご紹介します。
 今回は、前回よりもスマートにできます。こんな方法があるの?、という感じでしょうか。

 作業は、Google Mapから貼り付けタグを取得して、貼り付け範囲を巨大に修正後、html形式で保存。Firefoxのアドオンを使って、起動させたhtmlファイルのページ全体を出力する、という内容です。

 では、順を追って説明します。 


Firefoxアドオンを入手する
 ブラウザはFirefoxを使います。普段、別のブラウザをお使いの方は、この機会にFirefoxをお試し下さい。

 アドオンをインストールします。アドオン名は[screengrab]です。
  Firefoxのメニュー [ツール]⇒[アドオン]⇒ 検索窓に[screengrab]と入力し、目的のアドオンを探し、インストールします。

Firefox_addon01.jpg


 インストールが完了すると、上部のツールバーに、[screengrab]のアイコンiron_screengrab.pngが表示されていると思います。


Google Mapからタグを取得する
 1. Google Mapで目的の場所を開きます。
2. 印刷したい縮尺で表示します。
3. 画面右下にある[ギアアイコン]⇒「地図を共有または埋め込む」をクリックします。
GoogleMap_Icon03.png

4. 開いたダイアログで、@[地図を埋め込む]タブに切り替え、A サイズを10倍の値に設定(ここでは、8000 x 6000)と入力 (注:取り敢えず、このようにやってみて、後で調整します)。B 貼り付けタグをコピーします。

GoogleMap_Icon04.png


5. メモ帳を開き、貼り付け。[GoogleMap]と名前をつけてデスクトップに保存します(名前は何でもよい)。するとデスクトップに、[GoogleMap.txt]というテキストファイルが作られます。この拡張子を[txt ⇒ html]に変更します。


広域地図の高解像度画像の出力
1.次に、このファイル[GoogleMap.html]をダブルクリックして開きます。
2. Google Mapが開きます。サイズが大きいので開くのに少し時間がかかりますが、気長に待ちましょう。必ず、表示を完了させて下さい。
3. ページの読み込みが完了したら、最初にインストールした[screengrab]のアイコンの脇にある▼をクリックして、[保存]⇒[ページ(フレーム)全体]をクリック。名前を付けて画像を保存します。

GoogleMap_Icon05.png


 巨大で高解像度の地図画像がpng形式で出力されます。今回の設定では、8000px x 6000pxの大きさの画像になります。ファイルのサイズは5MB程度なので、それほど大きいわけではありませんが、かなりクッキリした地図画像を作ることができます。広範囲なのに驚くと思います。また、拡大しても文字を確認できる解像度になっていると思います。

 できあがった画像を見て、範囲を小さくしたいときは、画像をトリミングするか、あるいは、上記の縦横サイズの手順で数値を変更します。

 前回の「Google Mapを大縮尺で広範囲に印刷する方法(その1)」で紹介した方法と全く違う方法を紹介しましたが、いかがでしたでしょうか。

 このような方法を紹介しているサイトが見当たらないので書いて見ました。


  
posted by ネコ師 at 23:32 | Comment(0) | 役立つ知識(PC編) | このブログの読者になる | 更新情報をチェックする

▲ このページのTOPに戻る