images

本篇文章是 Phaser 系列的一部分。點擊這裡查看系列文章的第一篇。 你可以將圖片添加為 GameObjects，但在遊戲開始時顯示圖片時，需要在 preload() 函數中將它們預加載。我們要為它們分配一個標識符，然後在 create() 函數中使用該資源添加圖片： function preload() { this.load.image('apple', 'apple.png') } function create() { this.add.image(200, 200, 'apple') } 注意，200, 200 是我們要放置圖片的位置。它指的是圖片的中心點。 如果要將其設置為左上角位置（較易於理解），可以在圖片上調用 setOrigin() 方法： const image = this.add.image(200, 200, 'apple') image.setOrigin(0, 0) 一旦圖片被創建並添加，我們可以對其進行多種操作，包括縮放： image.setScale(2) 翻轉： image.flipY = true image.flipX = true 等等。

你可以在 SwiftUI 的視圖中使用 Image 視圖顯示圖片。 首先，你需要將圖片添加到 Xcode 項目導航器中的 Assets.xcassets 檔案中的一個新圖片集中。 然後，你可以像這樣將圖片添加到你的 ContentView 中： import SwiftUI struct ContentView: View { var body: some View { Image("Avatar") } } 你也可以使用 Image(systemName:) 的格式顯示系統圖片： struct ContentView: View { var body: some View { Image(systemName: "house") } } Image 視圖有一系列的修飾器可供使用，包括： .resizable() 用於調整圖片大小以適應 .frame() 的尺寸 .frame() 用於設置寬度/高度 .clipShape() 用於設置裁剪形狀 .border() 用於設置邊框顏色 .overlay() 用於將另一個視圖放在其前面 .aspectRatio() 用於設置長寬比 .clipped() 用於裁剪超出框架的圖片 示例：

CSS 可以用來為列表添加多種樣式。 list-style-type 屬性用於設置列表所使用的預定義標記： li { list-style-type: square; } 這裡有很多可能的取值，你可以在這裡查看 https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type，其中包含了它們的外觀示例。其中一些最受歡迎的取值包括 disc、circle、square 和 none。 list-style-image 屬性用於在預定義標記不適用時，使用自定義圖片作為標記： li { list-style-image: url(list-image.png); } list-style-position 屬性允許將標記放置在列表內容的 outside（默認）或 inside ，在頁面的流動中而不是頁面外： li { list-style-position: inside; } list-style 這個縮寫屬性讓我們可以在同一行中指定所有這些屬性： li { list-style: url(list-image.png) inside; }

在本文中，我描述了我運行博客的方式 網站平台 網站托管地點 文章 發佈文章的工作流程 圖片 電子報 書籍 就是這樣！ 網站平台 這個網站是使用Astro搭建的靜態網站。 以前我使用Hugo來構建，我喜歡它。不過現在我更喜歡使用JSX創建UI。 像Hugo一樣，Astro非常快速，可以生成快速響應的頁面，可以部署在Netlify或Cloudflare Pages等平台上。這就是我所需的一切。 網站托管地點 我以前使用Netlify來托管，現在改用Cloudflare Pages，因為他們提供免費的無限流量。 文章 我使用Markdown來撰寫文章。有時候我使用Notion、Bear或VS Code直接撰寫。Markdown是一種非常便攜的格式。 發佈文章的工作流程 我儘量多發佈文章。 以前我每天都會發佈，雖然現在我並不是每天都發佈，但我仍然儘量多發佈。 我只是享受這個過程。 有時候我在一個項目上工作，一天內就有三個發文的點子，這些都是我在Google上搜索並找到答案的東西。 我曾經提前一周或更長時間準備好內容，隨時可以發佈，但現在只有在有內容要發佈時才會發佈。 我將所有內容都推送到一個私有的GitHub存儲庫中，通過Git集成與Cloudflare Pages / Netlify同步。 每次向GitHub推送時，網站都會更新。 圖片 我確保所有文章圖片都使用ImageOptim進行了優化，以避免不必要的帶寬使用和提升頁面速度。 電子報 我有一個電子報。有時候我會發送一封郵件，列出我撰寫的文章以及我創建的任何新資源，這些資源可能很有趣。 我使用一個自托管的解決方案叫做Sendy和AWS SES。 了解一下為什麼你應該創建電子郵件列表。 書籍 我撰寫並發布了一系列電子書，可以在我的網站上閱讀或購買PDF或epub格式的書籍。我使用一個名為Honkit的工具生成這些書籍格式。詳細的流程在這裡: https://flaviocopes.com/how-to-create-ebooks-markdown/。 到目前為止，我已經寫了15本書，未來還計劃寫更多。 就是這樣！ 我的工具和工作流程總是在不斷發展。 我會儘量保持這篇文章的更新。