新「ルパン三世」オープニングが「片目で見ると立体的に見える」と話題に → ホントだああああ！
10月1日にスタートした、アニメ「ルパン三世」新シリーズのオープニングが「片目で見ると立体的に見える」と話題になっています。そんなバカな……と思った人は、だまされたと思ってぜひ試してみてください。 シネマトゥデイによる動画。ぜひフルスクリーンにして、片目で見てみてください！ うおおおお、ホントに立体的に見える！ 奥から手前へ、手前から奥へと縦横無尽に動きまわるルパン一味が、片目で見るとハッキリ立体的に感じることができます（フルスクリーンで見るとより立体的に）。特に圧巻なのが、次元が奥からこちらへ向かって銃弾を発射するシーン。2Dの映像なのに、ホントに弾丸が手前へ飛び出してくるような迫力があります。どうなってるのこれ……？ 実はこれ、ネットでは以前から「片目3D」と呼ばれているもの。奥行きのある映像を片目で見ると、脳が立体感を補おうとするため、平面なのに立体的に見えてしまうのだそう（逆に両目
百聞は一見に如かず。見て学ぶ、WebGLを中心とした3D技術デモ祭 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、サイトを開くと大概 +[shift]+Iでデベロッパーツールを立ち上げます、あゆみです。 表現のための技術は結構気になるクチでして、ネットの荒海に色々覗きに行くのが趣味なのですが、やっぱりCanvasとりわけWebGLは、表現が案件にはまればぜひともやりたいなと感じているわけです。 （VRやkinectらへんも気になってはいるんですが、機材が……。。。つい先日Oculus Riftの一般発売が2016年1〜3月と発表がありましたね。SCEのMorpheusも楽しみです！ ハードの進化が目まぐるしいですが、ソフトを作る側も必死でついていかないとですね。120fpsとか、楽しみだけど開発途中でマシン死にそう。） ※お手軽VRのハコスコを社内で使ってみた記事は「全天球カメラで360度ぐるっとパノラマ動画撮影！撮影機器とVRビューワーまとめ」です。 さて、前置きが長くなりました。 「W
写真やテキストの画像に1クリックで、立体的に見えるアナグリフのエフェクトを与えるPhotoshopのアクション -Anaglyph 3D Action
写真やテキストの画像に1クリックで、立体的に見えるアナグリフのエフェクトを与えるPhotoshopのアクション -Anaglyph 3D Action
動きのあるサイトを作るときに！ フォームを3D回転させられるjQueryプラグイン「TURNBOX.js」 | ライフハッカー・ジャパン
Nintendo Switchの純正プロコンを異次元レベルの操作性に!使わない理由がない革新的アダプター
任意の要素を3D回転させ、立体的に見せる国産のjQueryプラグイン・TURNBOX.js
任意の要素をアニメーションエフェクトで立体的に見せる、というスクリプト・TURNBOX.jsのご紹介。フラットなデザインと相性良さそうです。 要素に立体的なアニメーションエフェクトを与えて、3DなUIにする事ができます。フラットなデザインに使って欲しいとの事です。開発者さんはNOHTさんという日本の企業さんなので疑問があった場合でも連絡が取りやすいので安心ですね。 動作サンプルです 他にもアップロードのローディングに使えたりいろいろ応用幅が広い印象です。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript" src="turnBox.js"></script>↑ 本体とプラグインを読み込みます。 $(".foo").
圧倒的な3D表現にWebの未来を感じるWebGLを使ったサイト・デモ20選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 最近バランスボールで仕事してます。エンジニアののびすけです。 最近はHTML5が何かと話題になっていますね。今までWebブラウザの標準機能で実現できなかったことができるようになるということで注目されています。でも大抵の場合、HTML5とは広義で、JavaScriptやCSSも含めた意味合いのことが多いです。 今日は、そんなHTML5のAPIの1つであるWebGLを使ったサイトやデモを紹介したいと思います。WebGLはWebブラウザ上でプラグインなどのインストールなしで3D表現を行える技術です。 ※WebGLはPCブラウザではIE10以前のバージョンに未対応、そしてスマートフォンブラウザでも閲覧できないので、それ以外のブラウザで見てください。 特にこだわりがなければGoogle Chromeでの閲覧が好ましいです。また、WebGLの描画はPCに掛かる負荷が大きいので高いマシンス
Unity のシェーダの基礎を勉強してみたのでやる気出してまとめてみた - 凹みTips
はじめに 近年の GPU の進化に伴い 3D 周りの表現力がとても豊かになりました。そしてこの多彩な表現を可能としているのはシェーダによるところが大きく、シェーダを理解して書くことが出来ると、表現できることの幅がとても広がります。 Unity では素晴らしいことにシェーダを強力にサポートしていて、多様なデフォルトのシェーダに加え、カスタムシェーダを簡単に作るための土台が用意されています。しかしながら、パッとリファレンスや色々なサイトを見ただけでは、何がどうなっていて何をどうすれば良いのかなかなか分からないところがあります。 そこで、これから始める人の参考になればと思い、勉強しながら理解したことをまとめておこうと思います。調べながら書いているので、間違いなども多々あると思いますが、見つけた際はコメントや Twitter などでご指摘いただけると嬉しいです。 シェーダで色々出来る例 Unity
「ロングシャドウ」エフェクトをPhotoshopの3D機能で簡単に作る方法 | 株式会社LIG
フラットデザインとロングシャドウが定着しつつある今日このごろ。いつ廃れるかは誰にも分からないが、いわゆる「ロングシャドウ」ってやつは割りと綺麗だなと個人的に思ってます。作り方はCSSならtext-shadowを利用したジェネレーター、Photoshopならスマートオブジェクトを使ったテンプレートやアクションなどがあります。今回は一味違うやり方で、Photoshopの3D機能を使っての作り方をご紹介します。 なぜ3Dで作ったほうが便利かというと、それは、このように、入射光を調整することが簡単に行えるからです。 あと、光の減衰で陰がだんだんとぼやけていくというちょっとリアルな表現もPhotoshopで簡単にできちゃいます。 ※制作環境はPhotoshop CS6以上が必要です。 ロングシャドウをPhotoshopの3D機能で作る方法 3Dオブジェクトに変換 レイヤーに右クリックして、テキストレ
"世界最安"の3Dプリンター「Buccaneer」、3万4700円で国内予約販売を開始 : PCパーツまとめ
2013年10月25日20:00 "世界最安"の3Dプリンター「Buccaneer」、3万4700円で国内予約販売を開始 カテゴリその他 1: ライトスタッフ◎φ ★ 2013/10/25(金) 16:10:14.92 ID:??? ゲッコー・アンド・カンパニーは25日、シンガポール・Pirate 3D社製の低価格 3Dプリンター「Buccaneer(バッカニア)」を並行輸入し、国内販売すると発表した。 市販化に先駆けて同日より予約受付を開始しており、11月8日までに予約注文すると 早割り特別価格の3万4,700円で購入可能。通常価格は5万4,700円。出荷開始は 2014年2月27日予定となっている。 本製品は2013年5月に発表され、クラウドファンディング「KickStarter」にて 143万ドル(約1億4000万円)もの資金を獲得した注目の3Dプリンター。本体価格 347ドルという
無償の3D CADツールが登場、3Dプリンター用データを簡単に作れる
写真1●DesignSpark Mechanicalの画面（http://www.designspark.com/より引用） 大手電子部品販売会社のアールエスコンポーネンツ（RSコンポーネンツ）は2013年9月18日、3D CADツール「DesignSpark Mechanical」の無償提供を同社サイトで開始した。英国本社サイトでは昨日から提供しており、「1日で約1万件のダウンロードがあった」（英RS Components、Global Head fo Technical Marketing、Mark Cundle氏）という。稼働OSはWindows XP/Vista/7/8。 CADの知識がない初心者でも比較的手軽に3次元設計ができ、3Dプリンターの標準フォーマット「STL」など様々なデータ形式で出力できるのが特徴（写真1）。プロトタイプの設計に特化しており、「AutoCAD」や「So
立体的に動く！カッコイイ3D表現のCSS3サンプル5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのももこです。 あっという間に8月が終わってしまい、今年も残す所4ヶ月という事実に愕然としています…。 さて、今回はCSS3を使用し空間的な動きを付けているリッチなサンプルを5つご紹介します。 閲覧の際にはモダンブラウザ（最新のGoogleChromeなど）をご利用下さい。 Animated Books with CSS 3D Transforms https://tympanus.net/Development/AnimatedBooks/ 本にカーソルを当てるとページがパラッと捲れます。 表紙の文言もテキストになっており、更新もし易そうですね。 3D Restaurant Menu Concept https://tympanus.net/Tutorials/3DRestaurantMenu/ レストランで良く見る三つ折りのメニューが開閉します。 高級感を出したい
ブラウザーの3D表現もここまで来た！WebGLを使った驚きのWebサイト
ブラウザーで3次元コンピュータグラフィックスを表... / WebGLを使った3D表現 / SculptGL他...全13件 ブラウザーで3次元コンピュータグラフィックスを表示させるための標準仕様「WebGL」。Microsoftも重い腰を上げ、次期バーションの「IE11」からWebGLを標準サポートすることが決定しています。これからますます目にする機会が増えそうです。 そんな、圧倒的な3D表現が可能なWebGLを使った驚きのWebサイトを集めました。
わずか3万5千円で購入できる3Dプリンターが登場
誰もがMAKERSになれる時代がついに目前までやってきた！ クリス・アンダーソンの予言した未来｢3Dプリンターの普及により誰もがMAKERSになれる時代｣が現実味を帯びてきました。アメリカのPirate3D社が販売予定の3Dプリンター｢Buccaneer｣は、これまでの最安値を大きく下回る約3万5千円（347ドル）でリリースされる予定だそうです。誰でも手軽に・気軽に3Dプリンターを使える日も近い？かもしれません。 Buccaneerの印刷能力は最大100ミクロンで、速度は50mm/s。使用するにはWiFiでPCへ接続する必要があります。仕上がり品のクオリティは値段相応のようですが、この製品をきっかけに安値の3Dプリンターが量産されるようになれば、おのずと品質も向上していくでしょう。 Pirate3D社は現在KICKSTARTERでの資金調達を準備中。いち早く手に入れたい方はそちらもチェック
静かに流行り始めているポリゴン風デザインに挑戦！
2013年5月9日 Webデザイン, インスピレーション, 便利ツール 2013年を代表するデザイントレンドと言えばフラットデザイン。それを横目に、実は静かに流行り始めている「ポリゴン風デザイン」をご存知でしょうか？ローポリと呼ばれているものですね。今回はツールを使って写真からポリゴン風イラストを作ってみましょう！デザインの参考になるWebサイトやグラフィック・アートもまとめているので、オリジナルポリゴンアートに挑戦してみてください！ ↑私が10年以上利用している会計ソフト！ 「triangulator」でポリゴン風イラストを作成 ポリゴンは通常は3D系のソフトで作りますが、PhotoshopやIllustratorでも作ることができます。ただ、それではかなり時間がかかってしまうので、写真をサクッとローポリイラストに変換できる「triangulator」を使用します。こちらの動画をご覧頂け
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
IDEA * IDEA
ついに出た！4万円台で買える家庭用3Dプリンター『New Matter MOD-t』 - isuta（イスタ） -私の“好き”にウソをつかない。-
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
http://clockmaker.jp/blog/2014/01/html5-webgl-away3d-typescript-samples/
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。