コードで蘇る「千と千尋の神隠し」：プログラミングによる名前の浮かび上がり演出 - Qiita

何を作ったのか お見せしたほうが早いかと。 デモページ （マウスもしくはApple Pencilといったスタイラスペンで各マスに文字を書き、右上の赤いボタンを押す） (2024年8月4日更新) より文字をふわふわさせるように、メッシュを細かくしました。 もしかしたら重いかも・・・・ 改良デモページ 結構すごくないですか？ こんな感じで、映画「千と千尋の神隠し」の千尋が湯婆婆に名前を捉えるシーンを再現してみました。作ってみて、なかなかおもしろかったので記事にしてみました。 どうやって作っているか これがどのように作られているか、簡単に解説します。 技術構成 本アプリは以下のライブラリを使用しています。 Next.js ・・・Webアプリのフレームワークです tailwindcss ・・・Webアプリのcssライブラリです Three.js ・・・3d描画ライブラリです。 react thre

[somaria3]

凄いが風が吹き抜けたチン毛だった

[Foorier]

すごい

[yarumato]

“自分で書いた名前の筆跡が、千と千尋の神隠しで湯年上年上に取られるような演出。Next.jsでreact three fiberを使う”

[masa8aurum]

映画『千と千尋の神隠し』の千尋が湯婆婆に名前を取られるシーンを再現 / おもしろい