[B! 3D] aceraceaeのブックマーク

頑張らない3D表現！ WebGLを使わずにウェブサイトで3Dを実現するCSSテクニック - ICS MEDIA

ウェブデザインにおける3D表現はリッチでユーザーの興味を惹くものがあります。しかし3Dコンテンツの実装は技術レベルも高く、予算も豊富でないと難しいものです。そこで、今回はWebGLや代表的な3DライブラリのThree.jsを使わないで3D表現（あるいは3D風）を実現する方法を紹介します。サンプルを別ウインドウで開くコードを確認する 3Dを感じる理由まず3Dをユーザーに感じさせる理由について考えてみます。紙面にしても画面にしても実態は2Dの平面世界です。画面の中で3Dを感じるのは、人間が2D的に描かれたものから奥行きを知覚する特性があるからです。たとえば、すぼまっていく2本の線があると線が平行であると認知し、奥行きを感じます。この現象を体系化したものが遠近法です。より具体的な手法として透視図法があります。Three.jsを使った3D表現もこの透視図法によって描画されています。描画自体

aceraceae 2023/05/20

リンク

国土交通省が日本全国の3D都市モデルのアセットをUnity Asset Storeで配信。価格は無料

国土交通省が日本全国の3D都市モデルのアセットをUnity Asset Storeで配信。価格は無料編集部：杉浦諒ユニティ・テクノロジーズ・ジャパンは本日（2023年2月28日），同社が展開するアセット販売ページ“Unity Asset Store”で，国土交通省とシナスタジアによる「PLATEAU SDK for Unity」が出品されたことを明らかにした。価格は無料。「PLATEAU SDK for Unity」は，国土交通省が主導する日本全国の3D都市モデルの整備およびオープンデータ化を目指すプロジェクト“PLATEAU”のもと，シナスタジアが開発したオープンソースのツールキットだ。配信されたアセットには，家屋やビルなどの建築物だけでなく，都市計画区域などの都市計画決定情報，土地の用途を示す土地利用，都市のインフラを示す道路や橋梁などのデータも含まれる。これらのデータは，U

aceraceae 2023/03/01

使ってなんかやりたいな。

リンク

Brad Woods Digital Garden

3D in CSSPlanted: Jan 2023 Tended: Jul 2024 Status: sprout Tended: Jul 2024 Hits: 1108 Intended Audience: Front-end developers The perspective property enables a 3D-space for child elements. Its value determines the strength of a child's z-transf orm effect. Large perspective values cause small transf ormations, small values cause large transf ormations.

aceraceae 2023/01/14

リンク

点をぐるぐる回してどんどん重ねると楽しいな〜と思ってたらまたフィボナッチかよ！！ - アジマティクス

点を用意してxy平面上でぐるぐる回します。その１段上（つまり高さ方向に１進んだ地点）に、１つめの点が１周する間に２周するような点を用意します。３段目には、１つめの点が１周する間に３周するような点を置きます。段目には周するような点を、そうですね、60個程度重ねてみましょう。ウオエアなんだこれ！！！　めっちゃきもい！！！　楽しい！！！！！隣の点を線分でつないでみるとこんな感じになります（gifアップロード容量制限により途中まで）。う〜ん気持ち悪いですねぇ〜特にこの、動き始めの部分がめっちゃきもいほら。ﾆｭﾝってなってきもいそれぞれの点は、単にずっと同じ速度で回転しているだけです。ただそれだけなのにこんなに気持ち悪くなるなんて面白さを感じます。キャンプファイヤーみたいなやつ今回の制作物は3Dで、めずらしくz軸があるんですよねえ。いままでフーリエ装置や人体模型などいろいろな

aceraceae 2017/03/17

リンク

【完全3D再現】なぜそれをRPGにしたし。話題の『団地アート・オンライン』制作者が語る「多摩川住宅」愛

団地の外観だけでなく、公園の遊具、廊下、部屋の中など、すべてが詳細に再現されている。瞬く間にユーザーの間で話題となり、再生回数は20万回を突破。「手間がすごすぎる」「何のために作ったんだ」「私も鬼ごっこしたい」といったコメントで溢れた。この「団地アート・オンライン」の世界を作り上げたのはたった1人。カナダ在住のCG プログラマー、ミナセ宗谷さんだ。一体どのような思いでこの巨大3Dオブジェクトを作ってしまったのだろうか。その先に何を見据えているのだろうか。「ミリ単位まで正確に、終わりなく団地の再現を続けていく」と語るミナセさんにお話を伺った。取材・文／透明ランナー構成／ひらりさ実在の団地を完全再現してしまった「団地アート・オンライン」。解体されてしまうその前に――――「団地アート・オンライン」の動画にはびっくりしました。「団地を舞台にしたRPG」、それも実在の巨大団地をそっくりそのま

aceraceae 2017/02/14

団地好きとしては気になる。

リンク

脱Adobe/Adobe 代替のためのソフト＋α (2017/2/06更新)

脱Adobeのためのソフトと関連しそうなソフトまとめです。たぶん国内のまとめでは一番多く(また多機能)のソフトを紹介してるのでは？ Adobeの代替を探してる方や学生さんに参考にしていただければ幸いです。(あくまでも、趣味の範囲やお金のない学生向けです。可能ならAdobeでまとめたほうが情報も多いし、ソフト間の連携もシームレスになるのは言うまでもなく。) 基本無料か(性能・機能のわりに)安価なものです。有名だけどあまり優秀でないと思ったものは記載してないものがあります。(ex, Pixa、Sai、Paint.net、MMD等) 各カテゴリのとなりの()はAdobeではどのソフトかを表します。対応OSはWindowsかLinuxのみです。 Macを私は持ってますがあまり好きでないのと、ほかの方にあまりお勧めできない(主にスペック面で)ため載せてません。今回はCADについてはまとめませ