ねこでじ(Nekodigi)

Nekodigi’s diary

学習中の気づきをまとめています。応援よろしくお願いします

2021-01-01から1年間の記事一覧

【Processing】シューティングゲームを200行以下でプログラミングする。

www.youtube.com シューティングゲームの作り方 ダウンロード シューティングゲームの作り方 シューティングゲームでは、プレイヤーと敵が存在し、プレイヤーは弾を放ち敵を撃退します。 プレイヤーは十字キーで移動でき、スペースキーで弾を生成します。敵…

まるで衝撃波!Audio Visualizerをp5.jsで作る

www.youtube.com 衝撃波のようなAudio Visualizer Webで実行 残像を使おう! 衝撃波のようなAudio Visualizer 音楽を再生するときに表示される棒グラフのようなものがAudio Visualizerで、音の周波数などを視覚化するために使われています。特にNCSのAudio V…

竜とそばかすの姫に出てくるような、サイバー風のアートを体験できるWebアプリ - Cyber Wave

www.youtube.com Cyber Waveとは p5.jsでこんなものも作れる Wavy Fabric Generative Portrait Cyber Waveとは 竜とそばかすの姫やサマーウォーズに出てくるような、サイバー風のアートを、直感的に動かすことが出来るWebアプリです。 マウスで簡単に操作で…

【Blender】10分でSF風のCGが作れるチュートリアルをやってみた

www.youtube.com 今回作ったもの ダウンロード 本家チュートリアル 今回作ったもの SF風の波打つキューブのチュートリアルを元に、より美しい映像が得られるCyclesモードでレンダリングしてみました。 光がメタリックなキューブに映りこむ、近未来的な作品で…

【p5.js】波打つ布をPerlin Noiseを使って作る

www.youtube.com 布の模様を作るのは簡単! Webで実行 Perlin Noiseでできること 布の模様を作るのは簡単! 手作業で布を織るのは本当に大変ですが、コンピューターなら水平方向と垂直方向に線を引くだけで簡単に描くことが出来ます。 動画の11秒当たりで線…

Unityで画像からカラフルな液体を作る

www.youtube.com 流体シミュレーション 仕組み ダウンロード Unity Fluid Tool Kitでできること 参考 流体シミュレーション Unityには流体シミュレーションの機能が存在しません。 なので、シェーダーを使って自分でプログラムを書く必要があります。今回は…

人工知能を使って手を使わずに楽譜を自動めくり!【Python】OpenCV×Pyautogui

今回は、手が塞がっているときに楽譜(PDF)のページをめくれるプログラムを作りました。左右の矢印キーの信号を送って操作しているので、PDFの楽譜以外にもスライドショーなど、矢印キーが反応するページならなんでもめくることができます。高速で動く顔認識…

【Unity】ハイパーカジュアル最大手のVoodooを分析してゲームを作ってみた。

ハイパーカジュアルゲームのVoodooとは ハイパーカジュアルゲームは、短時間でのプレイが可能でこれまでゲームをしてこなかったユーザーでも楽しめるのが特徴です。 その中でも世界最大級のパブリッシャーであるVoodooは、ランキング1位や1億ダウンロードな…

【p5.js】渦巻く肖像画!?のアートを作ってみた

www.youtube.com 渦巻く肖像画の作り方 使い方 使用例 ベートーベン バッハ 渦巻く肖像画の作り方 まず、画像の明るい方を示す勾配ベクトルを生成します。それに垂直になるようにペンを動かすと、明るい場所を中心に輪を描きます。 これが渦巻く肖像画の仕組…

【Unity】VFX学習記録#2 ワープ、魔法の本、火炎放射器、魔法陣...のエフェクトを作ってみた。

今回のチュートリアル 今月の初めごろからCyber AgentのVFXインターンに参加しました!制作物の動画等は投稿してよいということで、このブログでも紹介させていただきます。リアルでハイクオリティなデモ作品や製作のノウハウを学ぶことができ、とても勉強に…

【技育展】初めての登壇!Creative Magic-癒しと創造のアートアプリを発表しました

docs.google.com 技育展2021のスマホアプリのテーマで登壇しました! スライドを共有しているのでぜひご覧ください。 技育展 サポーターズが主催している、学生向けアウトプットのイベントです。 talent.supporterz.jp Creative Magic 先日リリースした、癒…

【Unity・Processing対応】流体シミュレーションを使ったシャボン玉

www.youtube.com シャボン玉 ライブデモ ダウンロード Processing版 Unity版 元にした情報 シャボン玉 シャボン玉の虹色は光の干渉によって発生し、厚みによって色が変わります。今回は、ColorpyというPythonライブラリを使いシャボン玉のグラデーションをあ…

Creative Magic- 癒しと創造のためのアートアプリを作りました!

www.youtube.com Creative Magicとは 癒しと創造をテーマに、これまでの作品を全面的に改良したアプリです。 指で触れるだけで今まで見たことがないような美しい模様が画面中に広がります。絶えず変化する神秘的なアートが心を癒し、創造力を高めてくれるで…

【Hypixel Skyblock】Dungeon F5で初めてのS+!【Tips】

S+とは Dungeonではスキル、探索、速度のそれぞれ100点満点+ボーナス5点でランクが決まります。 得点とランクの対応は以下の通りです。 対応表 D 0-99 C 100-159 B 160-229 A 230-269 S 270-299 S+ ≥300 つまり、S+を取るにはほぼ満点近い得点が必要で、死…

【Unity】VFX学習記録#1 オーブ・剣・ポータル・ブラックホールのエフェクトを作ってみた。

今回のチュートリアル Gabriel Aguiar Prod.というチャンネルで紹介されている4つのVFXチュートリアルをやってみました。 プロジェクトのダウンロードをするためにはPatreonになる必要がありますが、解説そのものは無料で見ることができます。 ※ポストプロセ…

【Unity】4つの神秘的なVFX Graphプロジェクト【無料】

www.youtube.com VFX Graphとは VFX Graphは、あらかじめ用意されたブロックを組み合わせていくだけで高度な視覚効果を作り出すことができる画期的なシステムです。 この機能はURPやHDRPなどの新しいプロジェクトで使うことできます。 VFX一覧 Fire Sword 高…

【Blender】配布あり!VFXで机に穴をあけたり、物を置いたりするシンプルなデモプロジェクト。

VFX

www.youtube.com VFX制作の大まかな流れ まず初めに動画を読み込み、特徴のある点をいくつか追跡して映像がどのように動いているのかを調べます。ここで精度を上げておかないと不自然な映像になってしまうので、マーカーを使って正確な追跡が出来るようにし…

【Unity】WebGLやAndroidでも動く互換性のあるGPUパーティクルを作ってみた。

www.youtube.com ライブデモ 10万パーティクル程に減らしてありますが、機器によっては読み込みが非常に遅いので注意してください。 GPUパーティクルについて パーティクルは大量の物体を表示して、様々な視覚効果を作るときに使われます。しかし、大量の物…

【Python】Google先生が半自動で歌えるようにしてみた。

サンプル Google先生は簡単には歌ってくれない。 Google先生が歌う動画はすでにいくつか投稿されていますが、旧式のGoogle先生が歌っていたり力技で歌わせていたりして、新しいGoogle先生を楽に歌わせる手段は未だにありませんでした。 そこで、今回はセリフ…

【Processing】神経細胞のような神秘的な模様を生成できるEdge Bundling

www.youtube.com Edge Bundlingとは Edge Bundlingは大量の線を束ねて、見やすく表示することができるアルゴリズムです。Force-Directed Edge Bundlingと呼ばれるこの方法は、角度・長さ・位置・可視性を総合的に判断して整形するため、より線を美しく表現す…

クリスタルのような美しい3Dボロノイ図が体験できるアプリ【無料】

VFX

www.youtube.com このアプリについて 使い方 1. スタートボタンを押す。 2. 次元を選択する。 3. 図の種類を選択する。 4. 適応するアルゴリズムを選ぶ。 オプション1. 頂点の数を設定する オプション2. 図を再生成する。 オプション3. 図をばらばらにする。…

【Cities Skylines】10種類の美しいジャンクションを持つ100万都市!

www.youtube.com 100都市とジャンクション Cities Skylinesではごみ問題に次いで、交通渋滞が終盤まで続く大きな問題になります。そこで、今回の100万都市では、実物を参考に10種類のジャンクションを作りました。 100都市とジャンクション ジャンクションの…

【無料アプリ】パーリンノイズを使った6種類の驚きのジェネラティブアート

www.youtube.com パーリンノイズとは パーリンノイズはもっとも有名なノイズの一つでマインクラフトの地形生成など、様々な場面で使われています。このアプリではそのパーリンノイズを利用した6種類のアートを楽しむことが出来ます。 パーリンノイズとは 1. …

【Processing】"ACTUAL" Piano Visualizer

www.youtube.com I've seen Piano Visualizer using Synthesia, but I've never seen Piano Visualizer using a real display, so I made it. Features It uses Processing to get Midi and visualize it, and also sends a signal to Arduino to control th…

【Processing】Generate Polygon from Raster Image with Marching Square.

Abstract You can use this algorithm to get contours from an image. It also turns clockwise or counterclockwise depending on whether it is facing inward or outward, which is convenient when draw it. How it works. We can find the contour by …

【Unity】I made the first smartphone game. (Open Source Block Breaker)

Abstract www.youtube.com I've ever made some video games, but I've never made for a smartphone. I want more people to experience my works so I tried to make the first smartphone game. This game available on Google Play and you can also dow…

【Pytorch】Create Real-Time Image Classifier!

Abstract www.youtube.com I've tried some PyTorch examples like CIFAR-10, but those examples are not real-time. For this reason, I created a real-time PyTorch image classifier. In this project, you can create custom datasets and test them i…

【Declare!】Time management web application with goals.【HTML/CSS/JS x PHP/MySQL】

Abstract www.youtube.com I've used various timers, but I have never seen a timer that can set goals, so I made that one. You can set a goal at the start of the timer and you can review the goals after it ends. How it works I developed this…

【Raspberry Pi】Pi Camera image transport to PC using socket.

Abstract This photo was taken with a Pi cameraI wanted to get the data with the Raspberry Pi Camera and process it with the AI on my desktop PC so I made a camera images transmission system using socket communication. Abstract How it works…

【Arduino】Custom MIIDI Player

Abstract www.youtube.com Selects any midi file. Then, extract highest tone and generate data with the processing program. Finally, save it as DATA.TXT in SD card and insert it to Arduino. How it works Get all midi data with Java standard l…