2020-01-01から1年間の記事一覧
成果物 www.youtube.com Mac嫌いの友達がRotten Apple Garbage Proというパソコン名にしていたので、そこから着想を得て作ってみました。（アニメーション内のゴミ箱は高級なただのゴミ箱であってそれ以外の何物でもありません）思いのほか高級感のあるゴミ…
成果物 www.youtube.com あまりに美しかったので驚きました。 仕組み 頂点はこのようになっています。Φは黄金比です。また、辺の長さは2/(Φ*Φ)です。 permutations of (0, 0, ±2, ±2) (±1, ±1, ±1, ±√5) (±φ−2, ±φ, ±φ, ±φ) (±φ−1, ±φ−1, ±φ−1, ±φ2) and all…
成果物 www.youtube.com 120 cellを先に作ったのですが、600 cellより圧倒的に美しかったので後で説明します。 仕組み 頂点はこのようになっています。Φは黄金比です。また、辺の長さは2/Φです。 The 96 even permutations of (+-phi,+-1,+-1/phi,0). The 8 …
成果物 120 cell, 600 cellを作るにあたって、辺、面の情報を手動で登録するのは不可能に近いので、頂点情報と辺の長さから辺を自動生成するようにしました。 仕組み 頂点はこのようになっています。Φは黄金比です。また、辺の長さは2/Φです。 絶対値符号の…
成果物 www.youtube.com 数々のアニメーターの中でも特にリアルな動きのZAminationさんのTutorialをもとに作成しました。Rigも配布しており、2.9にも対応したのでそちらも合わせて使っています。 分かったこと まず、足が開いた2つ状態を設定しておき、その…
成果物 www.youtube.com ようやくConstrained DelaunayをA Starアルゴリズムで解くことが出来ました。これは、かなり重要なアルゴリズムで、ゲームのAIもこれと似た仕組みを使って障害物を避けながら移動しています。 仕組み 前回Constrained Delaunayのアル…
成果物 邪魔にならないように、黒く仕上げました。勉強するときに、25分勉強、5分間目を休めるという流れにしたいのですが、時間をはかるためだけにわざわざタイマーやタブレットを触っているとかなりのタイムロスなので、自動で行ってくれるようにしました…
成果物 Constrained Delaunayはそのままだと周囲との接続関係の情報を持たないので、何とか何とか登録して試してみました。面を張るところまではいきませんでしたが、線は生成することができました。おおよそConstraintに直交するようにVoronoi図ができてい…
成果物 左上の物体Aを、真ん中の物体Bの周りで一周させ通った部分を物体Bに追加したのがMinkowski和です。これを使うと、危険物からXm以内の危険エリアを計算するといったことができます。また、Constrained Delaunayと組み合わせると、ある物体のXm以内に近…
成果物 今回は、前回のConstrained Delaunayを発展させて文字で行っていました。前回は一つの輪で切り取っていましたが、文字では多数の輪があり、切り取る輪、残す輪があるので、思った以上に難解でした。 最終的にPolygon in Polygonを使った後処理で解決…
概要 本当はスクリーンショットを貼りたかったのですが、Windowsの固定キーが発動して取れませんでした( ﾟДﾟ)。 www.youtube.com ※追記 80000Killの人と二度目のDuo Winをすることが出来ました。本当に良かったです。 4人、3人で勝ったことはあったのですが…
成果物 基本的なDelaunay図の最終形態とも言うべきConstrained Delaunayがとうとう完成しました！これを使うと、自由自在に穴をあけたり、線を入れたりすることができます。仕組み自体はシンプルですが、接続情報の変更が非常に複雑で、難しかったです。改良…
成果物 普通のVoronoi図を点からの距離が遠いほど黒くなるようにするだけで、人工的な雰囲気が緩和され、味が生まれました。コード自体も非常にシンプルです。 Worley Noiseについて Worley noise - Wikipedia コード Worley Voronoiという名前で追加してい…
成果物 アンパ…ではありません。簡略化のため歯をなくしたので遊星摩擦車的なものになってしまいましたが、これでも、動作する様子ははっきりわかります。 仕組み ja.wikipedia.org コード Planetary Gearという名前で追加しています。 github.com
成果物 The Waveや滑らかな浸食された氷をみると、まるで球たいで削ったような形をしていたので作ってみました。背景色と同じ円を描いて削られたように見せるというシンプルな仕組みですが、雰囲気は出ている気がします。 コード Circle Erodeという名前で追…
成果物 単純に色飛びしたのか、それともミスなのかわからないのですが、違和感があります。まだまだ分からないことが多いので、手掛かりが見つかったら修正していきたいと思います。修正できる方がいたら報告お願いします。 仕組み こちらのサイトのCIELabの…
成果物 前回、連立方程式を解いてPerspective Transformを行ったのですが、Division by Zero問題で誤差を増大させざるを得なかったので、JavaFXでもやってみました。 nekodigi.hatenablog.com 仕組み JavaFXのJarライブラリが見つからなかったので、Keystone…
成果物 試験前にひたすら原子核のKLMN(アルファベット順です)を書き続けていた人がいたので、そんな退屈なことはプログラミングにやらせようということで作ってみました。ただ複製するだけでは面白くないので、ペンタブレットのライブラリを使って筆圧も考慮…
成果物 円形のディスプレイでも、通常格子型にLEDが配置されていますが、黄金角を使って配置してみると面白いのではということでやってみました。今回は、画像上の任意の点の情報が欲しいということで久しぶりにBicubic補間を使いました。 仕組み こちらの記…
成果物 模様シリーズとして矢絣も作ってみました。Processingでできそうなものは一通り済ませてしまったので、実装すると面白そうな模様があればリクエストお願いします。 仕組み 矢絣は実は長方形とひし形の組み合わせでできています。色を交互に並べながら…
成果物 二値化されたデータを塊ごとに分類してくれるプログラムです。物体の個数を数えたり、物体が繋がっているかを調べたりするときに便利です。 仕組み 画像の端から順に検査していき、trueのマスでラベルが張られていない場合は現在のラベルを設定し（ラ…
結果 今回は、モザイクを除去するAIを使って、ドット絵をリアルにしてみました。 こちらのColaboratoryかGithubで実行できます。 colab.research.google.com github.com 注意点 epsilonという項目があるのですが、この値を小さくしすぎると画像生成に失敗し…
成果物 今回は、試しにかえる仙人を動かしてみようということで、ボールを食べるアニメーションを作ってみました。回転の原点を疑似的に変更しているのがポイントです。 仕組み Processingにはある点を中心に回転させるという機能はないのですが、回転の中心…
成果物 今回は、総集編として、あるxでのベジェ曲線のyを求めてみました。ついでに、直線にも対応させておきました。vertex、quadraticVertex、bezierVertexの様に曲線を指定することができます。 仕組み あるxでの二次、三次ベジェ曲線のyについてはこちら…
成果物 www.youtube.com 今回もBox2Dを使ったタイピングゲームになります。以前はただ落ちるだけでしたが、今回は、Jointを使ってつなげてみました。ただそれだけなのですが、躍動感が生まれました。 仕組み 私の知る限り、Box2Dでは物体のSTATIC,DYNAMICを…
成果物 今回は、前回の二次ベジェ曲線に続き、あるxでの3次ベジェ曲線のyを求めてみました。三次方程式を使った方法もあるのですが、うまくいかなかったうえ、三角関数などを多く使用していることが原因で重かったのでニュートン法を使用しました。 仕組み t…
成果物 BlenderやAfterEffectにはベジェ曲線で動きが指定できるグラフエディタがあるのですが、それを再現するにはあるxでのベジェ曲線の値を求めなければならないのでやってみました。三次ベジェ曲線もよく使われるので、次回実装します。 nekodigi.hatenab…
概要 今回は、p5.speechで日本語と英語を扱ってみてどのような感じなのか試してみました。 音声出力の際はこの様に言語を設定しますが myVoice.setLang("en-US"); 音声認識の時は 音声認識の際は、初期化する時に設定するところで引っ掛かりました。 var myR…
成果物 世界史一問一答をAndroidエミュレータで動かしていたのですが、当然ながらショートカットなどないです。どうせ4択なのだから、キーボードで操作できたらいいなと思って作ってみました。0~9いずれかのキーとLeft Shift同時押しで、任意の場所を設定で…
成果物 www.youtube.com Biohazard Markを作ってみました。作図する際に8つの変数があるので、それを動かしたら面白いのではということで作ってみました。 仕組み こちらのサイトで書き方が紹介されているので、それをもとに作っています。 99percentinvisib…
