タグ: シェーダー
-

【夏休みの自由研究】ついに完成!「万華鏡」(第5回)
第1回の「とりあえず遊んじゃおう!完成版コード」を覚えていますか? これは、世界のクリエイターを熱狂させた Kishimisuさん の魔法です。 これまでの第1…
-

【夏休みの自由研究】増殖の魔法:forループ(第4回)
今回のテーマは、「反復(ループ)」。 たった1つのプログラムを、ロボットに「100回やって!」と命じるだけ。プログラムだからこそ描ける「圧倒的な数」。その扉を一…
-

【夏休みの自由研究】「動き」と「色」の魔法(第3回)
第2回では画面にポツンと浮かぶ「完璧(かんぺき)な丸」を描くことに成功したね。 でも、今の丸はじっと止まったまま、眠っているみたい……。 今回使う魔法は、とって…
-

【夏休みの自由研究】ロボットへの命令と座標のナゾ:丸を描く(第2回)
🌟 ここが一番の「がんばりどころ」だよ! 第2回のテーマは、シェーダーの「ルール」と画面の住所を決める「座標(ざひょう)」のお話です。 正直に言…
-

【夏休みの自由研究】「シェーダー」の世界(第1回)
これから挑戦するのは、ふつうのプログラミングよりもちょっとだけ難しくて、でも圧倒的にかっこいい「WEBGL(ウェブジーエル)」という特別なモードなんだ。 &#x…
-

第4回クリエイティブ・コーディング:React Three Fiberでシェーダーを召喚
開発環境をどこに構えるか? p5.jsの時は OpenProcessing という便利な場所がありますが、本格的なシェーダー開発では「自分の道具」を揃える必要が…
-

第3回クリエイティブ・コーディング:シェーダーの魔法
第3回の主役は、シェーダー(GLSL)です。 「Shadertoy」という魔法の鏡 シェーダーの世界は数学と物理の塊、一からすべてを理解しようとすると、入り口で…
-

第2回クリエイティブ・コーディング:p5.js(CPU)の世界
第2回の主役は、「p5.js」。ブラウザ標準の Canvas 2D API を驚くほど直感的に、かつ簡単に扱えるようにしてくれる「魔法のスケッチブック」のような…
-

第1回クリエイティブ・コーディングへの招待状:数式で描くWebアートの世界
全4回にわたって、数学という道具を使って、幻想的なアートを描き出す。そんなクリエイティブ・コーディングに挑戦しようと思います。 🌟 「巨人の肩」…