小室斗南 (Tonami Komuro)┇Web Creative Developer┇お仕事のご相談はDMまたは [email protected] まで
札幌
Joined February 2023
- Tweets2.3K
- Following874
- Followers1.6K
- Likes48.3K
Pinned Tweet
結婚式 Web招待状サイト を公開しました！
↪︎ wedding.tonami-komuro.com/
本年12月に挙げる自身の結婚式のために
制作しました🕊️
夫婦でコンセプトを決め、
デザイン～実装までやり切りました！
自分の写真が多く載っているので
恥ずかしさもありますが、
ぜひ見て感想をいただけたら嬉しいです！
[自主制作] Motion Pieces - 044
One Horizon
current以外も常に左右に表示されている
新しいカルーセルの表現を考えてみました。
15枚の水平線の写真を、中央の1本の線に重ねて並べています。
(DOM / TypeScript)
▸ motion-pieces.pages.dev/one-…
[自主制作] Motion Pieces - 043
Thirty-Six Deep
架空のスタジオをイメージして、
36人の従業員を36枚のレイヤーにして1匹の生き物のようにしてみました。
(WebGL2 / GLSL)
▸ motion-pieces.pages.dev/thir…
[自主制作] Motion Pieces - 042
Restipple
点描で映像を描く表現を作ってみました。
トランジション時は、1マスずつ描き直されて次の映像に切り替わります。
(WebGL2 / GLSL / TypeScript)
▸ motion-pieces.pages.dev/rest…
[自主制作] 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…