とな┇Web Creator ⧉

結婚式 Web招待状サイト を公開しました！ ↪︎ wedding.tonami-komuro.com/ 本年12月に挙げる自身の結婚式のために 制作しました🕊️ 夫婦でコンセプトを決め、 デザイン～実装までやり切りました！ 自分の写真が多く載っているので 恥ずかしさもありますが、 ぜひ見て感想をいただけたら嬉しいです！

Halloween 2026🎃 Jack-o'-Mine を公開しました！ ▸ jack-o-mine.tonami-komuro.co… 自分だけのカボチャを彫ってカードにできます！ 動画では、金ピカかぼちゃをホログラムカードにしています✨ 顔や言葉を自由に彫って 帽子や飾りをつけたり質感を変えたり 色々カスタマイズして、 自分だけのカボチャを作ってみてください！ (X にもシェアしてくれたら喜びます🙌) #ハロウィン #Halloween2026

今夜ハロウィンのサイト公開する予定なのですが、まだ完成してません🙁

[自主制作] Motion Pieces - 037 Uraomote シンプルな英語サイトとポップな日本語サイト 正反対なルックが裏表で切り替わる演出を作ってみました。 (Canvas 2D / TypeScript) ▸ motion-pieces.pages.dev/urao…

週間制限が早々に来てついにMax 20xに上げてしまった…使い倒そう

ワンオクの新曲良すぎやろ

[自主制作] Motion Pieces - 036 Knitted In 寒くなってきたので、 （Webで）ニットを編みました🧶 文字を打ち換えられるのでぜひ触ってみてください！ (Blender / WebGL2 / GLSL / TypeScript) ▸ motion-pieces.pages.dev/knit…

[自主制作] Motion Pieces - 035 Pashari カメラのシャッターをイメージした演出を作ってみました📷 (Canvas 2D / TypeScript) ▸ motion-pieces.pages.dev/pash…

雪降ると冬が来たって感じするな まだ10月なのに変な感じ

[自主制作] Motion Pieces - 034 Afterglow 電光掲示板風のサイト演出を作ってみました💡 文字が切り替わるたびに、光の点が最短ルートで次の文字へ移動します。 (Canvas / TypeScript) ▸ motion-pieces.pages.dev/afte…

[自主制作] Motion Pieces - 033 Drivetrain 歯車とチェーンを使ったサイト演出を作ってみました。 スクロールでチェーンが回り、連動してコンテンツが切り替わります。 (WebGL / Three.js / TypeScript) ▸ motion-pieces.pages.dev/driv…

今日は一日中お出かけなので自主制作出ません

[自主制作] Motion Pieces - 032 Utakata 今日はシャボン玉🫧 シャボン玉に四字熟語を浮かべて 割ると意味が出てきます。 (WebGL2 / GLSL) ▸ motion-pieces.pages.dev/utak…

[自主制作] Motion Pieces - 031 Locked Groove 今日はレコードを使ったサイト演出を オープニングから1ページ作ってみました。 (WebGL / Three.js / TypeScript) ▸ motion-pieces.pages.dev/lock…

[自主制作] Motion Pieces - 030 Kinshuu 秋なので、紅葉をテーマに作ってみました🍁 カーソルが箒になり、掃いた所から「錦秋」の文字が出てきます。 Sound を On にすると、葉ずれの音も鳴ります。 (WebGL / GLSL / TypeScript) ▸ motion-pieces.pages.dev/kins…

今日なんか寒いと思ったら8度しかなかった

[自主制作] Motion Pieces - 029 Time Lens モーショングラフィックス作品を作ってみました。 輪の中だけ、時間の進みが 1/8 になります。 ホイールで輪の大きさを変えられ、クリックでその場に輪を置けます。 Sキーで、その瞬間をポスター画像として保存できます。 (WebGL / three.js / TypeScript) ▸ motion-pieces.pages.dev/time…

最近夜の作業が捗りすぎるせいで毎日この時間になる

[自主制作] Motion Pieces - 028 Polygon Zero 文字も線もすべてポリゴンで描き、切り替わるたびにグリッチが発生します。 クリックするとその点を中心に壊れてトランジションします。 (WebGL2 / GLSL / TypeScript) ▸ motion-pieces.pages.dev/poly…

[自主制作] Motion Pieces - 027 Freeze Within 今回はBlenderを使ってみました。 FREEZE の文字が破片に分解される部分をBlenderで物理演算してベイクしています。 (Blender / three.js / GLSL / TypeScript) ▸ motion-pieces.pages.dev/free…