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

1 Like 0 留言 7213 瀏覽

鐵人賽 Modern Web DAY 10

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

技術 Trick 9: 活塞運動的嘆息：sin與cos

三角函數是遊戲程式設計師必定要鑽研的課題之一，除了在向量的運算中需要大量的三角函數之外，光是正弦(sine)與餘弦（cosine)這兩個數學式本身，就能帶給遊戲...

小哈片刻 ‧ 2022-09-12

0 Like 0 留言 641 瀏覽

鐵人賽 Modern Web DAY 11

如何用TypeScript水30天鐵人賽系列第 11 篇

技術 [Day11]：這是一隻鴨子 - Object

這就是一隻鴨子當我看到一隻鳥像鴨子一樣走路像鴨子一樣游泳，像鴨子一樣嘎嘎叫時，我就叫那隻鳥為鴨子────────────────── By James W...

Opshell ‧ 2022-09-11

4 Like 0 留言 1745 瀏覽

鐵人賽 Modern Web DAY 9

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

技術 Trick 8: 狙擊槍的彈著點是在哈囉？

相信就算沒玩過射擊遊戲的同學，也多少看過別人玩Counter Strike或Call of Duty之類的遊戲吧。在類似的槍戰遊戲中都會出現射擊瞄準用的準星。一...

小哈片刻 ‧ 2022-09-11

0 Like 0 留言 619 瀏覽

鐵人賽 Modern Web DAY 10

如何用TypeScript水30天鐵人賽系列第 10 篇

技術 [Day10] - 那我就再宣告一個 - Function part 2

沒想到還可以超載起來一個function不夠?那我就再宣告一個。───────────────────────── By Opshell 目標: 學會...

Opshell ‧ 2022-09-10

4 Like 0 留言 1259 瀏覽

鐵人賽 Modern Web DAY 8

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

技術 Trick 7: 追著主角跑的攝影機大哥

若說有一個隱藏在畫面背後，卻掌管著遊戲躍動的重要舵手，那指的就是遊戲的攝影機了。攝影機的操作和性能，除了直接連結了視覺效果，也可能影響角色的操縱性，甚至改變玩家...

小哈片刻 ‧ 2022-09-10

0 Like 0 留言 634 瀏覽

鐵人賽 Modern Web DAY 9

如何用TypeScript水30天鐵人賽系列第 9 篇

技術 [Day09] - 當ES6遇上了TypeScript - Function part 1

這豈不是無敵了?? > *當ES6 遇上了TypeScript，* > *這豈不是無敵了?!。* > *──────────────────...

Opshell ‧ 2022-09-09

1 Like 0 留言 2106 瀏覽

鐵人賽 Modern Web DAY 7

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

技術 Trick 6: 顏色的靠近演算法

一般在電腦中儲存顏色是使用3個byte的整數，比如16777215就代表了白色，不過這樣的表示方法很難看得出顏色的資訊，所以寫程式時通常會使用16進位的格式，比...

小哈片刻 ‧ 2022-09-09

0 Like 1 留言 798 瀏覽

鐵人賽 Modern Web DAY 8

如何用TypeScript水30天鐵人賽系列第 8 篇

技術 [Day08] - 通通裝起來 - Array(陣列)

這個那個不要，剩下的通通裝起來。數到三：0、1、2、3Array index 從 0 開始無誤───────────────────────── By O...

Opshell ‧ 2022-09-08

2 Like 1 留言 1709 瀏覽

鐵人賽 Modern Web DAY 6

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

技術 Trick 5: 旋轉角度的靠近演算法

昨天我們講到靠近演算法，應用這個演算法，可以讓一個數值以一個速率持續接近目標值，套用在畫面上的元件，就能將原本死硬的畫面變成滑順的視覺效果。那麼我們能用同樣的...

小哈片刻 ‧ 2022-09-08

0 Like 0 留言 972 瀏覽

鐵人賽 Modern Web DAY 7

如何用TypeScript水30天鐵人賽系列第 7 篇

技術 [Day07] - 認識來自TypeScript的新朋友 - 特殊型別

認識來自TypeScript的新朋友有型別自TypeScript來不亦悅乎!───────────────────── By Opshell 目標:認...

Opshell ‧ 2022-09-07

2 Like 0 留言 1227 瀏覽

鐵人賽 Modern Web DAY 5

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

技術 Trick 4: 你可以再靠近一點…演算法

路邊撿來的偏方在小哈剛開始接觸遊戲程式設計的時候，偶然看到了這一小段程式碼，在感佩之餘，小哈也在往後的日子將這個方法應用於各式遊戲的開發之中。 hpbar.w...

小哈片刻 ‧ 2022-09-07

0 Like 0 留言 941 瀏覽

鐵人賽 Modern Web DAY 6

如何用TypeScript水30天鐵人賽系列第 6 篇

技術 [Day06] - 小孩子才做選擇，我全都要 - 複合型別

小孩子才做選擇，我全都要我想要他是number但是有時候想當string用怎麼辦? 我全都要─────────────── By 京師六扇門第一捕頭雷豹（...

Opshell ‧ 2022-09-06

3 Like 1 留言 1539 瀏覽

鐵人賽 Modern Web DAY 4

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

技術 Trick 3: 火焰傷害的頻率管理

身為冒險者的你，如果不小心闖入遊戲中的森林火海因而引火上身，那麼就會持續受到燒傷的傷害。不過另人好奇的是，即使受到四面八方無數的火焰轟擊，被燒傷的人物仍然只固定...

小哈片刻 ‧ 2022-09-06

0 Like 0 留言 846 瀏覽

鐵人賽 Modern Web DAY 5

如何用TypeScript水30天鐵人賽系列第 5 篇

技術 [Day05] - 萬丈高樓平地起 - 基礎的型別

所以說那個Type呢? 既然要學習TypeScript那Type就是它的醬汁───────────────────────── By Opshell 昨...

Opshell ‧ 2022-09-05

3 Like 1 留言 1907 瀏覽

鐵人賽 Modern Web DAY 3

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

技術 Trick 2: 迷你四輪車演算法

自幼時玩過迷魂車之後，心中就埋下了一個製作開車遊戲的夢想。不過長大後開始寫遊戲，卻一直沒花時間想通這個四輪車前輪轉後輪不轉的運動軌跡，到底要如何不藉助物理引擎的...

小哈片刻 ‧ 2022-09-05

0 Like 0 留言 818 瀏覽

鐵人賽 Modern Web DAY 4

如何用TypeScript水30天鐵人賽系列第 4 篇

技術 [Day04] - 一切的源頭 - 推論、註記、斷言

所以說那個Type呢? Jump有死、火、海Type有推、註、言───────────────────────── By Opshell 目標：初步了解...

Opshell ‧ 2022-09-04

3 Like 2 留言 2822 瀏覽

鐵人賽 Modern Web DAY 2

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

技術 Trick 1: 萬惡的摸彩箱

萬惡的抽卡遊戲玩過手機上的抽卡遊戲嗎？就是店家的桌上放著一疊蓋起來的角色卡片，每花十元可以抽一張卡，但是抽到的總是那幾張老卡，最可愛的那個角色開了幾十百來張...

小哈片刻 ‧ 2022-09-04

0 Like 0 留言 892 瀏覽

鐵人賽 Modern Web DAY 3

如何用TypeScript水30天鐵人賽系列第 3 篇

技術 [Day03] - 牙牙學語Hello World !- tsconfig設定

牙牙學語的第一步如果不知道怎麼開始，就來個Hello Wrold吧。───────────────────────── By Opshell 目標：使...

Opshell ‧ 2022-09-03

0 Like 1 留言 2346 瀏覽

鐵人賽 Modern Web DAY 1

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

技術 Trick 0: 什麼都不會怎麼寫遊戲?

要挑戰什麼？在正式開始挑戰30個遊戲演算法的第一天，小哈想先和同學們同步一下接下來的30篇會看到什麼、挑戰什麼、學到什麼。小哈是個半路出家的遊戲程式設計師，...

小哈片刻 ‧ 2022-09-03

0 Like 0 留言 1105 瀏覽

鐵人賽 Modern Web DAY 2

如何用TypeScript水30天鐵人賽系列第 2 篇

技術 [Day02] - 環境什麼的... 最討厭了 - 環境安裝

環境什麼的最討厭了每次開始學習新的語言或框架，最麻煩的不是要學習他的語法、規則而是安裝它的環境...─────────────────────────...

Opshell ‧ 2022-09-02

1 Like 0 留言 1133 瀏覽

鐵人賽 Modern Web DAY 1

如何用TypeScript水30天鐵人賽系列第 1 篇

技術 [Day01] - Opshell的碎念 - 前言

一、碎念身為一個在網頁世界打滾多年的全端碼農，(6~7年算久嗎?輾轉於花園與動物園，外星與冥界的世界中，渾渾噩噩也是合理，年過30，一回首...連燈火闌珊...

Opshell ‧ 2022-09-01

0 Like 0 留言 1046 瀏覽

技術科普一下顏色在不同空間轉換的意義和演算法

和大家分享一下我在製作遊戲中很常使用的HSB顏色空間。和一般我們用RGB的顏色空間不同，很大一部分的色彩學都是建立在色相上的，這支影片主要就是帶大家看一下這兩個...

小哈片刻 ‧ 2022-06-14

0 Like 3 留言 3147 瀏覽

技術 axios加入headers還是發生CORS狀況

各位好~小妹我是一名剛入門工程師幾個月的初學者,也是第一次發文,爬了很多文但實在是無法解決,只好請教各位大神了QQ 我想要使用axios撈出我自己寫的API但會...

helloworldqq ‧ 2022-05-11

0 Like 1 留言 837 瀏覽

技術新書上市 : Azure 雲端運算實戰 : 使用 PaaS 服務快速打造交談式聊天機器人

大家好久不見，鐵人賽文章改編成書出版嘍！書名：Azure 雲端運算實戰 : 使用 PaaS 服務快速打造交談式聊天機器人(iT邦幫忙鐵人賽系列書) 本...

Mick ‧ 2022-03-30

0 Like 0 留言 946 瀏覽

技術 What is Dependency Injection?

在 Angular 中 Dependency Injection 是個非常大的特點，Dependency Injection 是一種設計模式，主要是用於將相關的...

Fandix ‧ 2022-02-16

0 Like 0 留言 2854 瀏覽

鐵人賽 Modern Web

尋覓網站開發的神兵利器系列第 37 篇

技術 Extra06 - TypeScript - 型別檢查工具

此篇為番外，未收入在本篇的原因是 TypeScript 會直接影響開發，使撰寫的程式語法與原本不同，因此需看專案或使用者的需求決定是否使用，因此放入番外作為補...

Peter Chen ‧ 2021-10-22 ‧團隊Game Masters

1 Like 2 留言 1433 瀏覽

鐵人賽 Modern Web DAY 30

JavaScript Easy Go! 系列第 30 篇

技術 #30 下一步：TypeScript & Deno

我們在過去 29 篇說了很多 JavaScript 的東西，也用 Node.js 寫了一些東西。現在，我們要再更進一步，介紹一些 JavaScript 相關領...

JacobLinCool ‧ 2021-10-14 ‧團隊NTNU-Unic0rn

0 Like 0 留言 2419 瀏覽

鐵人賽 Modern Web DAY 29

前端是該來學一下 TypeScript 了系列第 29 篇

技術 Day29 :【TypeScript 學起來】React + TypeScript 實作簡單 Todo App Part2

今天繼續 todo app part2，會紀錄實作上遇到的問題。若有錯誤，歡迎留言指教，感恩的心。 TodoItem Component 新增 src...

廢廢前端 iris ‧ 2021-10-14 ‧團隊Web 實驗室

0 Like 1 留言 2686 瀏覽

鐵人賽 Modern Web DAY 28

前端是該來學一下 TypeScript 了系列第 28 篇

技術 Day28 :【TypeScript 學起來】React + TypeScript 實作簡單 Todo App Part1

前面筆記了那麼多，終於來實作看看了～先來做個簡單的 to do app，也會紀錄實作上遇到的問題。若有錯誤，歡迎留言指教，感恩的心。環境安裝使用 c...

廢廢前端 iris ‧ 2021-10-13 ‧團隊Web 實驗室

0 Like 1 留言 726 瀏覽

鐵人賽自我挑戰組 DAY 30

Angular 學徒之路 feat. TypeScript 系列第 30 篇

技術 Day 30：未完待續，不停地學習！

今年，是我第一次參加鐵人賽，而今天也是自我挑戰的達標日，但正如標題所寫的，達標對我而言只是一個階段，不代表結束。這三十天的挑戰，讓我從一個完全的 Angula...

ABow_Chen ‧ 2021-10-12