Lily Playground Books テキストリスト

Lily Playground Booksのテキストを紹介しています。Swift Playgrounds App以外で内容をご覧になりたいとき、ご参考ください。

---

Lily Playground Limited Editor on Web

Windowsでもブラウザ上でLily Playground Booksのコードを試せるエディタです。動作するコードは限られますが学習にご活用ください。

エディタを開く

---

LilyPG-1: 図形を描く

1章. LilyPGをはじめよう

• 1-1. 四角を描く
• 1-2. 色を変える
• 1-3. 大きさを変える
• 1-4. 位置を変える
• 1-5. 回転させる
• 1-6. 透かす
• 1-7. フリーコード

2章. 色々な図形を描く

• 2-1. 三角・丸・四角
• 2-2. 横に並べる
• 2-3. さらに縦に並べる
• 2-4. 図形を交互に並べる
• 2-5. 図形のチェッカー
• 2-6. カウンタで彩りを
• 2-7. フリーコード
• 2-8. ランダムな配置
• 2-9. ランダムな色・大きさ
• 2-10. 図形をランダムに
• 2-11. ランダムをつかいこなす
• 2-12. フリーコード

3章. 画像で描く

• 3-1. 画像を表示する
• 3-2. マスクとして用いる
• 3-3. マスク画像の紹介
• 3-4. マスクを重ねる表現

4章. 模様をつくる

• 4-1. 重ねて模様をつくる
• 4-2. 加算合成
• 4-3. 合成で模様を描く
• 4-4. ランダムで模様
• 4-5. ぼかし円と合成
• 4-6. マスク画像できらめき
• 4-7. 光る熱源表現
• 4-8. フリーコード

---

LilyPG-2: 図形を動かす

1章. 図形のアニメート

• 1-1. 位置のアニメート
• 1-2. サイズのアニメート
• 1-3. 色のアニメート
• 1-4. 角度のアニメート
• 1-5. アルファのアニメート
• 1-6. 組み合わせる
• 1-7. 一定間隔で実行する
• 1-8. 図形のライフ
• 1-9. 終了処理とライフの復活
• 1-10. 図形の再利用
• 1-11. 毎フレームの処理
• 1-12. フリーコード

2章. 視覚表現ことはじめ

• 2-1. 視覚表現の導入コード
• 2-2. スケーリングの追加
• 2-3. 移動表現の追加
• 2-4. 回転表現の追加
• 2-5. 加速する
• 2-6. どんどん大きく
• 2-7. 複数図形で視覚表現
• 2-8. フリーコード

3章. 視覚表現のバライエティ

• 3-1. キラキラ輝く
• 3-2. 煙を焚く
• 3-3. 炎をあげる
• 3-4. うねる発光体
• 3-5. 噴水
• 3-6. ぼたん雪の降る夜
• 3-7. トゥインクルスター
• 3-8. 跳ねかえる円
• 3-9. 花火
• 3-10. フリーコード

---

LilyPG-3: タッチとエフェクト

1章. タッチとエフェクト

• 1-1. タッチした位置に円を描く
• 1-2. タッチの軌跡に図形を描く
• 1-3. タッチと図形のアニメーション1 - 回転とズーム
• 1-4. タッチと図形のアニメーション2 - 移動と複数描画
• 1-5. マルチタッチ
• 1-6. 指が離れたときを捉える
• 1-7. フリーコード

2章. タッチ・インタラクション

• 2-1. 拡散光エフェクト
• 2-2. シャワー
• 2-3. キラキラ輝く軌跡
• 2-4. 燃える軌跡
• 2-5. 離した時に光線を描く
• 2-6. タッチに集まるパーティクル
• 2-7. 触れて弾ける
• 2-8. フリーコード