これによって、PlotsとPlotlyJSが動くようになります。 僕の環境だと「The WebIO Jupyter extension was not detected. See the WebIO Jupyter integration documentation for more information. 」というメッセージが出ますが、以降の実行には影響がありませんでした。 2変数関数の3Dグラフ例として、いくつかの2変数関数の3Dグラフを描いてみましょう。 \[ \begin{aligned}f(x,y)=x^2+y^2\end{aligned} \]

市松模様の床の上で、ピカピカの球がその模様を反射している真っ暗な空間。1980年代のコンピューターグラフィックス（CG）ではそういう画像をよく見かけ、とてもかっこよかったのを覚えている。 あの謎の空間に似せた実物を作ることはできないだろうか。CGっぽいけど実物、みたいな写真を撮りたい。 任天堂から初代ファミリーコンピューターが発売されたのが1983年。そのころに最新のコンピューターグラフィックスとしてよく見かけたのが、こんな画像だ。 色とりどりの球が、浮いていたりする。レイトレーシング（光線追跡法）と呼ばれる新しい技術では、こんなリアルなグラフィックが描けるんです、というような紹介のされ方だったと記憶している。 子どもながらにかっこいいなあと思いながら見ていたが、今になって改めて考えると、この空間いろいろと謎である。 謎その１：市松模様の床が無限に続いている ここ、いったいどこなんだろうか

この記事は WebGL Advent Calendar 2018 25日目の記事です。 Tokyo Demo Fest2018の作品を作るに当たり目指したこと出来なかったことを書こうと思います。 概要 まずは TDF2018に応募した作品です。 https://www.shadertoy.com/view/MlyBRd ※非常に重いです 要素はたった２つ 雲 戦闘機 これだけです。 雲については以前書いた レイマーチングで潜れる雲を作る を見てください。 ここでは戦闘機についてあれこれ書きます。 戦闘機 作品ではいくつか戦闘機が通過するだけでしたが、本来はこれらのドッグファイトを表現したいと思ってました。 しかし、一般的なレイマーチングでは難しい表現があります。 それが物量と地平線です。 レイマーチングというと同じものを大量に表示するのが得意なイメージがありますが、 大量に表示出来るのはm

（2019/02: 記事公開後のひと言） なんだか「GLBoost更新止まってない？」とか「作者、Twitter垢どうしたの？」　とか、ご心配（？）というか当然の疑問をお持ちになった方もいらっしゃるようなので、説明しておきますと…。 GLBoostの更新が滞りがちなのは、すでに開発が完全に新ライブラリの方に移ってきているためです。基本的に今後GLBoostはメンテナンスモードとなり、新ライブラリの正式公開を待つばかりの状況でございます。 あと、私のTwitterなどにつきましては、ちょっと思うところがありましてSNSのいっさいがっさいを少し前に一気に断ってしまいました（笑） 当時それなりに色々あったからなのですが、今となっては私個人としては何に対しても誰に対しても、もはや何のわだかまりもありませんし、元気にしております。みんな仲良く元気にやれるといいね！ しばらくはQiita記事や一部のS

「VRMなんて意味ない、objとか吐けないと利用価値がない」とか「VRMからobjにする方法ないのか」というかたも見かけますが、objでいいんだったらWindows 10に標準でついてる「3D Builder」で変換できます…。（… https://t.co/7f65XDccfD

この記事はレイトレ合宿6アドベントカレンダー第3週目の記事です。 概要 前回 Microfacet入門（１） - ushiostarfish’s diary では、多重拡散を考慮しないナイーヴなマイクロファセットモデルではエネルギーが完全には保存せず、一部が失われてしまう問題について触れました。 そこで今回はその問題への対処として、ややアドホックではありますが、とてもシンプルで軽量な解決方法を提案している、 Csaba Kelemen and László Szirmay-Kalos, "A Microfacet Based Coupled Specular-Matte BRDF Model with Importance Sampling" (以降 [Kelemen 2001] のアイディアに触れてみようと思います。 [Kelemen 2001] のアプローチ [Kelemen 2001

このアルゴリズムは、ゼネラル・エレクトリック社でCTやMRI装置からのデータを効率的に視覚化する方法に取り組んでいたウィリアム・E・ロレンセンとハーベイ・E・クラインによって、研究の結果として開発された[4]。 このアルゴリズムの前提は、入力体積を離散的な立方体の集合に分割することである。線形再構成フィルタリングを仮定することで、与えられた等値面の一部を含む各立方体は、立方体の頂点のサンプル値がターゲットの等値面の値にまたがっていなければならないため、容易に識別することができる。等値面の一部分を含む各立方体について、内部の立方体におけるトリリニア補間の挙動を近似する三角メッシュが生成される。 カットオフ値もしくは特定のアルゴリズムで1,0に変換されたボクセルデータを対象とする。隣接された8点からなる立方体を1つの単位として考える。結果的に8つの頂点に0か1の数字をもった立方体が形成される。

レイマーチングで大域照明を実現するための理論と実践を紹介します。 メガデモ勉強会! 2018で発表しました。 https://atnd.org/events/93843

Three.jsで大量のオブジェクトを描画するときに役立つ最適化テクニックを紹介します。 前提 GPUを用いるコンテンツにおいてドローコール（描画の命令）の回数はパフォーマンスに大きく影響します。ドローコールの回数が少なくすれば、描画の負荷が下がります。これはThree.jsに限らずWebGL・OpenGLの一般的な知識として覚えておいてください。 サンプルで比較 次の2つのデモの再生を比較してみてください。画面左上にはフレームレートを、画面下側にはドローコールが表示されています（ドローコール：callsが該当する数値）。 最適化前 最適化前のデモとなります。 サンプルを再生する サンプルのソースコードを確認する こちらはカクカクと滑らかに再生できないと思います。ドローコールが8000発生し、フレームレートが約30fps弱となってます。 最適化後 次は最適化後のデモとなります。 サンプルを

mrubyでこんなことやりました！的な記事です。 macOSで動かして試していますが、Linuxでも動くといいなぁと願いながら開発してます。 GLSLをサーバーサイドでレンダリングして、GPUが非力なkindle fireでみる 背景 今年つくったmrbgemのmruby-glslは標準出力にppm形式でレンダリングした画像を出力します。 一方ffmpegが標準入力からの複数の静止画を読み込んで動画にすることができます。 -f pipe_ppm や -f image2pipe -pix_fmt ppm さらに、ffmpegはライブ動画の形式のHLS形式での出力もサポートしていることがわかりました。 HLSとは Appleが作った規格。なので、iOSでは動く。また、kindle fireやAndroidでも動く。しかし、PCでは冷遇気味。 Edgeがちょっとサポートし始めたが、Chrome、

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

そもそもGrimoire.jsって何? Grimoire.js(グリモア.js)はWeb開発のためのWebGLフレームワークです。 Web開発上でWebGLを用いるという選択肢が必要になった時three.jsやUnityが大きな選択肢になります。 しかし、実際には他のWebの要素を作るためには様々なWAFやライブラリ、開発ツールを使うわけですがUnityであればこれらとの連携は通常あまりなく、Webサイト場での埋め込み動画のようになってしまうのがありがちです。 一方、three.jsなどであれば確かにWebの技術で開発はできますが、Web開発の一般的な流儀であるイベントドリブンに対してループ思考の全く違う開発手法を用いる難しさに加え、最近のWAFを生かすのであればリアクティブのような考え方、設計原則を崩さずにthree.js側のロジックと組み合わせるのは至難の技であることでしょう。 実際に