iT邦幫忙

typescript相關文章
共有 673 則文章
鐵人賽 Modern Web DAY 9
強型闖入DenoLand 系列 第 9

技術 強型闖入DenoLand[8] - TS基礎系列之函式宣告(3)

強型闖入DenoLand[8] - TS基礎系列之函式宣告(3) 在函式中應用強型別 在 TypeScript 問世前,開發者需要耗費額外的心力去避免下面的情...

鐵人賽 Modern Web DAY 12

技術 Trick 11: 站在彈道上的女孩-圓與線的碰撞問題

射擊遊戲的程式需要一個很重要的功能-檢測彈道與角色是否發生碰撞的能力。有同學說,我把子彈用一個圓形圍起來,遊戲中的角色也用圓形圍起來,那麼只要檢查兩個圓形有沒有...

鐵人賽 Modern Web DAY 1

技術 [Day8] Vite 出小蜜蜂~撞擊檢測 Collision Detection!

Day8 Collision Detection 接下來我們要讓 Laser 打中敵人時,將敵人消滅。Laser 要有辦法偵測到目前打中誰,所以需要一個新的功能...

鐵人賽 Modern Web DAY 17

技術 Trick 16: 用MD5亂數產生器當個造物主

前天提到亂數產生器,以一個看似單純卻聚集了數學精要的演算法自製亂數產生器。 昨天講了哈希雜湊,列舉了雜湊在遊戲裏能夠施展的各種能力。 那麼今天我們來試著讓MD5...

鐵人賽 Software Development DAY 25

技術 [Day 25] 如何設計搜尋結果 - 實用至上主義前端 |【搜尋引擎製作錄】

Github, Over Engineering 向 Google 取經 要能設計出實用性至上的搜尋結果,我們先做一些 Research。 既然要設計搜尋引擎,...

鐵人賽 Modern Web DAY 22
派對動物嗨起來! 系列 第 22

技術 D22 - 企鵝登場:建立企鵝 Class

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

鐵人賽 Modern Web DAY 19
派對動物嗨起來! 系列 第 19

技術 D19 - 是誰偷按確定?

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

鐵人賽 Modern Web DAY 29

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

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

鐵人賽 Modern Web DAY 16
擊敗前端面試大作戰! 系列 第 16

技術 [擊敗前端面試大作戰] 什麼是 Typescript?

今天是鐵人賽的第十六篇文章,也是 Typescript 系列的第一篇文章,這系列文章總共會有四個篇幅,內容會從為什麼需要 Typescript 開始,再來介紹...

鐵人賽 Modern Web DAY 8

技術 枚舉 / 列舉 (Enum)

枚舉是 自定義一組具名常數值 的特殊型別,每個常數值都有一個名稱和一個關聯的數值,主要用於取值限定在一定的範圍內。在 TypeScript 中,我們使用 enu...

鐵人賽 Modern Web DAY 5

技術 基本數據型別 (number、string、boolean) + 聯合類型、交叉類型

TypeScript 的型別大致分為下圖幾項,威爾豬會在之後章節陸續講,今天我們先談談最基本的三種數據型別。 在 TypeScript 中,基本型別註解都是以...

鐵人賽 Modern Web DAY 1

技術 [Day2] Vite 出小蜜蜂~動畫 Animation!

Day2 Animation 動畫 動畫在遊戲中扮演非常重要的角色,當繪製的角色在螢幕上動起來時,就像是角色活起來一樣。卡比接下來想要跟大家分享這份喜悅! 分析...

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

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

鐵人賽 Software Development DAY 9

技術 觀察者模式 - 09

多行字串 Typescript 支援多行字串 let text = `start line end line `; 字串模板 Typescript 支援字串模...

鐵人賽 自我挑戰組 DAY 4

技術 Day 04:看看 Angular CLI 對我們做了什麼?認識專案架構

今天,我們要來看看在使用 Angular CLI 後,專案的架構會長什麼樣? angular.json:是 Angular CLI 的設定檔,包含許多參數,...

鐵人賽 Modern Web DAY 26

技術 Trick 25: 路徑搜尋的鼻祖-戴克斯特拉

一講到遊戲中的路徑搜尋,通常 A* 這個字眼馬上就會浮起來,因為A*演算法就是目前開發遊戲最熱門的路徑搜尋方式。不過同學們先別鼓噪,我們一步一步來,先從路徑搜尋...

鐵人賽 Modern Web DAY 4

技術 TypeScript 配置文件 (tsconfig.json)

建立 tsconfig.json 為了更有效地管理 TypeScript 專案,我們會創建一個配置文件,這在各大打包工具裡安裝 TypeScript 後...

鐵人賽 自我挑戰組 DAY 27
30天深入淺出Redux 系列 第 27

技術 Redux 深入淺出 - [ Day 27 ] React RTK Typescript ExtraReducer

前一篇我們完成了一個基本的 counter slice 和簡單的 reducer,今天我們試做 extraReducer 的部分,一樣我們簡單設定一個計分的 s...

鐵人賽 Software Development DAY 30

技術 [Day30] 總而言之 融會貫通最重要

嗨 大家好 我是一路爬坡的阿肥 雖然是第一次參加 有很多不足的地方 但是謝謝有訂閱這個系列文章的你們 讓阿肥有繼續寫下去的動力 之後還有機會的話 就繼續再來看我...

鐵人賽 Software Development DAY 26

技術 [Day26] 為厲害的怪獻上會心一擊 ─ 策略(Strategy) <模式篇>

嗨 大家好 我是一路爬坡的阿肥 今天是澎湖遊 Day2,先來分享個照片吧~ 從民宿就能看到海景 情境描述 佐藤和肥是在異世界奮鬥多年的冒險者。雖然他的同伴們...

鐵人賽 Software Development DAY 17

技術 狀態模式(State Pattern) - 17

販賣機 相信大家在外面都有用過飲料販賣機, 假設有一台小王牌飲料販賣機, 販賣機上只有一個販賣按鈕, 一個顯示液晶螢幕, 一個投幣孔, 一個退幣洞和一個出貨洞....

鐵人賽 Modern Web DAY 24

技術 [Day24]:Vuex安裝&設定

Vuex 設定 Vuex是一個專為Vue.js開發的狀態管理模式 + 套件他集中儲存、管理App中的所有組件狀態──────────────────── B...

鐵人賽 Modern Web DAY 16
派對動物嗨起來! 系列 第 16

技術 D16 - 手機變搖桿!

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

鐵人賽 Modern Web DAY 10
Angular10 實作教學 系列 第 10

技術 NG10鐵人賽 - 10 - 型別實作(2) - enum 轉陣列實作

animal.model.ts enum AnimalEnum { Dog, Cat, Tiger } ts const animal...

鐵人賽 Modern Web DAY 24
派對動物嗨起來! 系列 第 24

技術 D24 - 完全體企鵝

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

鐵人賽 Modern Web DAY 16
Hello TypeScript 菜鳥 系列 第 16

技術 Day 15. TypeScript Class 類別:Member visibility、readonly、abstract

今天要提到的是TypeScript才有的語法,而TypeScript的這些語法擴展了JavaScript缺乏的一些OOP(Objected-oriented P...

鐵人賽 Modern Web DAY 13

技術 Trick 12: 直男與硬漢的交點-兩條線段的碰撞問題

昨天我們學會了怎麼用內積檢測角色圓與彈道的碰撞,用這個方法可以完整搜集一個飛得很快的物件和遊戲中一般物件的碰撞事件。不過在一些較為少見的情況下,遊戲也可能需要知...

鐵人賽 Modern Web DAY 24
強型闖入DenoLand 系列 第 24

技術 強型闖入DenoLand[23] - Compiler APIs in Deno

強型闖入DenoLand[23] - Compiler APIs in Deno 本篇章要為各位讀者帶來的是: Deno 的編譯 API 。筆者會先從 Den...

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 Modern Web DAY 20
派對動物嗨起來! 系列 第 20

技術 D20 - I want to play a game

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...