Art
Summary I was trying to create normal lightning, but it turned out to be surprisingly similar to the water slash effect from Demon Slayer just by changing the color. It seems complex, but it's actually just a distorted ellipse with fBM. Th…
Summary The usual cell shader tends to result in simple posterization, but according to this tutorial, we can add more detail by incorporating the colors of distorted Voronoi patterns. The advantage of using Voronoi is the ability to add l…
Summary I'm always fascinated by bismuth which forms distinguished crystals. It forms staining iridescent thin film yet it's even possible to make my own crystal by myself. I created the primary shape using fractals and simulated overwrap …
Summary I have always wanted to create refreshing, cool game effects, and I came across this YouTube channel which introduces multiple artworks those techniques can even be applied to ShaderToy. Just as I was making the fire effect, the bu…
Summary The anime drawing is quite different from the actual scenery but looks similar due to its well-designed abstraction. I think one of the key techniques is fractal structure and additive/subtractive modeling. We draw the primary shap…
Summary Most epic artworks on Pinterest do not come with tutorials. To replicate them, going through many tutorials is essential, but there is no platform equivalent to Pinterest for finding tutorials. To help you find a tutorial that perf…
Summary I wanted to create work that crystal grows and forms wings and erodes space like vain. Although the final result was rather straight and speedy, this energetic result was also satisfying. Someday, I want to create natural and elega…
Summary The most unique aspect of this artwork is the addition of green in the transition between red and blue, which expresses an additional option beyond the conventional gender perspective. To create as many combinations as possible, we…
Summary An elevation map is widely used to express the 3D shape of the mountain and is also aesthetically beautiful. I used realistic and warm coloring to resemble a handcraft made of cardboard. Demo Elevation Map References Shadertoy Atla…
Summary I wondered why the light looked so beautiful when reflected in water, so I tried to replicate the skyline of the Bund in Shanghai. I used fireworks instead of skyscrapers for simplicity and to express transience. The Cheap Water wa…
Summary Inspired by "Cellular Tiled Tunnel," I wanted to create one with more transient animation and clear colors. So, I decided to generate a tunnel by growing crystals and then shuttering at the end. The crystal looks like a transparent…
Summary Unfortunately, ShaderToy has frequently been unavailable recently due to a heavy load assumingly caused by scraping. To avoid scrolling hundreds of pages to find useful projects, I have curated and categorized hundreds of projects …
9/20 留学期間も終盤になって、ようやく自分のやりたいことが達成できました！ものすごく楽しかったので、正直もう少し早くやりたかったです。書類がまだ届かなかったり、研究室の場所が分からなかったりしてトラブルがありながらも、今の所はまだなんとかな…
和風デザインまとめ 今回、留学で日本の魅力を発信するために和風デザインのものがあるといいなと思って作りました。 加工確認はしていませんが、赤がカット、黒が塗りつぶしの部分になっています。 Githubからsvgとイラストレーターのaiファイルがダウンロ…
ハノイの塔とは 仕組み ダウンロード ハノイの塔とは ハノイの塔は三本の柱と円盤から構成される塔で、常に小さいものが上に来るようにしながら、円盤を一枚ずつ移動させ。塔を他の柱に移すというものです。 単純な仕組みでありながら、円盤の数が増えると爆…
DALL-Eとは 使い方 使用例 あのウザいオレンジ AIの好きなものって何？ 燃える非常食！？ DALL-Eとは DALL-Eは文字から画像を生成する人工知能です。 画像のリアルさもさることながら、学習データに存在しない新たな画像も想像で描くことが出来るのが最大の…
動作デモ www.youtube.com 動作デモ きっかけ 使い方 ダウンロード きっかけ 最近原神のライアーにはまっていて、雷電将軍と鍾離の曲を練習しています。実はこの動画も自分で演奏したものです！ 普段使っているGenshin Music NightlyはMIDIファイルの直接読…
この作品について ダウンロード 必要なもの この作品について 今回作ったのは、以前作った花火のアートをWebから操作できるプログラムです。 赤、緑、青のLEDのボタンを押すと、花火が打ちあがります。 実は、隠しコマンドも使えて、虹色の花火が打ち上った…
成果物 動作画面 クリア 失敗 ライブデモ 遊び方 作り方・コード 作り方 コード 成果物 動作画面 クリア 失敗 ライブデモ お友達がマインスイーパーにはまっていたので、簡単に作ってみました。シンプルだけれど、爆弾を避けるドキドキ感がクセになります！ …
3つ並べて消す！マッチ3ゲームを作る キャンディークラッシュなどのゲームは皆さんも見たことがあると思います。 こうしたゲームはマッチ3ゲームと呼ばれるのですが、簡単に作れそうに見えて意外とプログラムが複雑になってしまいがちなゲームです。 そこで…
www.youtube.com オンライン対戦できる横スクロールゲーム 自分で作ったステージで友達と遊べる横スクロールゲームを作りました。 マリオなどで有名な横スクロールゲームは、四角いブロックを並べていくだけで簡単にステージを作ることが出来ます。 物理判定…
www.youtube.com シューティングゲームの作り方 ダウンロード シューティングゲームの作り方 シューティングゲームでは、プレイヤーと敵が存在し、プレイヤーは弾を放ち敵を撃退します。 プレイヤーは十字キーで移動でき、スペースキーで弾を生成します。敵…
www.youtube.com 衝撃波のようなAudio Visualizer Webで実行 残像を使おう！ 衝撃波のようなAudio Visualizer 音楽を再生するときに表示される棒グラフのようなものがAudio Visualizerで、音の周波数などを視覚化するために使われています。特にNCSのAudio V…
www.youtube.com Cyber Waveとは p5.jsでこんなものも作れる Wavy Fabric Generative Portrait Cyber Waveとは 竜とそばかすの姫やサマーウォーズに出てくるような、サイバー風のアートを、直感的に動かすことが出来るWebアプリです。 マウスで簡単に操作で…
www.youtube.com 今回作ったもの ダウンロード 本家チュートリアル 今回作ったもの SF風の波打つキューブのチュートリアルを元に、より美しい映像が得られるCyclesモードでレンダリングしてみました。 光がメタリックなキューブに映りこむ、近未来的な作品で…
www.youtube.com 布の模様を作るのは簡単！ Webで実行 Perlin Noiseでできること 布の模様を作るのは簡単！ 手作業で布を織るのは本当に大変ですが、コンピューターなら水平方向と垂直方向に線を引くだけで簡単に描くことが出来ます。 動画の11秒当たりで線…
www.youtube.com 渦巻く肖像画の作り方 使い方 使用例 ベートーベン バッハ 渦巻く肖像画の作り方 まず、画像の明るい方を示す勾配ベクトルを生成します。それに垂直になるようにペンを動かすと、明るい場所を中心に輪を描きます。 これが渦巻く肖像画の仕組…
www.youtube.com シャボン玉 ライブデモ ダウンロード Processing版 Unity版 元にした情報 シャボン玉 シャボン玉の虹色は光の干渉によって発生し、厚みによって色が変わります。今回は、ColorpyというPythonライブラリを使いシャボン玉のグラデーションをあ…
今回のチュートリアル Gabriel Aguiar Prod.というチャンネルで紹介されている4つのVFXチュートリアルをやってみました。 プロジェクトのダウンロードをするためにはPatreonになる必要がありますが、解説そのものは無料で見ることができます。 ※ポストプロセ…
www.youtube.com VFX Graphとは VFX Graphは、あらかじめ用意されたブロックを組み合わせていくだけで高度な視覚効果を作り出すことができる画期的なシステムです。 この機能はURPやHDRPなどの新しいプロジェクトで使うことできます。 VFX一覧 Fire Sword 高…
