WebGLStudio
3D Development environment for the web. WebGLStudio (formerly known as WebGLStudio) is a platform to create interactive 3D scenes directly from the browser. It allows to edit the scene visually, code your behaviours, edit the shaders, and all directly from within the app. Try WebGLStudio.js Example Source on GitHub Documentation Learn or you can use the latest version (more features and more bugs)
Unity3Dのゲームの作り方講座
当サイトはUnityという無料でゲームを簡単に作れてしまうソフトの使い方を解説したサイトです。 しかもUnityなら3Dゲームも2Dゲームもスマートフォンゲームもブラウザゲームも簡単に作れてしまいます！ ぜひ当サイトでUnityの使い方をマスターしてください!! わからないことや知りたいことがあればコメントなどでお知らせください。 １．基本操作 Unity3Dのインストール - Unityって何？ プロジェクトの作成方法 ゲームオブジェクトの作成 ゲームオブジェクトをバウンドさせる。 スクリプトの追加、キャラクターの移動 オブジェクトの複製方法 プレハブについて ゲームをビルドし公開する ２．中級編 UnityAssetStoreを利用する パーティクルシステムでエフェクトを作成する１ パーティクルシステムでエフェクトを作成する２(応用編) OnGUI関数でGUI(ボタンとかスライダーとか
WebGLのカレンダー | Advent Calendar 2014 - Qiita
URLYou can post either your article on Qiita or your blog post. About reserved postingIf you register a secret article by the day before the same day, it will be automatically published around 7:00 on the same day. About posting periodOnly articles submitted after November 1 of the year can be registered. (Secret articles can be registered anytime articles are posted.)
GLSL-Projectron | fenomas.com
Or to be technical, I made a thing that makes things like that thing. (If your device doesn’t render it, it looks like this.) Backstory: a month and a half ago I left my job to make an indie game. One of the many things on my to-do list was “Learn shader programming”, and around that time I ran across this blog post by Roger Alsing about using genetic algorithms to create images. So I tried the sa
スマホでもWebGLが快適に動く! HTML5で体験する3D表現の可能性 – ICS MEDIA
WebGLウェブ・ジーエルとはブラウザで3D表示するための標準仕様。いまやスマートフォンを含むすべてのブラウザでWebGLが動作します。WebGLを使えばGPUによって描画が高速化されるため高度なグラフィカル表現が可能になります。 WebGLを使えば主に次のようなコンテンツ開発に役立ちます。 3Dモデルの表示 ゲームコンテンツ データビジュアライゼーション プログラミングアート 魅力的で華やかな画面演出（広告系サイトなど） かつてはFlash PlayerやUnity Web Playerのようなブラウザ・プラグインを使わなければ3D表現はできませんでしたが、WebGLの登場によってプラグイン未搭載のスマートフォンのブラウザでも3D表現が実現可能になりました。 本記事ではWebGL入門者にむけ、数秒で試せるオリジナルのWebGLのHTMLデモを多数掲載。どれもスマートフォンのブラウザでも利
Robert Hodgin – Portfolio v2
River Scars Generative Print Series River ScarsGenerative Print Series Google Maps API x Houdini 3D Renders of Google Data Google Maps API x Houdini3D Renders of Google Data Individuation Paper Simulation IndividuationPaper Simulation Akari Lanterns Procedural Lantern Generator Akari LanternsProcedural Lantern Generator Meander Procedural Map Generator for Meandering Rivers MeanderProcedural Map G
Soulwire
SoulwireBandcamp Music Visualisations Avant-Gard audio ocularisms in AS3 commercial | 18 Sep 2008 | 8 comments One of the most interesting projects I have worked on recently has just been launched! It’s called Bandcamp, and is the brain child of Ethan Diamond and Shawn Grunberger, both from Oddpost (which you’ll know these days as Yahoo! Mail). In short, Bandcamp is a “free hosted publishing platf
CSS Transitionsを使った3Dロールオーバーのアイデア (1/2)
イギリスのフリーランス、アートディレクター／デザイナーであるアンソニー・グッドウィン氏のポートフォリオサイト。※2014年5月にサイトリニューアルされたため、Internet Archiveを参照。 3Dの動きがおもしろいマウスオーバー 3Dパーツを多用し、ダイナミックにコンテンツを見せる「DESIGN EMBRANCED」。いろいろな場所をついついマウスオーバーしてみたくなるWebサイトだ。CSS Transitionsを採用することで、各パーツのアニメーションはとても滑らかに、ストレスなく動く。制作者の実装へのこだわりが見える。 3Dパーツは、マウスオーバーやページ遷移、ローディングアイコンに使われており、ユーザーに強いインパクトを与え、一貫した世界観を演出している。
Kinematics
Kinematics is a system for 4D printing that creates complex, foldable forms composed of articulated modules. The system provides a way to turn any three-dimensional shape into a flexible structure using 3D printing. Kinematics combines computational geometry techniques with rigid body physics and customization. Practically, Kinematics allows us to take large objects and compress them down for 3D p
Kinectで店員を呼ぶ装置：openFrameworksのサンプル一覧（3d/gl/graphics編） | Recruit Tech Blog
客室研究員のテライです。3/27のイベント”未来レストラン”に向けて展示品の開発を続けております。 さて、openFrameworksのexampleディレクトリに入っているサンプルプロジェクトは、似たような実装をしたい時に役立つのですが、ファイル数が多いので「あのサンプルってどれだっけ？」「こういうサンプルあったっけな？」と、また探す時間がかかってしまうことが（私は）あります。 一度は一通りサンプルは見ているので、後はそのサンプルのスクリーンショットさえ見れればぱっと思い出せて便利かと思うので、必要にかられましてopenFrameworksのexampleフォルダに入っているサンプルのスクリーンショットをとりました。 量が多いので今回は3d/gl/graphicsディレクトリぶんの紹介です。 ※ブログ記事として需要あるか分かりませんので、もし他のディレクトリぶんも見てみたい！と思われまし
Unity のシェーダの基礎を勉強してみたのでやる気出してまとめてみた - 凹みTips
はじめに 近年の GPU の進化に伴い 3D 周りの表現力がとても豊かになりました。そしてこの多彩な表現を可能としているのはシェーダによるところが大きく、シェーダを理解して書くことが出来ると、表現できることの幅がとても広がります。 Unity では素晴らしいことにシェーダを強力にサポートしていて、多様なデフォルトのシェーダに加え、カスタムシェーダを簡単に作るための土台が用意されています。しかしながら、パッとリファレンスや色々なサイトを見ただけでは、何がどうなっていて何をどうすれば良いのかなかなか分からないところがあります。 そこで、これから始める人の参考になればと思い、勉強しながら理解したことをまとめておこうと思います。調べながら書いているので、間違いなども多々あると思いますが、見つけた際はコメントや Twitter などでご指摘いただけると嬉しいです。 シェーダで色々出来る例 Unity
無料でiPhoneで3D写真を撮影しネット上で共有もできるアプリ「Seene」
3Dディスプレイの登場と共に、一時はスマートフォンやデジカメのカメラで3D撮影が可能なモデルがリリースされていましたが、最近はあまり見かけなくなっています。そんな絶滅寸前といっても過言ではない状態な3D写真をiPhoneで簡単に作成できてしまうのが「Seene」です。実際にどんな3D写真ができあがるのか気になったので使ってみました。 Seene Share life in 3D http://seene.co/ Seene for iPhone 4, iPhone 4S, iPhone 5, iPhone 5c, iPhone 5s, iPad Wi-Fi (3rd generation), iPad Wi-Fi + Cellular (3rd generation), iPad Wi-Fi (4th generation), iPad Wi-Fi + Cellular (4th gene
『Three.jsとBlenderによるWebGL』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 初めまして。 html5、javascript、flashなどのクライアント開発を メインに担当しております、 菅家(@KA_ka_YY)と申します。 弊社3月に行われました、エンジニア、デザイナーを対象とした アプリコンテストというイベントにて WebGLを使用した野球盤ゲームを作成しました。 その際利用したThree.js（WebGLのjavascriptライブラリ）を用いた WebGLの使用方法を紹介させていただこうと思います。 （1）レンダリングまずは Blender というフリーの3Dモデリングソフトで 以下のようなキャラクターを作りました
『スマートフォンで動くリアルタイム3Dグラフィック』
はじめまして。 アメーバ事業本部コア室コアディベロップメントグループの新屋です。 コア室では3Dアニメーションライブラリの開発を行っています。 リアルタイム・プリレンダ問わず3Dモーショングラフィックが好きで趣味でも3Dの制作をしています。プリレンダはTAKCOMさん、WOWのdaihei shibataさん、ogaoooooさん、リアルタイムはMasato Tsutsuiさん等の作品が好きです。 リアルタイム3D 昨今のスマートフォンの処理能力の向上に伴い、webブラウザでも一昔前にPCで動作していたようなリッチなコンテンツも高速に処理できるようになりました。 スマホサービスでは必ずと言っていい程CSSやjavascriptでのUI・演出アニメーションが組込まれています。 そうしたアニメーションの表現力を引き上げる方法の一つとしてリアルタイム3Dを紹介します。 リアルタイム3Dを扱う言語
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://boda.sensors.jp/index.html
Infinite-Realities | 3D Scanning and Digital Character Creation Service
menger sponge - jsdo.it - Share JavaScript, HTML5 and CSS
http://www.playfuljs.com/demos/terrain/
Loading...
Tridiv | CSS 3D Editor