#GameDev kynd.info on X: “Sketching with Math and Quasi Physics https://t.co/XVKvvffzUm https://t.co/nXnSScDDVs” / X (twitter.com)
Continuous Time and Discrete Time 連続した時間とバラバラな時間
Visualizing Distances 距離を視覚化する
Signed distance functions 符号付き距離関数
Vibration and Propagation 振動と伝搬
Sine waves and Additive Synthesis サイン波と加算合成
Reflection and Refraction 反射と屈折
Light and 2D Graphics 光と2Dグラフィックス
Various Color Models 様々なカラーモデル
Deformation and Feedback 変形とフィードバック
2D Feedback Systems 2次元フィードバックシステム
Reaction-diffusion model 反応拡散モデル
Rotation and Trigonometry - 回転と三角関数
Interpolation and Animation 補完とアニメーション
This is a collection of samples and other materials related to physics and math for code-based works and animation. It is called “quasi” physics because the goal is not to understand the world or solve problems properly, but rather to create something interesting, regardless of its accuracy.
These articles are intended as seeds, and are relatively superficial for that reason. However, I’m open to providing more detailed explanations or translations of references for Japanese readers. Just let me know.
コードを使った作品やアニメーション制作の参考用に物理や数学関連サンプルなどをまとめたもの。 世の中を正しく理解したり、問題を解決したりすることが目的ではなく、正確さにはあまり構わず面白そうなものをスケッチすることが目的なので、「quasi=擬似」物理学と呼んでいます。
アイデアの種的なものが多いので解説は雑ですが、詳しい解説や参考サイトの翻訳などはリクエストがあればどうぞ。
Many of the contents are from Sketching with Math and Quasi Physics (2019), and the explanations have been expanded based on the notes of what I spoke at the time. I will be porting more from the old site and adding new pages little by little. Most of them were originally in English, but some were in Japanese first. The translations were done with the help of DeepL in both directions.
中身の多くは Sketching with Math and Quasi Physics (2019)をもとに、解説のは当時喋った内容のメモをもとに膨らませした。少しずつコンテンツを移植したり、新しく書き足していったりしようと思っています。主に英語がオリジナルですが、日本語が先のものもあります。翻訳はどちら向きにもDeepLの手助けを借りました。
I used p5.js for most of the code samples, unless otherwise noted. However, I tried to write them in a way that can be applied to any environment as much as possible. Most of the examples are quite old, so the quality is not guaranteed 😁.
コードのサンプルは特に断りがない場合はp5.jsを用いていますが、できるだけどんな環境でも応用できるように書きました。古いサンプルも多く、クオリティの保証はしません。
I am not a mathematician or computer engineer. This is simply a compilation of ideas that I have found useful from the perspective of a visually oriented person. If you notice any mistakes, have better examples, or know of links that would aid in learning, please share them with me. In this context, I am less interested in show-off demos, so please refrain from providing tweet-length shaders or similar content.
私は数学者でもコンピュータエンジニアでもありません。これはあくまで、ビジュアル畑の人間から見て便利だと思ったアイデアをまとめたものです。間違いの指摘や、学習に役だつもっと良い例やリンクなどあれば、ぜひ送ってください。