頑張らない3D表現！ WebGLを使わずにウェブサイトで3Dを実現するCSSテクニック - ICS MEDIA
ウェブデザインにおける3D表現はリッチでユーザーの興味を惹くものがあります。しかし3Dコンテンツの実装は技術レベルも高く、予算も豊富でないと難しいものです。そこで、今回はWebGLや代表的な3DライブラリのThree.jsを使わないで3D表現（あるいは3D風）を実現する方法を紹介します。 サンプルを別ウインドウで開く コードを確認する 3Dを感じる理由 まず3Dをユーザーに感じさせる理由について考えてみます。紙面にしても画面にしても実態は2Dの平面世界です。画面の中で3Dを感じるのは、人間が2D的に描かれたものから奥行きを知覚する特性があるからです。たとえば、すぼまっていく2本の線があると線が平行であると認知し、奥行きを感じます。この現象を体系化したものが遠近法です。 より具体的な手法として透視図法があります。Three.jsを使った3D表現もこの透視図法によって描画されています。描画自体
How to make clouds with CSS 3D - Blog - Clicktorelease
Reading time: 5 minutes Topics: CSS, 3d transforms, JavaScript This is a legacy post, ported from the old system: Images might be too low quality, code might be outdated, and some links might not work. A tutorial on how to use CSS 3D Transforms to create sprite-based 3D-like clouds like these ones. Introduction This tutorial will try to guide you through the steps to create a 3D-like, billboard-ba
PFold: Paper-Like Unfolding Effect
CSS 3D transforms are not supported in your browser Sorry, only modern browsers. Dear Allen, I just wanted to let you know that you left the garage door open and all the monkeys could get away! Great job! How often did I tell you NOT to forget to close it. On top of all that you also left the gate open and now they are literally in the wild! Anyway, just wanted to say THANKS for that! Yours, Barba
Meny - A three dimensional and space efficient menu concept
A three dimensional and space efficient menu. Move your mouse towards the arrow — or swipe in from the arrow if you're on a touch device — to open. Test it with any page by appending a URL, like so: lab.hakim.se/meny/?u=http://hakim.se. Meny can be positioned on any side of the screen: top - right - bottom - left Instructions and download at github.com/hakimel/meny. The name, Meny, is swedish. Cre
From catastrophe to can-do | Johnson Banks
From catastrophe to can-do
12 Best And Creative Photoshop 3D Text Effect Tutorials
12 Best And Creative Photoshop 3D Text Effect Tutorials by Vikas on August 19th, 2010 6 Comments » Share Photoshop 3d text effects are most popular technique among the designers of adobe photoshop software. Because now a days, animation is growing day by day in web designs. We can see number of websites uses 3d test effects in web design and make it beautiful and attractive. Typography and po
Adobe Illustrator, Photoshop Tutorials & Lessons | Computer Graphics for Illustration Students
Adobe Illustrator & Photoshop Tutorials & Lessons Computer Graphics Illustration Tutorials, Tips, & Tricks for Students Updated: August 06, 2008 This is a free illustration tutorial site designed to provide helpful information related to computer graphics. Listed below are numerous illustration tutorials and drawing lessons for all skill levels. Additionally, there are detailed step-by-step Adobe
写真に基づく3D空間構築手法の到達点 - A Successful Failure
一昔前は実世界の建築物を元にウォークスルー可能な3D空間を構築しようと思ったら、まず各部屋の形状を計測器を用いて計測し、その計測結果に基づいて人手でモデル化し、領域ごとにテクスチャを貼り、照明を設定して……と気の遠くなるような作業が必要だった。3D空間の構築は極めてコストの高い作業だったが、近年では2次元画像（実写写真）に基づいた3D空間の構築手法が長足の進歩を遂げており、以前に比べれば極めて低コストに3D空間を構築する事が可能となっている。 【告知】Twitterはじめました。@LunarModule7です。 興味のあるかたはフォローくださいとしばらく宣伝。 今ではバラバラに撮影した写真から、全自動で3D空間を構築し、内部を自由にウォークスルーできるようになっている。ワシントン大学とMicrosoft Reseachが2009年に発表した研究*1は現時点における集大成とも言えるものとなっ
美ら海発見.jp
美ら海、まるごと、水族館。世界有数の美しさを誇る、沖縄の海。そこでは日夜、雄大な命の営みが繰り広げられています。沖縄美ら海水族館は、その美しさ、豊かさ、大切さを伝えるために、サンゴ礁から深海まで、沖縄の海をまるごと再現しています。そこに生きる生物たちのありのままの姿とともに、沖縄の海を感じてください。
THE ECO ZOO | ECODA!DOBUTSUEN（城戸雅行）
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS3D Clouds
How to Illustrate a Microscope in Illustrator | Envato Tuts+
まるで魔法のようだ。２Dの図形を輝く３D画像にしてくれるPhotoshopアクション:phpspot開発日誌
Create Super Glossy 3D Typography in Illustrator and Photoshop | Envato Tuts+
http://www.is-real.net/experiments/css3/wonder-webkit/