# AE STUDIO SPACE レッスン

> ブラウザーで実験しながら学ぶデザインと技術。各レッスンには英語版と日本語版があります。用意されているオフライン版は各ページからダウンロードできます。

- [クリエイティブ・コーディングのレッスン](https://aestudio.studio/lessons/ja): 動くブラウザーの実験で学ぶ、デザインと技術の短いレッスン。
- [ひとつの時計、さまざまな動き。](https://aestudio.studio/lessons/one-clock/ja): 回るダイヤル、上下する波、揺れる木を、ひとつの時計でつなぎます。位相・振幅・動きの同期を体験する、数学とアートのレッスンです。
- [水のつくり方](https://aestudio.studio/lessons/making-water/ja): サイン波から小さな海をつくります。振幅、波の重なり、面の法線、光を体験する、数学とアートのレッスンです。
- [線から生まれるデジタル生命。](https://aestudio.studio/lessons/digital-life/ja): 左右対称の曲線、細い線の層、走査の印から光る有機的な形をつくる、創造的なコーディングと視覚表現のレッスン。
- [雲と、小さなすき間。](https://aestudio.studio/lessons/cloud-passage/ja): 2つのアイソメトリックな塔の間を、柔らかな雲が通り抜けます。ボリューム描画、奥行き、変形、タイミングを体験する図解レッスンです。
- [光でできたカード。](https://aestudio.studio/lessons/foil-card/ja): 編集できるホログラムのチケットカードをつくろう。形のマスク、箔の色、質感、ポインターに追従する光、透過PNGの書き出しを学ぶインタラクティブなレッスン。
- [小さく揺れるバッジ。](https://aestudio.studio/lessons/hanging-badge/ja): ドラッグできる吊り下げバッジをつくろう。ロープの制約、中心から外れたつかみ方、減衰、透明なホルダーを学ぶ図解レッスン。
- [小さな滴、ひとつの液体世界。](https://aestudio.studio/lessons/liquid-orbit/ja): 光沢のある液体の球をつくろう。メタボールの場、表面の光、表情のある動き、虹色の輪を学ぶ図解レッスン。
- [陰影を先に、色はあとに。](https://aestudio.studio/lessons/colour-alchemy/ja): SVGで動く金属文字をつくろう。内側の縁、グレーのグラデーション、粒子、編集できる色の変換表を学ぶレッスン。
- [織り合わさる野原。](https://aestudio.studio/lessons/natural-network/ja): 生成した草の上に生きた網をつくろう。高さの場、垂れる糸、植物による隠れ方、生成的な構図を学ぶ図解レッスン。
- [四角の中の小さな光。](https://aestudio.studio/lessons/glow-cards/ja): 雰囲気のある四角いカードをつくろう。柔らかなグラデーション、光の筋、曇りガラス、色の流れ、控えめな文字を学ぶ図解レッスン。
- [小さなボタン、大きな感情。](https://aestudio.studio/lessons/emotional-buttons/ja): 個性のあるボタンを試すページ。12の反応とタイミングを編集し、引き寄せ、傾き、伸縮、光、文字の散らばりが感情をつくるしくみを学びます。
- [小さな印がつくる空間。](https://aestudio.studio/lessons/character-space/ja): 文字で満たされた柔らかな飛行空間をつくろう。遠近法、奥行き、文字粒子、軌跡、編集できるモザイク文字を学ぶ図解レッスン。
- [柔らかな形、広がる色。](https://aestudio.studio/lessons/diffuse-gradient/ja): 柔らかな輪郭、広がる色、固定した粒子でポスターをつくるレッスン。形、パレット、文字を編集し、PNGで保存できます。
- [小さなスクロール、長い印刷。](https://aestudio.studio/lessons/scroll-press/ja): 進みながら印刷する紙のロールをつくろう。距離、スクロール入力、ばねの操作、回転する形、再利用するポスターの軌跡を学ぶ図解レッスン。
- [効果の裏にある見えない地図](https://aestudio.studio/lessons/invisible-map/ja): UV座標、移動、倍率、縦横比の補正を学ぶ短いレッスンと動くデモ。
- [多くの視点、ひとつのガウス場。](https://aestudio.studio/lessons/gaussian-splatting/ja): 生成した多視点画像と手続き型のガウス点群を観察し、画像の整合性、カメラの位置合わせ、柔らかな投影、Houdiniの学習手順を学びます。
- [座標の地図のデモ](https://aestudio.studio/lessons/invisible-map/demo/ja): 動くWebGLの模様で、座標の倍率とずれ、格子の表示を変えて比べます。