Inigo Quilez :: fractals, computer graphics, mathematics, demoscene and more
My name is Inigo Quilez, I grew up in San Sebastián / Donostia, a beautiful city in the Basque Country, northern Spain. I work in Computer Graphics professionally in different roles - I've been a Technical Artists, a Product Manager, a Software Engineer and a Research Engineer, see resume. When life and work permit, I enjoy publishing and sharing everything I discover or invent in this very web si
Supercomputing Contest 2013/GPUプログラミング資料 - Supercomputing Programing Contest Official Site
2023-09-13 SupercomputingContest2023 2023-09-06 Supercomputing Contest News News/sc230906 2023-09-01 News/sc230830 2023-08-28 News/sc230828 SupercomputingContest2023/本選結果 2023-08-01 MenuBar 2023-06-29 News/sc230629 SupercomputingContest2023/予選結果 2023-06-12 SupercomputingContest2023/予選・認定問題Ｑ＆Ａ 2023-06-01 SupercomputingContest2023/問題および関連ファイル群更新履歴 2023-05-31 News/sc230531 2023-05-30 News/sc230530 20
夜な夜なBlender生活の始め方
はじめに Blender。めっちゃ楽しいです。 仕事が終わって帰ってきてから、ほぼ朝の時間までBlenderにひたすら打ち込んで 休日の大半もBlenderに捧げるような生活をここ3週間くらい続けてきました。 ここまでの学びの整理と、Blender布教のために この記事に概要をまとめたいと思います。 Blenderの世界観 Blenderを始めるにあたって、まず第一にぶち当たる壁として 「3Dソフト特有の概念」があると思います。 他の、3Dソフトを触ったことがある人はすんなり扱えるかもしれませんが、 僕はなかったので、概念理解にちょっと苦戦しました。 Blenderの世界を構成する主な要素として シーン オブジェクト ライト カメラ これらが挙げられます。 シーンとは、 一つのBlenderファイル内に格納されている要素全てを包含する3Dワールドのようなものです。 オブジェクトとは、 一次
OpenGLとMetal/Vulkanってなにがちがうの？
5年前に書いとけや、って感じの記事を若干うろ覚えのまま書いてみます。主に初心者向けの記事です。実装面での話ではなくほぼ歴史の話になります。 Graphics API OpenGLの話をしよう。 OpenGL そもそも、OpenGLの黎明期は次のようなハードウェアーキテクチャが想定されていた。 要点としては次のとおり 汎用計算（CPU）と描画演算（GPU）の処理部が物理的に離れている しかも非同期通信 Graphics API（要するにOpenGL）は非同期を前提としたAPIである というかならざるを得ない OpenGLは良くも悪くもデバイスに依存しない最大公約数的なAPIである 容易に想像がつくように パフォーマンスがよろしくない 。 テクスチャと頂点（＝めっちゃデータ量多い）がメインメモリとVRAMで二重管理される 転送時間が問題になる（物理的に離れている上に同期的でない） Unity等
Web ページの背景を動く星空にした話 (with react-three-fiber)
TL;DR モチベーション ウェブページの背景に星空を見せたかった。それがちゃんと実際の星空の、リアルタイムの状況を反映していたら面白いよねと思った。 スタート時の状況 主に愛情のこもった手打ち HTML5 と 手打ち CSS でシンプルな Web ページを作っていた https://web.archive.org/web/20210212085818/celestian.io この前にどうやら React が世間では流行ってるらしいということで React と TypeScript を使った小さい 1 ページアプリを作った https://web.archive.org/web/20201202100627/https://celestian.io/ssr/ 今の https://celestian.io/sushi の前身 C# で WPF のデスクトップアプリとか作ってたことがあった
WebGLを使った「風シミュレーションマップ」を作る方法｜Built With Mapbox｜ブログ｜Mapbox Japan
デジタルマップ活用の業界別事例Mapbox Japanでは、業界別デジタルマップの活用方法やデジタルマップ導入による効果について紹介した資料をご用意しております。無料でダウンロードいただけますので、ぜひMapboxのビジネス活用のご参考にご利用ください。 いますぐダウンロード 地図ゲーム開発におけるMapbox活用ガイド - Mapbox Gaming SolutionMapbox Japanでは、地図ゲーム開発におけるMapboxのプロダクト活用方法や地図ゲーム開発向け基本APIを紹介した資料を無料でご提供しております。ぜひMapbox活用のご参考にご利用ください。 いますぐダウンロード 【デモ】Mapboxと歩く京都観光マップ観光名所、京都の街を舞台にMapboxを活用したデモマップを作成しました。 旅行・観光業界の方はもちろん、Mapboxでどのようなマップが作れるのか知りたい方にも
高速WebGLレンダリングシステムを備えた軽量の2DJavaScriptゲームエンジン・「LittleJS」
LittleJSは高速WebGLレンダリングシステムを備えた軽量の2DJavaScriptゲームエンジンです。他ライブラリに依存せずに動作してくれます。 軽量、シンプルで、様々なゲーム開発に使えるライブラリを目指しているそうです。超高速レンダリング、物理演算、パーティクル、サウンドエフェクト、キーボード/マウス/ゲームパッドの入力処理、アップデート/レンダリングループ、デバッグツールなど、ほとんどのゲームに必要なものをすべて備えているとの事。 Steamのようなプラットフォームで配布するために、electronを使ってWindowsの実行ファイルとしてビルドすることも可能だそうです。ライセンスはMIT。 LittleJS
GLSLの冒頭の1行目について丁寧に解説する - Qiita
vec2 uv = (gl_FragCoord.xy * 2.0 - resolution) / min(resolution.x, resolution.y); GLSL初学者の人にとっては結構1行に情報が詰まっていて先頭行から難しいんじゃないかなと思ったので（少なくとも自分が勉強し始めた時はよくわからなかった）これについて説明していこうと思います． そもそもの目的 そもそも上記のコードを使う目的なんですが，画面の縦横比を1：1に揃えるために使用します． そうしたくなる理由を含め，順を追ってみていきましょう． デフォルト状態
Neon: A WebGL Installation
The best part of 3D graphics development is that there is an endless amount of things to learn. Every new technique is a rabbit hole of discovery where the new builds upon the old and new effects are created. It truly feels like imagination is the only limiting factor. At the heart of every Active Theory project is a passion for creative technology so it’s important to balance client work with exp
GLSL Sandboxで遊ぼう | notargs.com
GLSL Sandboxは、ピクセルシェーダをリアルタイムプレビューしながらガリガリ書いていけるサービスです。 適当にいじっているうちに面白い絵が出てくるので、暇つぶしによく遊んでいます。 ピクセルシェーダは万能なので、頑張ればこんな絵も出せるらしいです。 さっそく何か書いていってみましょう！ (1)中心位置を合わせる GLSL Sandbox 新規作成した直後です。 デフォルトのコードだと中心位置がズレていてやりにくいので、適当に原点を中心に持ってきました。 ついでに無駄なソースコードを削り落としました。 #ifdef GL_ES precision mediump float; #endif uniform float time; uniform vec2 mouse; uniform vec2 resolution; void main( void ) { vec2 pos = (g
Intro to Curl Noise
I gave a small talk at the recent Sydney Creative Coding meet on Curl Noise. It was an introductory talk with the goal of explaining the basics, so those interested can go off and look at other peoples work and hopefully understand what is going on. I have put the slides up here. Throughout the talk I took breaks for questions and showed pictures of curl and miscellaneous mathematical facts, which
Strange Attractors GPU
Attractors have been out for a while and as it happens in these cases there’re a lot of resources on the internet involving this subject. They are marvellous mathematical objects pretty easy to program that give rise to interesting elegant outcomes. For a deeper understading of what an attractor is I suggest a quick look to the wiki page and the Softology’s blog page. The visualization of a strang
UnityのCompute ShaderでCurl Noiseを実装（流体編） - e.blog
概要 ソースコード 今回の記事で書くこと 大まかな解説 非圧縮性を確保する 用語解説 ベクトル場 カール（Curl・rot） ramp関数 本題 ノイズを生成する カールノイズのカーネル 次回予告 - 衝突判定 概要 今回は「流体編」と題しました。 というのも、発表されたカールノイズ自体には剛体との当たり判定を行う部分の記載もあるのですが、そこがうまく動いてないのでまずは流体部分の説明にフォーカスして書いていこうと思います。 Curl Noice。なんとなく流体っぽく見えるノイズ。 Curlとは「カール」、つまり「渦巻く」という意味からつけられた名前だそう。 （自分の浅い知識ながら）もう少し具体的に言うと、ベクトル場を回転（Curl）させることで作るノイズ、ということで「Curl Noise」というと思っています。 いつもお世話になっている物理のかぎしっぽさんで、この「ベクトル場の回転」に
サンプルで理解するWebGL 2.0 - Transform Feedbackによるパーティクル表現 - ICS MEDIA
ブラウザからハードウェアアクセラレーションを使用してリッチな表現を実現できるWebGL。その新たなバージョンであるWebGL 2.0はChromeとFirefoxで標準で利用でき、次世代のウェブ3D表現技術として注目されています。 前回の記事では一度のドローコール（描画命令）で複数のテクスチャーに別々の情報を同時に描画（出力）できるMultiple Render Targets（マルチプル・レンダー・ターゲッツ）について紹介しました。連載の最後となる本記事では同じくWebGL 2.0で追加された代表的な機能であるTransform Feedback（トランスフォーム・フィードバック）についてデモを交えて紹介します。 Transform Feedbackによるパーティクル表現 Transform Feedbackを使うと下記のデモのような表現が可能です。 デモを別ウインドウで再生する ソース
JavaScriptからGPGPU（WebGL2）を利用する＆パーティクル描画
WebGL2ではTransformFeedbackという機能が使えるようになりました。TransformFeedbackがあればGPUでの計算結果をバッファに書き出すことができるようになります。これを使えば、なかなか面白いことができるようになります。 この記事では、TransformFeedbackを利用したGPGPUと、パーティクル描画について解説します。 前提知識 この記事では、WebGL2について、基礎的な知識を持っていることを前提としています。まだWebGL2に慣れ親しんでいない人は、以下の記事を参考にしてください。 WebGL2入門 基礎編 また、WebGL1/WebGL2について、@h_doxas様がwgld.orgという解説サイトを開いています。そちらも参考にしてください。 wgld.org ソースコード この記事で使われているプログラムの完全なコードはGithubに置いてあ
CUDAとOpenCLどっちがいいの？ - Qiita
TL;DR: そもそも単純に比べんな。ナイフとノコギリがどっちがいいかなんて一概には言えないだろう？ Twitterに書いたら思ったより反応されてるので、もうちょっと解説も兼ねて書いておきます。 なお、この話はtweetにもある通り某所で発表したやつの公開版です。前にも観たって方は内緒にしておいてください。 あと、若干、個人的な偏見を含んでいるかもしれませんが、そのあたりは頑張ってフィルターかけてください。 GeForceやTeslaといった、NVIDIA社のGPUでGPGPUしたい人がまず使うプログラミング環境。実質的にGPGPU界の頂点であり最強であることは否定できません。 ただし、NVIDIAがベンダーロックしていて、標準化はされていません（一応、CUDAのモデルはロイヤリティーフリーで使っても良い）。 CUDA Cという独自拡張されたC言語で、デバイスとホストを同じ.cuファイルに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
oimo.io
Making of BODA-RIDE
基本の 3D 理論の解説 - ゲーム開発 | MDN
高橋 啓治郎 | Unity Learning Materials
