たった256文字のJavaScriptコードで描かれた街の風景アニメがスゴ過ぎて訳がわからない／解説ページを見てもわからないorz【やじうまの杜】
サルパリ on Twitter: "エッシャーが作ってんのかこの家具 https://t.co/3GO4C1I0qR"
エッシャーが作ってんのかこの家具 https://t.co/3GO4C1I0qR
スマホARを作ろう - こくぶん研究室
スマホ AR を作ろう はじめに 不思議で楽しい AR ニンテンドー3DSの「ARゲームズ」（2011）で「AR」という言葉が一気に知られるようになりました。そしてポケモンGO（2016）の流行で、一気にたくさんの人が AR を利用するようになりました。 AR (Augmented Reality; 拡張現実) は、カメラの映像にCGなどを重ねて表示することで、現実世界を情報で拡張した体験を生む技術です。単純に「不思議」と思える、楽しいものですね。 スマホで AR も簡単に Processing で AR このサイトでも Processing を使って AR アプリを作る方法を紹介しました。パソコンとWebカメラがあれば、簡単に作れることを紹介しました。でも、パソコンだけでなく、スマホでも作りたいですね。もちろん、スマホで AR コンテンツを作る方法はこれまでもありました（例えばこちら）。
噂の3Dモデラー、Smoothie3Dではちゅねミクは3Dモデリングできるのか？ - East Music Works's blog
どうもeastです。 最近出たWEBブラウザで作動する3Dモデリングツール、Smoothie3D。 Smoothie-3D とにかくまずは、こちらの動画をどうぞ。 動画を見る限り、かなり直感的に使えそうな感じがしますね。 STLファイル、OBJファイルでの書き出しもできるようなので、 3Dプリンターで造形することを前提に出来上がっています。 さて、そんな最新のツールはどうやって使ったもんか、 はちゅねミクの画像を立体化することを通じていじってみました。 操作も少し覚えたので、参考までに記述していきますね。 微妙だな、というのがまず正直な感想です。 ログインしないと始められません。 アカウントを取得してからの作業になります。 メールアドレスとか、ごく簡単な情報を登録するだけです。 ログインすると、左上にNew projectが出ますので、こちらから。 これが初期画面です。 さて、画像の読み込
A-Frame – Building Blocks for the VR Web
Subscribe to get updates on A-Frame and our VR projects! Subscribe
スマホでホログラムっぽい表示方法を試してみた | Workpiles
空中に映像が浮かび上がるのってかっこいいですよね。 SF映画とかアニメとかで見るたびに、どうやったら作れるんだろうか考えてしまいます。 今回はちょっと思いついたアイデアを実験してみました。 こんな感じです。 調整がどうしても上手くいかなくてかなり解像度を落としているのに加え、視差画像枚数も少なくしているので全然ホログラムっぽくないですが…。 なんかスマホの上に浮かび上がっているように見えませんか？ では作り方です。 仕組み 表示装置の仕組みです。 仕組みは単純で、レンチキュラーレンズを使用して、直接見える画像とアクリル板に反射して見える画像を切り分けてるようにしています。 例）スマホ画面の画像（A画像）と乱世乱世（B画像）を同時に表示しています。 上記の例では、2枚の画像ですが、複数の視差画像を表示するようにすれば３D表示ができるわけです。 （裸眼3Dテレビを床に寝かせてガラスに反射させて
レーザーの泡が画素になる3Dディスプレイ、宇都宮大学発
レーザーの泡が画素になる3Dディスプレイ、宇都宮大学発2017.02.27 12:326,553 福田ミホ 透明の液体の中に、立体像が浮かび上がる。 3Dのディスプレイってもう長年研究されているし、3DTVなんてごく一般的になってしまいました。でも、空間に3Dで描画して、どんな角度から見てもちゃんと立体で見える体積型ディスプレイはまだまだ発展途上です。 でも宇都宮大学の熊谷幸汰さんを中心とするチームが、最近興味深い研究成果を発表しました。それは透明の液体の中にレーザーで泡を作って、そこに光を当てて立体像を描き出す仕組み｢Volumetric Bubble Display｣です。 そのアイデアは、蛍光の液体を使ったスクリーンを作ろうとしていて、強いレーザーで液体の中に小さな泡が生まれることが発見されたことから生まれました。このスクリーンの中身は粘性の高い液体（グリセリン）なので、レーザーでで
【2017年版】HTML/CSSで表現できる、すごいテキストエフェクト66選
ほとんどのモダンブラウザがCSS3対応となったことで、これまではPhotoshopなどのデザインアプリで再現していたようなデザインスタイルも、HMTL/CSSで表現できるようになってきており、その進化はますます加速しています。 今回は HTML と CSS、わずかな JavaScript で実装できる、表現力の高いテキストエフェクト用コードスニペットをまとめてご紹介します。コードニペットは各エフェクト別にカテゴリ分けしているので、ウェブサイト制作に活用したいエフェクトを見つけてみましょう。 ナビメニュー100連発！CSSで表現できるコピペ可能なHTMLスニペットまとめ CSS3の広がる可能性！美しいテキストエフェクト用コードスニペット24個まとめ CSSスタイリングで表現できる！すごいテキストエフェクト33個まとめ コンテンツ目次 1. アニメーション・テキストエフェクト 2. グリッチ・
Fusion 18 | Blackmagic Design
Fusionは、ビジュアルエフェクト・アーティスト、放送/モーショングラフィック・デザイナー、3Dアニメーターのための、世界最先端の合成ソフトウェアです。30年近くに渡り、Fusionは何千ものハリウッド映画やテレビ番組に使用されてきました。Fusionはパワフルなノードベースのインターフェースを採用しており、異なる種類のイメージ処理ツールをつなぎ合わせて、洗練されたエフェクトをすばやく簡単に作成できます！豊富な種類のツール、驚異的なVRおよび3Dサポート、GPUアクセラレーション機能、無制限のネットワークレンダリングなどに対応しています。Fusionは、エキサイティングな放送グラフィック、ドラマティックなタイトル、さらに劇場映画のビジュアルエフェクトなどの作成に必要な機能を全て揃えています！ Fusionページで作成した合成をテンプレートとして保存し、エディットページまたはカットページで
超簡単に3DCGできるJavaScriptライブラリ作った - aike’s blog
ブラウザでWebGLが使えるようになって3DCGプログラミングはずいぶん身近なものになりました。と書いてるそばから違和感を感じるくらい生のWebGLをJavaScriptで書くのは敷居が高かったりします。できなくはないけど前提となる知識がかなり必要な感じ。 three.jsが登場したときは、これで普通に3DCGができるということで一気にひろまりました。とはいえ、それでもまだやることは多く、画面に四角い箱を表示する場合以下のようなプログラムを書くことになります。 ・シーンを作成 ・ライトを作成、位置と向きを設定、シーンに追加 ・カメラを作成、位置と向きを設定、シーンに追加 ・マテリアルを作成、色を指定 ・BoxGeometryを作成、サイズを指定 ・メッシュを作成、位置と向きを設定、シーンに追加 ・レンダラーを作成 ・レンダリングループ処理 これらのひとつでも間違えたりパラメーターが適切でな
砂を掘ると「川」が出現 プロジェクションマッピングと融合したデジタル砂遊び、セガが今秋リリース
セガは9月10日、砂遊びとインタラクティブなプロジェクションマッピングを同時に楽しめる子ども向けアーケードゲーム機「え～でる すなば」を今秋から稼働すると発表した。 室内用の専用砂を掘ったり積み上げたりすると、高さに応じて川や海、山を投影する。砂の高さに応じてカラフルな映像がリアルタイムに変化していくという。 テーマに沿った絵を描く「できるかな」モードや、4つの季節をイメージした映像の「すなあそび」モードを選べる。プレイヤーの動きに反応する「ムシ」も登場し、砂場の上を動いたりもぐったりするようだ。 関連記事 顔面プロジェクションマッピング「OMOTE」 動きに沿う仮想化粧やメタリック仮面のデモ動画 女性の顔面に映像で化粧を施したりメタリックな仮面を被せたりし、しかも顔の動きにぴったり同期する“フェイスマッピング”のデモ動画が公開された。 世界初・大水槽で3Dプロジェクションマッピング、魚た
スクールガールストライカーズの 内製クライアントエンジン
近年、ハイスペックなスマートフォン、高品質なネットワークが普及し、それによりモバイルゲームの制作手法やそれを取り巻く環境も変化してきました。スクウェア・エニックスでは、そのような環境の変化に対して、日々新たなチャレンジをし続けています。そして、このようなスピード感溢れる業界の流れには、会社の枠を超えた技術情報の共有、交流が欠かせないと感じております。 そこでこの夏、社内のエンジニア・テクニカルディレクターによる最新のモバイル開発の技術情報や社内モバイルエンジン、開発秘話によるセッションをメインに、スクウェア・エニックス モバイル オープンカンファレンスを開催する運びとなりました。また、セッションの後は登壇する弊社スタッフと直接ディスカッションやフリートークができる場を設けております。この機会にスクウェア・エニックスという会社についても、より詳しく知って頂ければ幸いです。 マネージャー・テク
アニメGIFに縦線2本を入れるだけで3D化できることが話題に | Token Spoken
アニメGIFに何本か縦線を入れるだけで、アニメGIFを3D化出来ると言う信じられない話が、本日欧米で話題になっておりました。 それでは早速12連発でどうぞ！ 1 2 3 4 5 6 7 8 9 10 11 12 縦線の奥行きでの位置（Y）を決めて、その前後に物をはみ出させたり引っ込めたりすることによって、人間の目があたかも本当に奥行きがあるかのように錯覚してしまうんですねぇ。 いやしかし、我々人間の脳と、こんな事を思いつく方が素晴らしい！ 普段は欧米の最先端テクノロジー業界情報を配信しておりますので、twitterやFacebookページ、Google+で是非フォローをお待ちしております。 また、記事の買い取り行ってますのでKataribeも是非よろしくお願いします！ GIFs: 3D pictures become possible with two straight lines
これはすごい。水のキラキラを「永遠に」とどめた彫刻:DDN JAPAN
DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch
龍 lilea / Ryo Fujiwara on Twitter: "iPhone12届いたのでLiDARでスキャンしてみた。 iPadと違って片手でさくさく扱えるし、こんな手軽に空間をアーカイブ出来るのすごいな。 ついでに防水だし。 #iPhone12 https://t.co/xS5lOY6feH"
NEORT | Popular Arts
Poly was shut down on June 30, 2021. - Poly Help
Mixamo Get animated. Animate 3D characters for games, film, and more.
The Looking Glass - Looking Glass Factory