[{"data":1,"prerenderedAt":61},["ShallowReactive",2],{"works:detail:audio-reactive-web-visualiser:ja":3},{"entry":4,"position":51,"total":52,"prev":53,"next":57},{"id":5,"slug":6,"name":7,"description":8,"category":9,"tags":10,"featured":13,"image":14,"body":15,"website":16,"budget":17,"images":18,"gallery":26,"client":27,"roles":28,"skills":37},45,"audio-reactive-web-visualiser","Audio Reactive Web Visualiser","WebGLでクールなオーディオ・リアクティブ・シェーダーを構築するためのR+Dと、そのオーディオに基づいて高解像度の静止画を生成するシステム","Nekologic",[11,12],"Web","Backend",false,"https:\u002F\u002Fs3.ap-northeast-1.amazonaws.com\u002Fnekohr-photo-bucket\u002Fimages\u002FNone\u002FIMG_1348.PNG","\u003Cp>この実験的なウェブベースのビジュアライザーは、リアルタイムのオーディオリアクティブなグラフィックスを通じて、音、声、そしてジェネレーティブアートの関係性を探求するものでした。\u003C\u002Fp>\u003Cp>すべてJavaScriptで構築されたこのシステムは、FFTオーディオ処理技術を用いてマイク入力を解析し、カスタムのGPUシェーダーへ直接送り込めるダイナミックなオーディオテクスチャを生成しました。生み出されるビジュアライゼーションは、発せられた言葉や周囲の音に瞬時に反応し、音声入力の抽象的で刻々と変化する表現を作り出しました。\u003C\u002Fp>\u003Cp>リアルタイム体験に加え、録音内の特定の瞬間を呼び戻し、きわめて高い解像度で再生成できるキャプチャシステムを開発しました。これにより、個々の発話やサウンドを印刷に適したユニークな静止画へと変換し、人の声から直接生み出される物理的なアーティファクトを作り出すことが可能となりました。\u003C\u002Fp>\u003Cp>本プロジェクトは、ウェブ技術、ジェネレーティブグラフィックス、オーディオ解析が持つ創造的な可能性を示し、インタラクティブなデジタルアートを通じて音を可視化し、保存する新たな手法を探求しました。\u003C\u002Fp>","","4 Man Months",[14,19,20,21,22,23,24,25],"https:\u002F\u002Fs3.ap-northeast-1.amazonaws.com\u002Fnekohr-photo-bucket\u002Finnercard\u002Fimages\u002F525_20211112114132_innercard_04.png","https:\u002F\u002Fs3.ap-northeast-1.amazonaws.com\u002Fnekohr-photo-bucket\u002Finnercard\u002Fimages\u002F526_20211112114155_innercard_01.png","https:\u002F\u002Fs3.ap-northeast-1.amazonaws.com\u002Fnekohr-photo-bucket\u002Finnercard\u002Fimages\u002F527_20211112114155_innercard_02.png","https:\u002F\u002Fs3.ap-northeast-1.amazonaws.com\u002Fnekohr-photo-bucket\u002Finnercard\u002Fimages\u002F528_20211112114155_innercard_03.png","https:\u002F\u002Fs3.ap-northeast-1.amazonaws.com\u002Fnekohr-photo-bucket\u002Finnercard\u002Fimages\u002F529_20211112114155_innercard_05.png","https:\u002F\u002Fs3.ap-northeast-1.amazonaws.com\u002Fnekohr-photo-bucket\u002Finnercard\u002Fimages\u002F530_20211112114155_innercard_06.png","https:\u002F\u002Fs3.ap-northeast-1.amazonaws.com\u002Fnekohr-photo-bucket\u002Finnercard\u002Fimages\u002F531_20211112114155_innercard_07.png",[19,20,21,22,23,24,25],[9],[29,30,31,32,33,34,35,36],"Backend Programming","Frontend Web Programming","Project Management","Frontend \u003C-> Backend Connectivity","Animation","Technical Direction","Effects Design","Build and Release Management",[38,39,40,41,42,43,44,45,46,47,48,49,50],"AWS","CSS","Docker","EC2","Firebase Hosting","Git","HTML","Japanese","Javascript","Shell Scripting","ThreeJS","WebGL","Node.js",49,75,{"slug":54,"name":55,"image":56},"firefly","Firefly","https:\u002F\u002Fs3.ap-northeast-1.amazonaws.com\u002Fnekohr-photo-bucket\u002Fimages\u002FNone\u002FScreen_Shot_2021-02-27_at_9.31.36_PM.png",{"slug":58,"name":59,"image":60},"novartis-bsh","Novartis BSH","https:\u002F\u002Fs3.ap-northeast-1.amazonaws.com\u002Fnekohr-photo-bucket\u002Fimages\u002FNone\u002FNovartis-BSH-logo.png",1787079861820]