iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 384 瀏覽

鐵人賽自我挑戰組 DAY 20

玩game學打code。街機程式設計再進化。微軟Arcade 系列第 20 篇

技術 Arcade再進化-迷宮產生器(3)

二元樹迷宮遊戲前面已經介紹過二元樹迷宮的生成原理以及在arcade網站中做出了簡易版的迷宮遊戲現在就讓我們把這兩個結合在一起吧本篇內容製作出上次迷宮遊...

小威老師 ‧ 2022-10-05

1 Like 1 留言 1245 瀏覽

鐵人賽 Modern Web DAY 21

防禦性 CSS - 建立「防患未然」的匠人心態系列第 21 篇

技術【Day21】Grid - 最小內容大小

情境談到響應式的佈局排版，除了 Flexbox 之外，還有一個不容忽視的重要屬性，就是 Grid。以下圖為例，我們透過 Grid 也能夠很輕易的將主要內容以...

Taiming ‧ 2022-10-05 ‧團隊光明頂

0 Like 0 留言 1262 瀏覽

鐵人賽 Mobile Development DAY 29

Kimoji：以 Jetpack Compose 實作一款「心情日記」應用系列第 29 篇

技術 snapshotFlow：將 Compose 的 state 轉換為 Flow

　Medium 好讀版已經開發了這麼多 Kimoji App 的功能，該埋點了吧！今天的文章會示範在使用者捲動「日記清單」時，觸發一個 side eff...

John Lu ‧ 2022-10-05 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

1 Like 0 留言 306 瀏覽

鐵人賽自我挑戰組 DAY 19

玩game學打code。街機程式設計再進化。微軟Arcade 系列第 19 篇

技術 Arcade再進化-橫向捲軸遊戲(3)

在之前我們完成了地圖基本設定以及會尾隨在我們身後的小鬼?但是!!!遊戲中怎麼可以少了得分呢?!沒錯！我們今天就要來完成得分機制啦~努力得到全部的分數吧!( •̀...

小威老師 ‧ 2022-10-04

4 Like 0 留言 583 瀏覽

鐵人賽 Modern Web DAY 20

防禦性 CSS - 建立「防患未然」的匠人心態系列第 20 篇

技術【Day20】Flexbox - 最小內容大小

情境 Flexbox 的排版已經太方便，以至於網頁上到處都可以發現 Flexbox 的蹤跡。今天我們再來舉一個例子，假設我們需要做一個使用者管理頁面，那我們可能...

Taiming ‧ 2022-10-04 ‧團隊光明頂

0 Like 0 留言 900 瀏覽

鐵人賽 Mobile Development DAY 28

Kimoji：以 Jetpack Compose 實作一款「心情日記」應用系列第 28 篇

技術 rememberCoroutineScope

　Medium 好讀版今天的文章中，我們要來實作彈出 ModalBottomSheet 的功能。目前，如果嘗試點擊日記上的選單，不會觸發任何動作。...

John Lu ‧ 2022-10-04 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 0 留言 360 瀏覽

鐵人賽自我挑戰組 DAY 18

玩game學打code。街機程式設計再進化。微軟Arcade 系列第 18 篇

技術 Arcade再進化-射擊遊戲(3)

第三章：增加子彈Buff、時間倒數玩玩看第一部分:增加子彈Buff(獲得向外四散子彈) 找到十字星，會獲得隨機向外四散的子彈選取變數裡的變數...

小威老師 ‧ 2022-10-03

0 Like 0 留言 786 瀏覽

鐵人賽影片教學 DAY 18

視窗程式設計系列第 18 篇

技術【Day18】打磚塊遊戲序幕，球的彈跳規則設計

嗨，大家好，今天是視窗程式設計第十八天的影片教學，從今天的影片開始，要來進入新的遊戲專案，打磚塊的遊戲。打磚塊的遊戲專案，預計會實作以下功能：球會產生反方...

Ericostco ‧ 2022-10-03

0 Like 0 留言 1548 瀏覽

鐵人賽 Mobile Development DAY 27

Kimoji：以 Jetpack Compose 實作一款「心情日記」應用系列第 27 篇

技術 LaunchedEffect 和 rememberUpdatedState

　Medium 好讀版我們想要在 Kimoji App 中新增一個 landing screen，可以用來在背景載入資料。此系列文章是以我的業餘專...

John Lu ‧ 2022-10-03 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

3 Like 0 留言 1396 瀏覽

鐵人賽 Modern Web DAY 19

防禦性 CSS - 建立「防患未然」的匠人心態系列第 19 篇

技術【Day19】Flexbox - 內元件溢出

情境 Flexbox 是 CSS3 的盒子模型(box model)，顧名思義它就是一個具有彈性和靈活性的盒子(Flexible Box)，這個模型讓排版變得容...

Taiming ‧ 2022-10-03 ‧團隊光明頂

0 Like 0 留言 367 瀏覽

鐵人賽自我挑戰組 DAY 17

玩game學打code。街機程式設計再進化。微軟Arcade 系列第 17 篇

技術 Arcade也能學演算法Ouo!? 演算法遊戲!(3)

第三篇：棋類遊戲-立體四子棋大綱遊戲內容創建角色控制箭頭放置棋子顯示結果尋找連線成果預覽這是一個雙人對戰遊戲可以利用左右鍵控制箭頭...

小威老師 ‧ 2022-10-02

3 Like 0 留言 1204 瀏覽

鐵人賽 Modern Web DAY 18

防禦性 CSS - 建立「防患未然」的匠人心態系列第 18 篇

技術【Day18】盒子模型 - 邊距重疊

情境 CSS Box Model 盒子模型是 CSS 的基礎。我們可以簡單的理解為， html 元素在 CSS 裡面，都可以視為一個一個的盒子(Box)。如下...

Taiming ‧ 2022-10-02 ‧團隊光明頂

0 Like 0 留言 856 瀏覽

鐵人賽 Mobile Development DAY 26

Kimoji：以 Jetpack Compose 實作一款「心情日記」應用系列第 26 篇

技術從 ViewModel 使用可觀察的資料流

　Medium 好讀版今天的文章中，我們要來介紹如何將 ViewModel expose 的可觀察資料型態接到 Composable 上。我們會示範將...

John Lu ‧ 2022-10-02 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 0 留言 423 瀏覽

鐵人賽自我挑戰組 DAY 16

玩game學打code。街機程式設計再進化。微軟Arcade 系列第 16 篇

技術 Arcade再進化 - 虛擬鍵盤的妙用(3)

第三篇簡易計算機藉由第二篇已讓大家認識如何用運算的積木和 Javascript的語法使輸入的數值自動做計算本篇會分享如何將+ - * / 變成選單，像計...

小威老師 ‧ 2022-10-01

1 Like 0 留言 1048 瀏覽

鐵人賽 Modern Web DAY 29

30個遊戲程設的錦囊妙計系列第 29 篇

技術 Trick 28: 漩渦式地圖搜索演算法

遊戲中把敵人打到戰鬥不能後，敵人不是會噴血、噴錢、噴道具嗎？那同學們知道這些噴出來的東西，在程式中是怎麼選擇降落的位置嗎？該不會以為是亂數隨便選一選的吧！其實小...

小哈片刻 ‧ 2022-10-01

2 Like 0 留言 774 瀏覽

鐵人賽 Modern Web DAY 17

防禦性 CSS - 建立「防患未然」的匠人心態系列第 17 篇

技術【Day17】盒子模型 - 內容盒子與邊框盒子

情境我們在認識 CSS Box Model 的時候，有一個必須要知道的屬性，就是 box-sizing。我們來看看這個 Box Model：我們在初學...

Taiming ‧ 2022-10-01 ‧團隊光明頂

0 Like 0 留言 719 瀏覽

鐵人賽 Mobile Development DAY 25

Kimoji：以 Jetpack Compose 實作一款「心情日記」應用系列第 25 篇

技術讓 Compose 觀察 list item 內值的變化

　Medium 好讀版此系列文章是以我的業餘專案： Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...

John Lu ‧ 2022-10-01 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 0 留言 423 瀏覽

鐵人賽自我挑戰組 DAY 15

玩game學打code。街機程式設計再進化。微軟Arcade 系列第 15 篇

技術 Arcade再進化-空島跳躍者(3)

空島跳躍者上篇內容我們已經讓可以控制角色也完成基本的地圖設置。若跟不上進度的可以回去複習喔~ 本篇內容本篇我們將製作遊戲結果的判定及繪製角色動畫及設...

小威老師 ‧ 2022-09-30

2 Like 0 留言 2451 瀏覽

鐵人賽 Modern Web DAY 28

30個遊戲程設的錦囊妙計系列第 28 篇

技術 Trick 27: 承先啟後的路徑搜尋－A*演算法

前兩天分別介紹了兩種路徑搜尋演算法，《戴克斯特拉》與《貪婪演算法》。他們尋路的過程大同小異，但演算的結果卻大相徑庭。復習這兩種演算法都會將觸及的所有格子，分...

小哈片刻 ‧ 2022-09-30

4 Like 1 留言 2790 瀏覽

鐵人賽 Modern Web DAY 16

防禦性 CSS - 建立「防患未然」的匠人心態系列第 16 篇

技術【Day16】滾動條 - 避免滾動穿透

情境有時候我們的畫面會需要用到如下圖的 Modal 彈窗：這樣的 Modal 彈窗，他的內容有可能是針對某個地方的額外說明，因此這個說明也有可能會需要詳細...

Taiming ‧ 2022-09-30 ‧團隊光明頂

0 Like 0 留言 458 瀏覽

鐵人賽 Mobile Development DAY 24

Kimoji：以 Jetpack Compose 實作一款「心情日記」應用系列第 24 篇

技術 Compose 實作清單多選

　Medium 好讀版今天我們要來實作 Kimoji App 裡多選標籤的功能。我們會把勾選的狀態和邏輯放到 ViewModel。透過讓 ViewMod...

John Lu ‧ 2022-09-30 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

1 Like 0 留言 286 瀏覽

鐵人賽自我挑戰組 DAY 14

玩game學打code。街機程式設計再進化。微軟Arcade 系列第 14 篇

技術 Arcade再進化-橫向捲軸遊戲(2)

在上一篇中我們已完成主角及地圖的基本設定啦!!!還沒看得趕快去上篇觀看!!(不可以偷跳級喔!)這篇我們將給主角出點難題，讓一隻小鬼追在他的後方(＃°Д°)拿出全...

小威老師 ‧ 2022-09-29

6 Like 0 留言 2245 瀏覽

鐵人賽 Modern Web DAY 15

防禦性 CSS - 建立「防患未然」的匠人心態系列第 15 篇

技術【Day15】滾動條 - 保留滾動條的空間

情境當我們內容超出頁面的時候，我們會設置滾動條。上個單元中，我們介紹了使用 auto 來設置，避免不需要的時候還出現滾動條： .card { overfl...

Taiming ‧ 2022-09-29 ‧團隊光明頂

1 Like 0 留言 4716 瀏覽

鐵人賽自我挑戰組 DAY 29

[Dot Net Core](圖解系列與常用套件) 系列第 29 篇

技術 [Dot Net Core](常用套件) 29. 外部擴充功能研究範例

承上一節探討，上一節是以抽換模組的狀況下模擬，模組仍依照介面定義的功能來實作。如果能由外部擴充功能，擴充 "額外" 功能，且是非繼承必須...

czxdas ‧ 2022-09-29

0 Like 0 留言 686 瀏覽

鐵人賽 Mobile Development DAY 23

Kimoji：以 Jetpack Compose 實作一款「心情日記」應用系列第 23 篇

技術將 data 和 event 遷移到 ViewModel

　Medium 好讀版此系列文章是以我的業餘專案： Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...

John Lu ‧ 2022-09-29 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

1 Like 0 留言 447 瀏覽

鐵人賽自我挑戰組 DAY 13

玩game學打code。街機程式設計再進化。微軟Arcade 系列第 13 篇

技術 Arcade再進化-迷宮產生器(2)

迷宮產生器上一篇我們做出了二元樹迷宮，並且可以不斷地重新生成但是有沒有可能可以操控角色遊玩迷宮呢? 本篇內容我們今天就來做出可以實際遊玩的迷宮使用方向鍵...

小威老師 ‧ 2022-09-28

1 Like 0 留言 4844 瀏覽

鐵人賽自我挑戰組 DAY 28

[Dot Net Core](圖解系列與常用套件) 系列第 28 篇

技術 [Dot Net Core](常用套件) 28. 抽換類別模組不重啟服務 - 使用Autofac協助研究範例

有時會思考一個問題，因為系統的複雜度上升，往往變更後更版上線也跟著複雜起來。那如果是微服務呢? 中斷了系統使用外，也要更新好幾個POD。有沒有一條路是可以擴充...

czxdas ‧ 2022-09-28

3 Like 0 留言 1116 瀏覽

鐵人賽 Modern Web DAY 14

防禦性 CSS - 建立「防患未然」的匠人心態系列第 14 篇

技術【Day14】滾動條 - 僅在需要時才顯示滾動條

情境今天我們來討論一個卡片容器的例子：當內容在一般裝況下，我們不會需要滾動條，但是當內容長度過多時，我們會需要滾動調，讓我們在不改變卡片容器大小的狀況下，...

Taiming ‧ 2022-09-28 ‧團隊光明頂

0 Like 0 留言 870 瀏覽

鐵人賽 Mobile Development DAY 22

Kimoji：以 Jetpack Compose 實作一款「心情日記」應用系列第 22 篇

技術 ViewModel 中的狀態

　Medium 好讀版畫面或 UI state 會包含畫面上要顯示的內容 (例如日記清單)。由於這個狀態含有應用程式資料，因此通常連結著 app 架構的其...

John Lu ‧ 2022-09-28 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

2 Like 0 留言 403 瀏覽

鐵人賽自我挑戰組 DAY 12

玩game學打code。街機程式設計再進化。微軟Arcade 系列第 12 篇

技術 Arcade再進化-射擊遊戲(2)

第二章：增加回血功能、增加扣分機制、改變場景大小官方原始版本進化版本以下是使用積木為例第一部分:增加回血功能可以消耗10分，增加一條命。只要分數大於1...

小威老師 ‧ 2022-09-27

技術 Arcade再進化-迷宮產生器(3)

技術 【Day21】Grid - 最小內容大小