小室斗南 (Tonami Komuro)┇Web Creative Developer┇お仕事のご相談はDMまたは [email protected] まで
札幌
Joined February 2023
- Tweets2.3K
- Following874
- Followers1.5K
- Likes48.2K
Pinned Tweet
結婚式 Web招待状サイト を公開しました！
↪︎ wedding.tonami-komuro.com/
本年12月に挙げる自身の結婚式のために
制作しました🕊️
夫婦でコンセプトを決め、
デザイン～実装までやり切りました！
自分の写真が多く載っているので
恥ずかしさもありますが、
ぜひ見て感想をいただけたら嬉しいです！
[自主制作] Motion Pieces - 041
Drip Glitch
グリッチの演出を考えてみました👾
トランジションとマウスでグリッチが出ます。
グリッチ大好きなので、今後も色々作っていきたい。
(WebGL2 / GLSL / TypeScript)
▸ motion-pieces.pages.dev/drip…
自主制作シリーズ Motion Pieces
↪︎ motion-pieces.pages.dev
制作数が40個になったので、
021~040をShowreelにまとめました！
[自主制作] Motion Pieces - 040
Shardscape
7つの都市の映像を、破片に映しました🏙️
都市を開くと破片が散って、球状から1枚のページに変化します。
(WebGL / three.js / TypeScript)
▸ motion-pieces.pages.dev/shar…
[自主制作] Motion Pieces - 039
Now Editing
共同編集ツール風のサイトで40人のカーソルが
手作業でサイトを組み立てていきます。
自分のカーソルも参加できて要素を移動できます。
(DOM / TypeScript)
▸ motion-pieces.pages.dev/now-…
とな┇Web Creator ⧉ retweeted
Happy Halloween!
素敵なサイトで自分だけのカボチャを作ってみました🎃
1日遅れですが楽しかったです！！
jack-o-mine.tonami-komuro.co…
[自主制作] Motion Pieces - 038
Glass Swatches
48個の配色見本をガラスのギャラリーにしました🎨
額を開くとカラーコードが見られて、ドラッグでかき混ぜられます。
(WebGL 2 / GLSL / TypeScript)
▸ motion-pieces.pages.dev/glas…
Halloween 2026🎃
Jack-o'-Mine を公開しました！
▸ jack-o-mine.tonami-komuro.co…
自分だけのカボチャを彫ってカードにできます！
動画では、金ピカかぼちゃをホログラムカードにしています✨
顔や言葉を自由に彫って
帽子や飾りをつけたり質感を変えたり
色々カスタマイズして、
自分だけのカボチャを作ってみてください！
(X にもシェアしてくれたら喜びます🙌)
#ハロウィン #Halloween2026
もうハロウィン終わってしまいましたが、色々作れます🎃
Halloween 2026🎃
Jack-o'-Mine を公開しました！
▸ jack-o-mine.tonami-komuro.co…
自分だけのカボチャを彫ってカードにできます！
動画では、金ピカかぼちゃをホログラムカードにしています✨
顔や言葉を自由に彫って
帽子や飾りをつけたり質感を変えたり
色々カスタマイズして、
自分だけのカボチャを作ってみてください！
(X にもシェアしてくれたら喜びます🙌)
#ハロウィン #Halloween2026
とな┇Web Creator ⧉ retweeted
こういうの大好き過ぎる…！楽しくて全盛りにしてしまった🤣
となさん、いつも素敵な遊び心ある作品ありがとうございます～！
ハッピーハロウィーン！🎃🎉
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…
[自主制作] 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…
[自主制作] Motion Pieces - 034
Afterglow
電光掲示板風のサイト演出を作ってみました💡
文字が切り替わるたびに、光の点が最短ルートで次の文字へ移動します。
(Canvas / TypeScript)
▸ motion-pieces.pages.dev/afte…