The Book of Shaders
by Patricio Gonzalez Vivo and Jen Lowe This is a gentle step-by-step guide through the abstract and complex universe of Fragment Shaders. Contents About this book Getting started What is a shader? “Hello world!” Uniforms Running your shader Algorithmic drawing Shaping functions Colors Shapes Matrices Patterns Generative designs Random Noise Cellular noise Fractional brownian motion Fractals Image
wgld.org | WebGL: クォータニオン(四元数) |
3D プログラミングと数学 3D プログラミングの世界では、数学的知識が非常に重要になる場面があります。 その最も代表的な例が[ 行列 ]でしょう。行列を知らずして、座標変換は行なえません。そのほかにも、ベクトルの知識や、内積・外積などの知識も欠かせません。ほんとに、困ったものですね。 さて、今回のテーマはクォータニオン(四元数)です。WebGL に限らず、DirectX などでも登場するクォータニオン。それがいったいどういうもので、使用することによってどう便利になるのか、あまりハッキリとイメージできない人も多いと思います。今回はこのクォータニオンの基本的な部分から、簡単な使い方までを解説します。あまり、本格的な数学の話になってしまってもつまらないだけですので、今回のテキストの最大の目的は理解することよりも使い方を知ることとして進めていきます。 そもそもそれはなんなのか クォータニオンは四
WebGLを使ってブラウザ上で3Dモデルを描画した話 - DMM.comラボエンジニアブログ
皆様、はじめまして！DMM.com Labo システム本部 事業サービス開発部の久野です。この度、社内の勉強会のLTで話した内容をまとめてみました！ 内容はWebGLというJavaScriptのAPIを使って、ブラウザ上で3Dモデルをアニメーション付きで描画するために何を行ったのか、です。 ▼実際に動作するデモです。 テクスチャを大量に読み込まなければならないので表示まで時間がかかるかもしれません。 ▲ブラウザによっては動作しない可能性がありますがデモプログラムなので悪しからず。 WebGLとはなんぞや？ WebGLとはKronos Groupが管理するOpenGL ES 2.0をブラウザ上のJavaScriptから扱えるようにしたAPIです。GPU(グラフィックカードまたはグラフィックボード)の機能を駆使して高度な3D描画を高速に行うことが出来、昨今のPC、スマートフォン等の主要なブラウ
WebGL GPU Landscaping and Erosion - Codeflow
A while ago I finished playing From Dust which I enjoyed a lot. What impressed me about that game was the application of landscape changes by erosion. One drawback of the tool Lithosphere I wrote earlier is that it can't do any form of hydraulic erosion. I decided to write a test in WebGL to see if a few simple algorithms could be used to shape a landscape according to hydraulic erosion. ContentsD
WebGLのカレンダー | Advent Calendar 2015 - Qiita
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.)
[WebGL] HDRレンダリングの様々な実現方法の比較 - Qiita
WebGL Advent Calendar 2015 7日目の記事です。 2015年10月、UnityはWeb Playerを非推奨とすることを発表しました。Flashについても終わりが見え始めています。また、最近はiOSやAndroidを搭載したモバイル端末の利用率が増加していますが、これらはUnity Web PlayerもFlashも対応していません。このため、以前はWebGLは軽量な3Dコンテンツ程度にしか使用されていませんでしたが、これまでUnity Web PlayerやFlash Stage3Dが担当していたような本格的な3Dのブラウザゲーム(もしくはインタラクティブコンテンツ)も、そのほとんどがWebGLに移行していくと予想されます。 現代のPC/コンソール向けゲームでは、HDRレンダリングやリニアブレンディングが当然のように使用されています。しかしながら、WebGLで同じ
![[WebGL] HDRレンダリングの様々な実現方法の比較 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/8ba8c8278edc9622569fe538512d1a187c259383/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-f625e957b80c4bd8dd47b724be996090.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCV2ViR0wlNUQlMjBIRFIlRTMlODMlQUMlRTMlODMlQjMlRTMlODMlODAlRTMlODMlQUElRTMlODMlQjMlRTMlODIlQjAlRTMlODElQUUlRTYlQTclOTglRTMlODAlODUlRTMlODElQUElRTUlQUUlOUYlRTclOEYlQkUlRTYlOTYlQjklRTYlQjMlOTUlRTMlODElQUUlRTYlQUYlOTQlRTglQkMlODMmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ21pZGRsZSZzPTYwNjMyNjQ4YTgyMGY4NDBhNTg2ZmM5YmQ5Yzc5ZWJh%26mark-x%3D142%26mark-y%3D151%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwWVZUJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz03MWUzOWY4MGM0ZTI5ZjIxYTRjYmNhNWQzYzM4ZDlmYw%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D4ac32fff2d2d0a84d476635f98837690)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - BinomialLLC/basis_universal: Basis Universal GPU Texture Codec
Eric Arnebäck
nunuStudio
AlteredQualia
CURL EXPLORER
チョコ溶かす奴
aasen.in
CodePen - Front End Developer Playground & Code Editor in the Browser