見出し画像

Babylon.jsで新年2025年の挨拶

長田英幸

次のサイトで、実際に「Happy New Year」、「2025」、「賀正」と表示が切り替わるのが確認できます。
1年ぐらい前からクリスマスカードや年賀状でBabylon.jsで活用するアイディアが思い浮かんでいたので、今回実行できて胸のつかえが取れました。


Babylon.jsとは

オープンソースで公開されているWebGLフレームワークです。詳しくは次の公式サイトを参照ください。

作り方

1か月だけChatGPT o1 proに課金したので、フル活用しました。
「2025」などの文字を立方体の表示にする元になる■とスペースは、手打ちしたりしました。後は生成AIとやりとりして完成させました。
実行環境は、Babylon.js公式が用意されているPlaygroundです。


課題

NHKアーカイブスからBGMとして、春の海の音楽ファイルをダウンロードしてS3にアップロードしました。スペースボタンを押した時など色々と工夫したのですが、音声ファイルのURLでBabylonjs  playgroundで再生する事が出来ませんでした。

Babylon.jsに興味が湧いた方へ

Babylon.js 勉強会という有志の集まりがあるので気軽にご参加ください。
技術書典も出ています。


いいなと思ったら応援しよう！