• 科技應用專題-AI與多媒體創作

近代藝術家(1)

• 講義

• 製作一本電子書，基本上需要兩個要素，一個是程式碼，一個是資料內容。我們可以透過美國芝加哥藝術博物館以CC0協議開放的館藏圖庫(近5萬張名畫圖片免費下載)，來練習實作一本近代藝術家電子書，圖庫網址: https://www.artic.edu/collection

  開始撰寫近代藝術家(以莫內為例)的電子書，操作步驟如下：

  • 點選畫面左方右上角的「+」號新增頁面，如下圖。

  

  • 修改頁面的名稱，如下圖。

  

  開始撰寫近代藝術家電子書

  開始撰寫近代藝術家電子書，請在 Playgounds 程式碼區輸入以下的程式：

  // 顯示圖片:Image
  // 使用 Apple Swift Playgrounds
  // Created by Philip, Heman, Jean 2024/08/09
  // Revised by Jean 2024/08/09
  import PlaygroundSupport
  import SwiftUI
  
  let 網址 = "https://www.artic.edu/iiif/2/3c27b499-af56-f0d5-93b5-a7f2f1ad5813/full/1686,/0/default.jpg"
  
  struct 圖片: View {
     var body: some View {
         Text("莫內")
             .font(.largeTitle)
         AsyncImage(url: URL(string: 網址)) { 下載圖片 in
             下載圖片
                 .resizable()
                 .scaledToFit()
         } placeholder: {
             ProgressView()
         }
         Text("圖片/資料來源:芝加哥藝術博物館 \n作品說明:Claude Monet, The Water Lilies – The Clouds, 1920–1926")
             .font(.caption)
     }
  }
  
  PlaygroundPage.current.setLiveView(圖片())

  • 程式執行結果，如下圖。

  

  課堂練習

  請你依上面的範例，為你自己寫一頁電子書。