diary学習中の気づきをまとめています。メインの目標を達成することができました。セキュリティ的にはまだまだ改良できるところがあるかもしれませんが、ひとまずシンプルなアップロードシステムができました。Ajaxを使ってリロードなしでファイルを送る。Gyroidを作ろうとした過程でMinimalSurfaceという言葉を見つけたので早速コードを描いてみることにしました。これは、二つのリングにシャボン玉の膜を張った時と同じ曲面で、平均曲率が0になっているそうです。座標はこちら...【Processing】CatenoidMinimalSurfaceを作る2020-02-25【Processing】Easingを使って波を作ってみる。Easingは滑らかに移動するアニメーションを付ける際に使うのですが、このように横に並べると波を作ることができます。Artでも使えそうな気がします。Easingはベジ...【Processing】Easingを使って波を作ってみる。今回は、Ajaxを使ってページをリロードせずにコメント欄を更新するシステムを作りました。以前このサイトで配布されているコメント欄を設置するコードを見てみたのですが、よくわからなかったので改めて作ってみました。こちらの本を参考に作...【PHP】Ajaxを使ったリアルタイムコメント欄システムを作った2020-02-25【折り紙】ローズ、Tesseraction、ダイアモンドパターンを作ってみた。福山ローズは以前から折っていたのですが、それ以外の難しい折り方はやっていなかったのでまとめてやってみました、中でもTesseraction(平織)が特に難しかったです。折り目をきっちりとつけることが重要です。難しい部分はボールペンなどでな...【折り紙】ローズ、Tesseraction、ダイアモンドパターンを作ってみた。Bottleを作ってみた。入口と出口が引っ付いたような不思議な形です。これが数式で表せるのがすごいです。こちらの式を使って表示することができます。こちらのサイトを参考にしました。開始地点の処理で苦戦しました。Bottleを作ってみた。2020-02-24【Processing】トゲトゲのリングSupertoroidを作る。前回のSupershapesに続き、Supertoroidを作ってみました。とがり具合を二つのパラメータでコントロールできます。トーラス(リング)の式はこのようになっています。これをべき乗すればSupertoroidになるのですが、そのまま...【Processing】トゲトゲのリングSupertoroidを作る。白がライブラリのFFT、虹色が今回のFFTです。周波数が周りに散らばってしまっていますが、ピーク周波数はぴったり合っています。見た目でいえば今回のFFTの方が好きです。Surfaceを作ってみました。でこぼこの面を綺麗に補完することができました。非常に似た式になっています。Surfaceを作る2020-02-23【Processing】B-Spline曲線の基底関数がきれいだったので、視覚化してみた。無駄な点を打たなくていい洗練された基底関数を見つけたので視覚化してみました。前回の元の比べて端がピッタリ1になっています。ループはできないことはないですが、厄介なので別の基底関数を使うのがいいかもしれません。...【Processing】B-Spline曲線の基底関数がきれいだったので、視覚化してみた。ディズニーの映画の花火がきれいだったのでProcessingで作ってみました。軌跡が綺麗に表示できました。軌跡を表示するために、100個の過去の位置のデータを保存し、つなぎ合わせています。薄くなって消滅するところは数値を...【Processing】花火を作る2020-02-22【Processing】光の屈折、反射。Tracingに実装したかったのですが、うまくいきませんでした。ここでまとめておこうと思います。光の屈折反射はこのような式で表します。今回は、ベクトルなのでこのように表すことができます。l...【Processing】光の屈折、反射。2020-02-21【Processing】パーリンノイズの勾配を視覚化する。やっていそうでやっていなかったのでやってみました。予想以上に滑らかな曲線ができました。終点が一か所に集中してしまうのが難点ですが、色々使えそうです。x,y成分で偏微分をして勾配を求めています。微小区間での...【Processing】パーリンノイズの勾配を視覚化する。Processingで実装したときと比べて約1000倍ほど早くなっていると思います。座標系の変換が長いですが、メインの部分は100行ほどです。過去に紹介しています。今回は、HSVからRG...【Unity×HLSL】マンデルブロ集合をGPUで高速計算2020-02-19【Processing】特殊装置なしで立体映像を映す。Trackingを使って立体映像を映してみました。画面自体は2Dなのですが、動いて見えることでかなり立体に見えるようになります。OpenCVのライブラリを利用しています...【Processing】特殊装置なしで立体映像を映す。今までは、パーリンノイズのループを強引につないでいたのですが、綺麗につなぐ方法を見つけたので実践してみました。マウスを追跡するホーミング弾を作ってみました。最大速度と、小回りの数値を変えると、動き方が変わります。ターゲット座標から現在の座標を引いて、ベクトルの大きさを最大速度にすることで理想の速度(ベクトル)を求めま...【Processing】カスタマイズ可能なホーミング弾を作った2020-02-17【Processing】Parlinノイズとsin関数を組み合わせたノイズを作ってみた。Parlinノイズを正弦波の初期位相(スタート地点)に設定してループさせてみたら面白いのではないかと思って作ってみました。その場の値を角度としてパーティクルを動かしていったものがこちらになります。パーリンノイズにはない柔ら...【Processing】Parlinノイズとsin関数を組み合わせたノイズを作ってみた。2020-02-17【Blender】Gyroidを作る。本当はProcessingで作りたかったのですが、とりあえずチュートリアルを見ながら作ってみました。Surfaceを使...【Blender】Gyroidを作る。2020-02-16【Processing】Laplace方程式で3D空間に伸びた布を張る。Surfaceのように見えるのですが、確証がないので伸びた布という表現になっています。Laplace方程式は熱方程式などにも使われているとうり、拡散させ、滑らかにする働きがあるので、x,y,z成分それぞれでLaplace方程式を解くこ...【Processing】Laplace方程式で3D空間に伸びた布を張る。2020-02-16【Processing】N次Bスプライン曲線を表示する。端の処理で結構時間がかかってしまいましたが、無事に完成しました。改良できる点もありますが、ひとまず実用に耐えるレベルのものができました。次数の変更だけでなく、先端を繋ぐか開くかの変更もできます。Interp...【Processing】N次Bスプライン曲線を表示する。2020-02-16【Processing】N次ベジェ曲線を表示する。三次以上のベジェ曲線を見たことがなかったのでできないと思い込んでいたのですが、Wikipediaを見ると、式が書かれていたので、早速作ってみました。今後はBスプライン、NURBS曲線も作ってみたいと思います。(Gyroidも作りたいなぁ...【Processing】N次ベジェ曲線を表示する。群れを成して飛んでくれました。高度なことをする場合はUnityの方がいいと思います。余談ですが、2Dよりも3Dの方が早いです。2Dも3Dもあります。今回は、傾きを色で表示することで、どこの群れに所属しているかわかりやすくしてみました。今回は、2Dですが、3D版も作成したのでチェックしてみてください。Marchingで3Dマンデルブロ集合を表示する。反射をもとに色を決めています。精度は分かりませんが、輪郭はあっているような気がします。Unityで作られたデモと比べると、精度も速度も劣っている気がします。GPU演算ができないのが原因だと思います。Marchingで3Dマンデルブロ集合を表示する。2020-02-14【Processing】関数の曲率を計算する。今回は、前回の連立方程式の曲率(曲がり方のきつさ)を求めるプログラムを作りました。曲率が高い部分は赤くなっています。関数の曲率は、以下の式で計算ができます。今回は、一次導関数のみ自動微分で解いています。...【Processing】関数の曲率を計算する。Marchingのプログラムを作成しました。Estimatorを可視化する。Estimatorが重要な役割を果たしているので、視覚化してみました。Estimatorを可視化する。2020-02-09【Processing】水の浸食をシュミレーションし、フォトリアルな雪山を作る。予想以上の美しさにちょっと驚きました。ErosionをProcessingで実装していました。いくつかぶつかったポイントをまとめておこうと思います。200行ち...【Processing】水の浸食をシュミレーションし、フォトリアルな雪山を作る。Automataで洞窟を作る。Automataを使ってノイズから洞窟を作っているサイトがあったので、早速やってみました。参考にしたサイトではランダムノイズが使われていましたが、ParlinNoiseを組み合わせた結局よりリアルになりました。Automataで洞窟を作る。週間)数学やアルゴリズム、その他ものづくりについて研究しています。応援よろしくお願いします。【PHP】画像をアップロードして表示するシステムを作る【Processing】CatenoidMinimalSurfaceを作る【Processing】Easingを使って波を作ってみる。【PHP】Ajaxを使ったリアルタイムコメント欄システムを作った【折り紙】ローズ、Tesseraction、ダイアモンドパターンを作ってみた。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。