やばかわいいエンジニアの脳内整理ブログ

webglやglslについて学んだことを復習するブログ

【WebGL/GLSL】webpack + glslify でシェーダー書いてみたよ!

はじめに Yaba Kawaii Audio Visualizer noise ver. ayakoyokoya.hatenablog.com 「WebGL初心者がthree.jsでオーディオビジュアライザー作ったので復習するよ!」の第3回! 私の記念すべき初めての制作物『Yaba Kawaii Audio Visualizer』の復習です。 前回w…

webpack4 + Babel + three.js の環境構築するよ!

今回は webpack4 + Babel + three.js + glslify の環境構築の復習。ちなみに私はVisual Studio Codeを使っています。webpack4 + Babel で three.js の環境構築 やること 1. Node.jsのインストール 2. プロジェクトフォルダを作成&移動 3. webpack + Babel +…

WebGL初心者がthree.jsでオーディオビジュアライザー作ったので復習するよ!

4月中旬から本格的にWebGL / GLSLについて学びたいと思いはじめ、独学で勉強を開始しました。2週間程いろんなサイトで知識を得た後、three.jsを使ってオーディオビジュアライザーを制作しました。就活のために急いで制作したため、頭の中がごちゃごちゃなの…