CSSアニメーションの進化もすごいですが、3DのCSSアニメーションも驚きの進化です！ 高校を卒業したばかりの18才の少年がつくった3Dアニメーションのライブラリを紹介します。 voxel.css voxel.css -GitHub voxel.cssのデモ voxel.cssの使い方 voxel.cssのデモ 上部のアニメーションgifは、voxel.cssのトップページで楽しめます。 ファイルサイズの関係で尺を半分くらいにしているので、ぜひ全編を下記ページでお楽しみください。
3Dに関するdalのブックマーク (16)
-
dal 2016/02/03
-
｢Seene｣の神アップデートで、iPhoneだけでフル3Dモデルが撮影できるように
｢Seene｣の神アップデートで、iPhoneだけでフル3Dモデルが撮影できるように2014.05.13 07:006,332 mayumine iPhoneだけで3Dフォトを撮影できるアプリ｢Seene｣。去年登場した時にギズでも記事にしました。 これまでは写真に視差効果を与えて擬似的に3Dにするだけでしたが、次のアップデートで完全な3Dテクスチャモデルを作成することができるようになるそうですよ。下のプレビュー画像をご覧ください。これはすごそう。 他に外部センサーやハードウェアの類は必要ありません。すべてiPhoneだけで完結します。 Seeneは撮影された被写体の各先端を分析し、スマートフォンの移動に合わせて対象物がどのように屈折して見えるかを計算します。基本的には視差効果を利用したこれまでのバージョンと同じ発想だと思いますが、かなり実用的になりますよね。だって、Seeneで撮影した対
-
-
2Dのドット絵なのに3Dっぽくライティングができる画像ツール「Sprite Lamp」
一時期「3D全盛時代、ドット絵を描ける人が減っている」と言われたことがありますが、携帯ゲーム機やスマートフォン向けのゲームが大流行している昨今、マシンパワーを食わない2Dゲーム向けにドット絵が復権しています。そこで問題になるのが作業量の削減。「Sprite Lamp」は2Dのキャラクタに対し、まるで3Dオブジェクトに対してのようにライティングを変えたイメージを出力できるツールです。 「Sprite Lamp」は光源の位置の変化とともに陰影が変化する「ダイナミックライティング」を2Dのスプライトに対して適用できるアプリ。 「松明の前を通り過ぎると影の向きが変わる」「銃を発射すると火炎が一瞬顔を照らす」といった演出は3Dではもはや当たり前ですが、2Dでこれをやるとなると光源の角度ごとに1枚1枚ドット絵を描くことになり、ものすごく作業量が増えてしまいます。「Sprite Lamp」は2枚からのラ
-
WebAnimate - a powerful 2D pipeline - ブラウザベースの無料モーション作成ツール！2Dモデルに3Dモーキャプデータの適用やフルボディリグ実装を紹介した映像が公開！
モデリング 技術 技術-Technology 三角原型 - 「洋裁CAD（桃CAD）」の開発者である工房奥谷氏による性別体格を... 2024-07-25 『立体裁断アプリ』や『桃CAD（洋裁CAD）』の開発者である工房奥谷（@tomosan119）氏による、性別体格を問わず理論上は補正が不要になる原型型紙製図法「三角原型」の技術論文「3D 人体計測データを基にした適応的なゆとり量の個別型身頃原型の開発」と動画が公開されています。 続きを読む ソフトウェア＆ツール-Software&Tool テクスチャ ソフト Height Lab 1.2.3 Beta - 数式レイヤーを重ねて視覚的にわか... 2024-07-23 Little Dreamer Gamesによる数式レイヤーを重ねて視覚的にわかりやすく確認しながらハイトマップ＆法線マップを生成する専用ツール「Height Lab」がSt
-
デザインドール
DesignDoll Ver6.0 was released! Read about the newly added features below Features Create a ”personalized sketch doll” and make it pose! DesignDoll is a software program that can freely manipulate human body models in 3D space. You can create postures and compositions that artists demand, with easy, intuitive operations. Download A completely new, next generation sketch doll This will support your
-
100,000 Stars
3,840°K (cooler) 7,300°K 42,000°K (hotter) B-V Stellar Color Index Temperatures in Kelvin The Sun is the star at the center of the Solar System. It is almost perfectly spherical and consists of hot plasma interwoven with magnetic fields.[12][13] It has a diameter of about 1,392,684 km,[5] about 109 times that of Earth, and its mass (about 2×1030 kilograms, 330,000 times that of Earth) accounts for
-
実際に制作された「メビウスの歯車」 | WIRED VISION
前の記事 『iPhone』をレトロなカメラに変える竹製ケース 「ネット禁断症状」の実態調査：10カ国の違いは 次の記事 実際に制作された「メビウスの歯車」 2011年4月 8日 サイエンス・テクノロジーデザイン コメント： トラックバック (0) フィードサイエンス・テクノロジーデザイン Charlie Sorrel じっと見ていると頭が爆発するはずだ。Photo: Berkeley Robotics この「メビウスの歯車」はあまりにも非現実的で、表現することはほとんど不可能だ。 この作品は「帯の片側にしか歯が付いていない歯車」であり、カリフォルニア大学バークリー校でロボット工学を専攻する学生のAaron Hoover氏が、さまざまな3D印刷技術を駆使して制作したものだ。Hoover氏は、このような歯車が実際に動くところのアニメーションを描こうと苦労した結果、このギアを実際に作ることが可能
-
Rotating color cube box with CSS3 animation, transforms and gradients
Spinning spiraling cube using CSS3 3D animation and 3D transforms. Note: Hover the black box or cube to pause the animation. Please view in Safari, iPhone or iPad. If the animation freezes while viewing in wide-screen and at the same time hovering the viewport with the mouse, simply refresh the browser to restart the animation. All images used come from WISE - Multimedia Gallery and are used in th
-
漫画を描くときに3Dを使って楽したいんだけど… ｜ お絵かき速報！萌え絵上達法
無念 Name としあき 11/03/07(月)03:21:32 No.39794065 漫画で3Dを使って楽できると思ったけど意外と使えないね・・・ こういうツール使ってる人居る？ 無念 Name としあき 11/03/07(月)03:22:00 No.39794090 つ有料素材 無念 Name としあき 11/03/07(月)03:25:55 No.39794311 漫画でPoserを使ってるっぽい漫画がいるが ３Dを扱ってるからわかるが(その漫画の)３Dモデルは脇の絞めが甘い 無念 Name としあき 11/03/07(月)03:27:13 No.39794374 コミスタの建物３Ｄ素材を使おうとしたことあったけど 慣れてないせいで望むアングルになかなか持って行けず時間が掛かった 慣れればまた違うんだろうけど 無念 Name としあき 11/03/07(月)03:27:35 No.
-
60個のソースが無料でダウンロードできるFlash 3Dの学習サンプル集 | ClockMaker Blog
当ブログではFlashの3Dに関する記事を数多く書いていますが、この度それらの記事をこの1ページにまとめてみました。系統別にまとめたので、目的とする解説やサンプルが探しやすくなったのではないかと思います。それぞれの記事でソースファイルをダウンロードできますので、学習の理解にお役立てください。 Flashの3Dエンジンで最もメジャーな「Papervision3D」を中心にブログ記事を書いています。 Papervision3D – チュートリアル クリックで再生できます フレームア クションで覚える PV3D チュートリアル Vol.01 フ レームアクションで覚える PV3D チュートリアル Vol.01 (補足) フ レームアクションで覚える PV3D Vol.02 : Primitiveを理解する フ レームアクションで覚える PV3D Vol.03 : Materialを理解する フ
-
【無料】粘土感覚で3Dモデリング！高性能フリーソフト「Sculptris 1.0」のデモ動画
5月25日にリリースされた「粘土遊び感覚」で3Dグラフィックを作れるフリーソフト「Sculptris 1.0」のデモ動画・チュートリアル動画をご紹介。夢が広がりますね。 3Dモデリングソフト「Sculptris 1.0」の無料ダウンロードはこちらから。Sculptris Download ※補足：公式サイトにはWin32が必要云々と書かれておりますが、OSX上でも動かせるようです。 2011年09月19日現在、「Sculptris Alpha 6」までバージョンアップしており、Windows版とMac版の両方を無料でダウンロードできるようになっております。「Sculptris Alpha 6」の無料ダウンロードはこちらから。 次の2つがSculptris公式のデモ動画です。 [YouTube] Sculptris 1.0 After six months of intense one-ma
-
-
普通の検索ボックスを作りました - 最速チュパカブラ研究会
The JUI 2009 Returns で Paul が CSS Transforms をプッシュしていたので、それにつられてデモを一つ作ってみました。 http://gyu.que.jp/giftbox/google/ 見てのとおり、普通の検索ボックスです。 普通にクエリ入力できます 普通に検索結果を見られます 箱の中にまた箱があることもあります。 …という感じで、また3Dネタですが、単なる画像ではない「生きている」HTML要素がグリグリ画面上を動き回れるというのは、何か新しいことができるんじゃないかという可能性を感じます。Canvas のほうは環境マッピングとかやって見た目は派手でしたが、いずれ O3D やら 3D Canvas やらが普及するまでの「つなぎ」です（だから、ライブラリ化したりする気がおきなかったんですが） しかし、IFRAME を変形させながらネストしてもしっかりレン
-
OpenGLの基礎
OpenGLは，3次元グラフィクスプログラミングにつかわれる標準的なライブラリです． ライブラリとは，プログラムの部品セットであるといえます． ライブラリを利用することで，自分で0から書かなくても， ライブラリが提供する部品を組み合わせることでプログラムを作成することができます． ここでは，OpenGLの基礎を説明します． OpenGLの概要 Ruby/OpenGL OpenGLプログラムの基本的な構造 イベント，コールバック，イベントループ 2次元図形の描画 図形プリミティブ 属性 2次元ビューの設定 ビューポート OpenGLの概要 OpenGLは，3次元グラフィクスプログラミングにつかわれる標準的なライブラリで，SGI(Silicon Graphics, Inc.)がGLという同社のコンピュータ専用のグラフィクスライブラリをもとに開発したものです． OpenGL以外でよく用いられる3
-
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しました