Der Schmale - Real-time 3D programming | David Lenaerts – Freelance graphics programmer
Welcome! Here’s a selected overview of my recent work and code experiments.
Web3D 2017 – 5-7 June 2017, Brisbane Australia
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
Next-generation 3D Graphics on the Web
Apple’s WebKit team today proposed a new Community Group at the W3C to discuss the future of 3D graphics on the Web, and to develop a standard API that exposes modern GPU features including low-level graphics and general purpose computation. W3C Community Groups allow all to freely participate, and we invite browser engineers, GPU hardware vendors, software developers and the Web community to join
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、スマートフォン等の主要なブラウ
Engadget | Technology News & Reviews
How to watch Polaris Dawn astronauts attempt the first commercial spacewalk
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] HDRレンダリングの様々な実現方法の比較 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? WebGL Advent Calendar 2015 7日目の記事です。 2015年10月、UnityはWeb Playerを非推奨とすることを発表しました。Flashについても終わりが見え始めています。また、最近はiOSやAndroidを搭載したモバイル端末の利用率が増加していますが、これらはUnity Web PlayerもFlashも対応していません。このため、以前はWebGLは軽量な3Dコンテンツ程度にしか使用されていませんでしたが、これまでUnity Web PlayerやFlash Stage3Dが担当していたような本格的な
![[WebGL] HDRレンダリングの様々な実現方法の比較 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/f6ef286394db0db27c4e5251653bc6a9955aa144/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzg1NzglMkZwcm9maWxlLWltYWdlcyUyRjE0ODA4NzU2MDg_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9NDdkMDFkYWQ3ZGUwYjM1MGRhNTJhNmU1ZWYxNWM2ZDE%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D944830517fb0257d3a09d3d2dd53f84a%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCV2ViR0wlNUQlMjBIRFIlRTMlODMlQUMlRTMlODMlQjMlRTMlODMlODAlRTMlODMlQUElRTMlODMlQjMlRTMlODIlQjAlRTMlODElQUUlRTYlQTclOTglRTMlODAlODUlRTMlODElQUElRTUlQUUlOUYlRTclOEYlQkUlRTYlOTYlQjklRTYlQjMlOTUlRTMlODElQUUlRTYlQUYlOTQlRTglQkMlODMmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz03ODJhMDkyZDBlOTY1OWY5MjgwZjkzMDMzZjBmOWVhNA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBZVlQmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz02NTJjMWZjMzY4NzgzZTlkNWVmYmE4NmJlYzM4ZGNmOQ%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D480e93438caf199f01bd1bc6065d634a)
ブラウザからBluetoothが使える！ JSでWeb Bluetooth APIを使ってBLE機器を操作する方法[Lチカ・温湿度センサー編] - ICS MEDIA
ブラウザ上で可愛いフィルターを実現！TensorFlow.jsを使ったリアルタイム顔認識 7月9日公開岩間 日菜♥ 18
![ブラウザからBluetoothが使える！ JSでWeb Bluetooth APIを使ってBLE機器を操作する方法[Lチカ・温湿度センサー編] - ICS MEDIA](https://cdn-ak-scissors.b.st-hatena.com/image/square/4d4be16a8cc16d13f108d2cd40431babfbd134d7/height=288;version=1;width=512/https%3A%2F%2Fics.media%2F_assets%2Ftop%2Ffacebook_opg_image.png)
WebGLでリアルタイム流体シミュレーション＋レンダリングを実装してみた - 穴日記
はじめに なんかWebGLが流行ってるらしいのでWebGLすることにしてみました。OpenGLはぼんやりとやったことがあったのですが、ウェッブ技術に対する疎さが深刻化しているのでモダンで先端的なテクノロジーを追及するためにもWebGLの習得は急務といえました。 WebGLはJavaScriptと呼ばれるプログラミング言語を用いるようです。僕がJavaScriptを最後に書いたのは四年くらい前にクック●●●のハッカソン？みたいなのに参加した時その場で習得してその場でアプリを作ったとき以来です。それ以来一度も書いていません。 まあJavaScriptとか意識高い大学生でも書けるわけだし適当にAPIを呼び散らかす分には何の問題もないでしょう。というわけでWebGLのサンプルコードを読みながらサンプルドリブンでJavaScriptを習得すんのがいいだろと思いました。 先に結果だけ貼っておきます。い
Unreal Engine 4.7 Binary Release Includes HTML5 Export | The Mozilla Blog
With the launch of Unreal Engine 4.7, Epic Games has added the ability to export to HTML5 as a regular part of their Windows binary engine releases. One of the world’s most advanced game engines is one step closer to delivering truly amazing content right in your browser. With this addition, developers will be able to create content in Unreal Engine 4.7, immediately compile it to the Web, and laun
Home - Clicktorelease
1022. Halloween 2022 Double Halloween feature to give some ambience to this spooky season: Pumpkin Sphere, a mass of pumpkins hovering around you; and Spooky Cloud, a particle-driven cloud of pumpkins and skulls chasing a whisp. 0322. Floating Shiny Knot A remake of an old experiment to produce image-based global illumination for models using Google Street View panoramas. This is the test for fetc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
LGLTracer
Hyper3D.js - High-end WebGL Renderer for three.js | Hyper3D
WebGL - Qiita Advent Calendar 2015 - Qiita
“ニコニ立体”、“WebGL”で実装された「WebGLプレイヤー」を正式リリース
“ニコニ立体”で外部プラグインの導入が不要のWebGL版プレイヤーが提供開始
http://stuffin.space/
Making WebGL Dance