この記事は、Three.js Advent Calendar 2016 8日目の記事です。 はじめに みなさんはthree.jsのカスタムシェーダを使った経験はありますか？ three.jsでは、THREE.ShaderMaterialからカスタムシェーダを利用できます。具体的にはTHREE.ShaderMaterialのコンストラクタで頂点シェーダとフラグメントシェーダを指定してMaterialを生成できます。 THREE.ShaderMaterialと似たようなクラスにTHREE.RawShaderMaterialがあります。 THREE.ShaderMaterialではビルドインのuniform/attributeの定義がシェーダの先頭に挿入されますが、THREE.RawShaderMaterialでは挿入されないという違いがあります。 three.jsでカスタムシェーダをバリバリ使

Patricio Gonzalez Vivo、Jen Lowe著 この本はフラグメントシェーダーについてのガイドブックです。難解で複雑なフラグメントシェーダーの世界を、一歩一歩わかりやすくご案内します。 翻訳について この文書はPatricio Gonzalez VivoのThe Book of Shaderの日本語訳です。 技術的な内容はできる限り正確に伝えるように心がけていますが、その他の部分では言葉を補ったり簡略化したり、表現を変えている部分もあります。英語が得意な方はぜひ原文もお読みください。 フィードバックにはgithubのレポジトリをご利用ください。 目次 イントロダクション 初めの一歩 シェーダーとは？ ハロー・ワールド！ ユニフォーム変数 シェーダーを使う アルゴリズムで絵を描く シェイピング関数 色について 形について 二次元行列 パターン Generative desi

WebGL Sketches by Yi-Wen Lin

Polygon shredder The polygon shredder that takes many cubes and turns them into confetti Move mouse around, the particles will be generated following the mouse Press space to pause, space again to resume Click and drag to rotate the camera, use scroll to zoom in and out Play with the controls and let's see what you can find! Factor: speed at which the particles move Evolution: the variation over t

Site en construction Besoin d'assistance ou d'informations ?

2017 is a historic year for 3D on the Web. We are seeing the explosion of WebVR and the potential of WebAR just around the corner. With WebGL now widely supported by default in modern browsers, tools such as X3D, X3DOM, Cobweb, three.js, glTF, and A-Frame VR are allowing nearly anyone to create Web3D content. Commercial game engines such as Unity and Unreal are starting to offer ways to export and

WebGL from the ground up. No magic. These are a set of articles that teach WebGL from basic principles. They are NOT old rehashed out of date OpenGL articles like many others on the net. They are entirely new, discarding the old out of date ideas and bringing you to a full understanding of what WebGL really is and how it really works. If you are interested in WebGL2 please see webgl2fundamentals.o

We are digital craftsmanship experts. By blending storytelling, technology and the love of a job well done, we create remarkable interactive experiences.

arkade arkade自宅である集合住宅の修理をしたいと考えている方が増えているとのことですが、修理工事の段取りやその金額などについては、ほとんどわからないという方も少なくないそうです。 集合住宅の修理と言いますと、トイレや洗面もあれば天井・壁もあるというように、多種多様な場所がありますが、業者によって技術力に自信を持っている分野や工事費設定がかなり違います。 浴室修理をやって貰える業者を３～５社見つけ出して、それらすべての業者に口コミ提出を依頼するのは、予想以上に苦労するはずです。そうした場合は、一括口コミ請求サイトを活用するといいと思います。 「パッキンおすすめを行なってもらったのだけど、パッキン交換工事にかかってくる費用の用意ができなかったため、その工事を諦めてしまった」という人々が少なくないと聞きました。そうは言っても、放っておけば地震による被害回避は不可能だと言わざるを得ませ

A nick on the blade of a sword, a gash on the handle of an axe or a fractured katana fresh with blood. Each scar has a tale to tell. Come discover them with the heroes of For Honor.

The project started in 2012, with the goal to deliver great experiments and highlight top web creative as well as newcomers. Year after year, it grows up, thanks to the participants, and inspire his visitors all around the world every months of december. It’s an independent & non-profit project, not related to any company, made by the community and given to the community, Merry Xmas!

See more of your world.Tango lets you see more of your world. Just hold up your phone, and watch as virtual objects and information appear on top of your surroundings. So no matter where you are, there's always a richer, deeper experience to engage with, explore and enjoy. You'll see. Do More Measure your surroundings with 3D tools, then re-imagine them with virtual furniture, appliances and more.

Grimoire.js provides effective structure to make use of WebGL representational power in Web development.