iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 Modern Web DAY 10

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

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

鐵人賽 Modern Web DAY 6
Three.js 反閘之路 系列 第 6

技術 Day6. 軌道控制器

建立完物體,今天來建立軌道控制器及文字 軌道控制器OrbitControls 有了軌道控制器就可以使用鼠標對場景進行操作,使相機圍繞目標進行軌道運動,如旋轉...

鐵人賽 Modern Web DAY 5
Three.js 反閘之路 系列 第 5

技術 Day5. Three.js 範例

先跟著官網簡單的範例創建第一個3D場景,連接到 Day3 新增的按鈕 index.js 修改 index.js 新增當 day3 按鈕按下時指定呈現 day...

技術 基本JavaScript Number properties - Training JS #13: Number object and its properties

這個章節要介紹Number的物件,Number物件是以Number()建構子來建立的。 語法new Number(value);參數value:用來建立物件的數...

鐵人賽 Modern Web DAY 7

技術 Day7-閉包(Closure)介紹

前言 這篇要了解的是閉包以及它可以應用的地方,順便也分析和閉包相關的一題常見面試題目。 從範例了解閉包 讀者可以先閱讀以下的範例程式碼: function m...

鐵人賽 Modern Web DAY 9

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

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

鐵人賽 Modern Web DAY 4

技術 【Day4】數字number、註解comments

數據存在於各種地方,打開FB所看到的好友人數、訊息通知數,而數字就是JavaScript的基本型別中的其中一項。本篇會介紹: 數字Number 數字語法介紹:...

鐵人賽 Modern Web DAY 8

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

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

技術 [JS學習筆記] 搞死人的split( ) slice( ) splice( ) | 我在路易莎的日子

最近在複習JS的時候,常對一些長得很像的東西感到困擾 @~@像是等等要介紹的S三姐妹 split( )、 slice( ) 、splice( )這三個真...

鐵人賽 自我挑戰組 DAY 6

技術 基本JavaScript 迴圈(Loop)- Training JS #12: loop statement --for..in and for..of

今天的題目主要是練習for..in and for..of,什麼是for..in and for..of呢?這兩個又有什麼差別呢?我一開始也不懂,查了網路上好幾...

鐵人賽 Modern Web DAY 2

技術 Javascript偷吃步

jsxgraph.js是javascript的一個動態幾何函式庫,因此操作JSXGraph之前,必須對javascript這個程式語言有基本的了解。如果您已經非...

鐵人賽 Modern Web DAY 6

技術 Day6-JavaScript Execution Context & var/let/const

前言 這篇是昨天文章的延伸,並加入了 let/const、Block Scope(區塊作用域)等概念一起解說。 範例說明 這裡有一個範例程式碼,讀者可以先閱讀...

鐵人賽 Modern Web DAY 3

技術 【Day3】var、let、const宣告變數

本篇將介紹JavaScript三種變數宣告的差異 如何宣告變數 變數宣告特性 駝峰式命名 三者差別 如何宣告變數 var 變數名稱 = value; le...

鐵人賽 Modern Web DAY 2

技術 【Day2】變數與資料型別基本介紹

本篇講述JavaScript變數與資料型別基本介紹,更深入的內容將會在後續文章中說明 變數概要說明 變數的資料型別 typeof運算子介紹 變數 在紀錄資...

鐵人賽 自我挑戰組 DAY 5

技術 基本JavaScript 迴圈(Loop)- Training JS #11: loop statement --break,continue

今天的題目主要是練習break,continue的用法,這兩個有什麼不一樣呢?又該如何使用呢?break:強制退出循環,從這個迴圈中完全退出,不再繼續執行。co...

鐵人賽 Modern Web DAY 5

技術 Day5-JavaScript Execution Context & Hoisting & Scope Chain

前言 這篇文章將會介紹 Execution Context,然後也會在了解的過程中一併認識 Hoisting(變數提升)、Scope Chain(作用域鏈)。...

鐵人賽 Modern Web DAY 1
Three.js 反閘之路 系列 第 1

技術 Day1. 簡介與開發框架

在今年天時地利人和的情況下,與朋友們湊在一起組隊「來啊 ! 打摳啊 !」,秉持著取之於網路,回饋於網路的精神,從 0 開始經過反閘,將自己所學做一次整理並記錄...

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 自我挑戰組 DAY 4

技術 基本JavaScript 迴圈(Loop)- Training JS #10: loop statement --for

今天的題目是三種迴圈中的for迴圈,也是最常用的一種迴圈,話不多說,來看今天的題目吧! Task Coding in function pickIt, func...

鐵人賽 Modern Web DAY 5

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

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

鐵人賽 Modern Web DAY 4

技術 Day4-JavaScript Runtime Environment 觀念

前言 在這篇文章中,將會介紹 JavaScript 的 Runtime Environment,讓讀者更了解 JS 的執行過程。 JavaScript Run...

鐵人賽 Modern Web DAY 4

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

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

鐵人賽 自我挑戰組 DAY 3

技術 基本JavaScript 迴圈(Loop) - 如何用迴圈製作*字金字塔?(應用解題3)

*字金字塔的另一種寫法 - 只使用一個for迴圈 上一篇寫了一種*字金字塔的解法,但中間過程較繁複,有沒有別種寫法較為精簡的呢? 有的,解法如下: functi...

鐵人賽 Modern Web DAY 3

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

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

鐵人賽 Modern Web DAY 2

技術 Trick 1: 萬惡的摸彩箱

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

鐵人賽 Modern Web DAY 3

技術 [Day 3] Node 的核心機制 - Event Loop

上一篇文章提到了單執行緒非同步執行機制的好處,在於可以善用個別執行緒的資源,不在耗費時間的 IO 請求上浪費時間等待。 而幫助 Node 做到這件事的就是 Ev...

鐵人賽 Modern Web DAY 3

技術 Day3-JavaScript 記憶體管理

前言 在上篇文章中,提到了 GC 和 Memory Leaks,不過僅有介紹該名詞的意義,是比較碎片化的知識。所以在這篇文章將會更完整的介紹 JavaScrip...

鐵人賽 Modern Web DAY 2

技術 [Day 2] 單執行緒的魔法

今天是這個系列的開始,我正職開始寫 node 約有半年,在這個領域仍然正在學習。JS 的生態系非常的活躍,而且充滿了很多好玩的東西,從來不會覺得無聊。 雖然戰語...

鐵人賽 Modern Web DAY 2

技術 Day2-JavaScript Engine 介紹

前言 在這篇文章中,將會介紹 JS 是如何透過 JavaScript Engine 做轉換,變成電腦讀的懂並可以執行的機器語言以及介紹 JS 引擎內部幾個優化其...