成果物 今回は、前回Blenderで作ったGyroidに厚み付けをしてプリントしてみました。備忘録として記録しておきます。 nekodigi.hatenablog.com データ Gyroid by Nekodigi - Thingiverse

成果物 レンダリングしたものはこちらです。 BlenderはStlに書き出せるのでそのままプリントすることができます。 解説 Supertoroidについては前回の記事をご覧ください。 nekodigi.hatenablog.com こちらのサイトを参考にBlenderのメッシュを操作しています…

成果物 www.youtube.com ようやくメインの目標を達成することができました。セキュリティ的にはまだまだ改良できるところがあるかもしれませんが、ひとまずシンプルなアップロードシステムができました。 仕組み Ajaxを使ってリロードなしでファイルを送る。…

成果物 www.youtube.com Gyroidを作ろうとした過程でMinimalSurfaceという言葉を見つけたので早速コードを描いてみることにしました。これは、二つのリングにシャボン玉の膜を張った時と同じ曲面で、平均曲率が0になっているそうです。 仕組み 座標はこちら…

成果物 www.youtube.com Easingは滑らかに移動するアニメーションを付ける際に使うのですが、このように横に並べると波を作ることができます。EasingはWebのアニメーションでよく使いますが、Generative Artでも使えそうな気がします。 仕組み Easingはベジ…

成果物 今回は、Ajaxを使ってページをリロードせずにコメント欄を更新するシステムを作りました。以前このサイトで配布されているコメント欄を設置するコードを見てみたのですが、よくわからなかったので改めて作ってみました。 仕組み こちらの本を参考に作…

成果物 福山ローズは以前から折っていたのですが、それ以外の難しい折り方はやっていなかったのでまとめてやってみました、中でもTesseraction（平織）が特に難しかったです。 コツ 折り目をきっちりとつけることが重要です。難しい部分はボールペンなどでな…

成果物 www.youtube.com 入口と出口が引っ付いたような不思議な形です。これが数式で表せるのがすごいです。 仕組み こちらの式を使って表示することができます。 こちらのサイトを参考にしました。 Toroidal Nature コード 開始地点の処理で苦戦しました。

成果物 www.youtube.com 前回のSupershapesに続き、Supertoroidを作ってみました。とがり具合を二つのパラメータでコントロールできます。 仕組み トーラス（リング）の式はこのようになっています。 これをべき乗すればSupertoroidになるのですが、そのまま…

成果物 www.youtube.com 白がライブラリのFFT、虹色が今回のFFTです。周波数が周りに散らばってしまっていますが、ピーク周波数はぴったり合っています。見た目でいえば今回のFFTの方が好きです。左右対称になるのは仕様なのかな？ちょっとわからないことが…

成果物 www.youtube.com B-Spline曲線を拡張してB-Spline Surfaceを作ってみました。でこぼこの面を綺麗に補完することができました。 仕組み こちらがB-Splineの式 B-Spline Surfaceの式です 非常に似た式になっています。b()はB-Spline基底関数で、グラフ…

成果物 www.youtube.com 無駄な点を打たなくていい洗練された基底関数を見つけたので視覚化してみました。前回の元の比べて端がピッタリ1になっています。 コード ループはできないことはないですが、厄介なので別の基底関数を使うのがいいかもしれません。 …

成果物 www.youtube.com ディズニーの映画の花火がきれいだったのでProcessingで作ってみました。軌跡が綺麗に表示できました。 仕組み 軌跡を表示するために、100個の過去の位置のデータを保存し、つなぎ合わせています。薄くなって消滅するところは数値を…

成果物 www.youtube.com Path Tracingに実装したかったのですが、うまくいきませんでした。ひとまず、ここでまとめておこうと思います。 コード 仕組み 光の屈折反射はこのような式で表します。ただ、今回は、ベクトルなのでこのように表すことができます。l…

成果物 www.youtube.com やっていそうでやっていなかったのでやってみました。予想以上に滑らかな曲線ができました。終点が一か所に集中してしまうのが難点ですが、色々使えそうです。 コード 仕組み x,y成分で偏微分をして勾配を求めています。微小区間での…

成果物 www.youtube.com Processingで実装したときと比べて約1000倍ほど早くなっていると思います。 コード 座標系の変換が長いですが、メインの部分は100行ほどです。 github.com 仕組み 過去に紹介しています。 nekodigi.hatenablog.com 今回は、HSVからRG…

成果物 www.youtube.com 今回は、カメラで顔認識をする事によって視点を求めるHead Trackingを使って立体映像を映してみました。画面自体は2Dなのですが、動いて見えることでかなり立体に見えるようになります。 コード OpenCVのライブラリを利用しています…

成果物 www.youtube.com 今までは、パーリンノイズのループを強引につないでいたのですが、綺麗につなぐ方法を見つけたので実践してみました。 仕組み パーリンノイズ場から直線的に値を取るとループしませんが、円形に値をとっていくことで始めと終わりが完…

成果物 www.youtube.com マウスを追跡するホーミング弾を作ってみました。最大速度と、小回りの数値を変えると、動き方が変わります。 仕組み ターゲット座標から現在の座標を引いて、ベクトルの大きさを最大速度にすることで理想の速度（ベクトル）を求めま…

成果物 www.youtube.com Parlinノイズを正弦波の初期位相（スタート地点）に設定してループさせてみたら面白いのではないかと思って作ってみました。その場の値を角度としてパーティクルを動かしていったものがこちらになります。パーリンノイズにはない柔ら…

成果物 www.youtube.com 本当はProcessingで作りたかったのですが、とりあえずチュートリアルを見ながら作ってみました。やっぱり曲面が綺麗です。 仕組み Gyroidを作る方法としては、この式が成り立つ地点を求める方法と、輪郭を作ってMinimal Surfaceを使…

成果物 www.youtube.com Minimal Surfaceのように見えるのですが、確証がないので伸びた布という表現になっています。Laplace方程式は熱方程式などにも使われているとうり、拡散させ、滑らかにする働きがあるので、x,y,z成分それぞれでLaplace方程式を解くこ…

成果物 www.youtube.com 端の処理で結構時間がかかってしまいましたが、無事に完成しました。もう少し改良できる点もありますが、ひとまず実用に耐えるレベルのものができました。次数の変更だけでなく、先端を繋ぐか開くかの変更もできます。 コード Nth_or…

成果物 www.youtube.com 三次以上のベジェ曲線を見たことがなかったのでできないと思い込んでいたのですが、Wikipediaを見ると、式が書かれていたので、早速作ってみました。今後はBスプライン、NURBS曲線も作ってみたいと思います。（Gyroidも作りたいなぁ…

成果物 www.youtube.com きちんと群れを成して飛んでくれました。ただ、高度なことをする場合はUnityの方がいいと思います。余談ですが、2Dよりも3Dの方が早いです。謎… コード 2Dも3Dもあります。現在は2Dのみ障害物を実装していますが、理論上は3Dでも可能…

成果物 www.youtube.com 今回は、傾きを色で表示することで、どこの群れに所属しているかわかりやすくしてみました。 コード 今回は、2Dですが、3D版も作成したのでチェックしてみてください。 github.com 仕組み 次の3種類の処理を毎フレーム行うことで群れ…

成果物 距離、反復回数、光の反射をもとに色を決めています。 精度は分かりませんが、輪郭はあっているような気がします。ただ、Unityで作られたデモと比べると、精度も速度も劣っている気がします。GPU演算ができないのが原因だと思います。※あくまで参考程…

成果物 www.youtube.com 今回は、前回の連立方程式の曲率（曲がり方のきつさ）を求めるプログラムを作りました。曲率が高い部分は赤くなっています。 解説 関数の曲率は、以下の式で計算ができます。 コード 今回は、一次導関数のみ自動微分で解いています。…

成果物 www.youtube.com 今回は、Ray Tracing法の一種である、Ray Marchingのプログラムを作成しました。前回のPath Tracingでは、Rayと面との交差を求めていましたが、このプログラムでは、面との距離を求め、その分だけRayを進め、ぶつかるまで（距離が極…

成果物 www.youtube.com Ray Tracing方の一種である、Ray Marchingをやろうと思っていて、Distance Estimatorが重要な役割を果たしているので、視覚化してみました。 仕組み 一番近い障害物までの距離を求め、その分だけRayを進行方向に動かすということを繰…