Notifications, Search and Menu 在資訊爆炸的時代，每個人都有許多社群媒體，訊息通知是不停不停地響，叮咚叮咚，今天就來實作Day #...
遊戲中總有某些音效需要循環播放，像是迴旋鏢在飛行時產生的咻咻聲，小火堆的辟啪聲，牛群經過時的咚咚聲。如果遊戲能確保聲音來源的數量，那可能沒什麼問題。但像是Min...
今天介紹字串，會使用到 console.log ，還會教學怎麼開啟主控台。console.log( ) 是前端人員查資訊除錯的好幫手，( ) 裡面可以放入字串、...
嗨 大家好！我是東尼先生（Tony）。一個有一點點強迫症外加三分鐘熱度的前端工程師。 一、前言 第一次參加鐵人賽，我的心情是既期待又怕受傷害。想參賽的主...
一、前言 早在幾年前，我一直有著經營自己 Blog 的小小願望，但是礙於不知道要寫些什麼主題，這個願望就一直被我藏在心中遲遲未去執行。而在無意間，我得知鐵人賽...
今天就來安裝Node.js的環境吧，我們需要安裝Node.js本身以及文字編輯器，文字編輯器這邊我選用VScode。 Node.js Node.js安裝可以去官...
假設今天要打印出1~2的數字非常簡單，但若需要執行上百次執行幾乎相同動作打印到10000時，就可以用到迴圈的程式，或是手動打印10000次哈哈哈。 本篇會介紹...
前言 這篇要介紹的是用 Object.create() 這個函式。 語法 Object.create(proto[, propertiesObject]) 帶...
在美國大學教室，常常看見教授們將某個黑板，翻過來，翻過去，這種可翻式的黑板，節省了不少的教室空間。同樣地，利用這種翻頁效果，除了可以節省網頁空間，也增加網頁的吸...
程式語言在某種分類上可以分為低階語言與高階語言。低階語言（如C語言）提供了從作業系統規畫一塊記憶體來用的功能，不過程式也要自己負責在記憶體不用時還回去給作業系統...
童話比真實還真實。它不單告訴我們惡魔的存在，更揭示：我們擁有戰勝惡魔的力量。 G.K. Chesterton 前言 我坦白了，我不是一個專業的、受人景仰的前...
有製作過遊戲的朋友，肯定有過這樣的經驗，明明計算好這一關最高只可能得到300分，卻總是有人可以一下突破天際得到30000分。而這個情況不是只發生在網頁遊戲，電腦...
這篇延續上篇的波浪字體繼續進行講解 昨天說到javascript的部分可以從兩個部份來講解 把原本在<label>中的每個字母分開獨立包在<...
要談到Node.js，我們首先要先認識js。js就是javascript，這個程式語言(或稱腳本語言)用途主要為給予網頁動態的內容，例如:動畫、訊息框、處理多媒...
【前言】本系列為個人前端學習之路的學習筆記，在過往的學習過程中累積了很多筆記，如今想藉著IT邦幫忙這個平台做整理+再複習。本系列標題一律以【】標示該篇文章主要涉...
透過渲染而成的動畫效果 透過物體位置並每隔一段時間重新渲染畫面，來達到使物體像動畫般動起來的效果 // 原地走動動畫 function UsagiJump()...
Three.js提供了各種輔助工具幫助開發 ArrowHelper 用於可視化方向的3D箭頭ArrowHelper(dir : Vector3, origi...
直譯 而直譯器是一行一行直接翻譯執行。每翻譯一行程式敘述就立刻執行，然後再翻譯下一行，再執行，所以直譯器可即時翻譯、執行。像是JavaScript、還有PHP、...
小哈多年前曾參與一個Adultswim上單車極速遊戲的製作，身為死神的主角，騎著單身，在看似優美實則險峻的跑道上飛馳，一邊在空中翻滾一邊對行人們揮動鐮刀。 V...
本篇內容包含： switch 三元運算 switch 當開始編寫越來越多條件句時，可能會使程式十分冗長，這時候可以使用switch讓程式減短易懂 先放一個...
今天來做表單的波浪效果，如圖中所示，當input框取得焦點時，表單的label就會有高低起伏的效果，這篇有很多重要的JS觀念，像是陣列的處理方法，所以打算分成...
前言 這篇將會介紹 ES6 推出了新的 Class 語法，在背後的運作還是以原型為基礎 (prototype based) 的繼承。 2022/9/25 更新...
一般像數學、物理和化學等專業人士，使用簡報或文書處理軟體的時候，都會搭配專業的科學符號字型軟體。一般最常字的就是Mathtype，如果網頁要代替簡報軟體，除了提...
用滑鼠拖曳圖案的功能，在許多遊戲裏都能看得到，比如說拼圖遊戲、解謎遊戲、方塊遊戲，或是像暗黑破壞神(Diablo)裏的角色裝備介面，也需要用滑鼠拖曳鎧甲來進行裝...
作者的廢話( 哈囉我又來了，先來講講有關於為甚麼標題長這樣( 事情是這樣的，去年完賽後聽說歷年有在輔仁大學有頒獎典禮等等的活動，所以我就靜靜的等待通知，不料一直...
在寫遊戲流程的時候，常常會遇到需要等待某件事情發生，接著再去做另一件事的情況。比如說城內守衛要巡邏，那是不是要先規畫好巡邏站一二三，然後先設定目標為第一站，逛逛...
今天要介紹的 JavaScript ，目前版本已經來到 ES6 。 在學 JavaScript 之前，需要對 HTML 和 CSS 有基礎的認識 ヽ(✿ﾟ▽ﾟ)...
不知不覺時間來到了第七天啦! 今天要來做的是 Landing Page (又叫「一頁式網站」或「著陸頁」)，那什麼是Landing Page呢?「 單一特定目...
大家好，我是Niki，一隻放棄既有的鐵飯碗、從一個垃圾般的職場中逃離的小鯊魚，同時也是一個第一次參加鐵人賽新手、還沒轉職成工程師的小鯊魚，這樣沒基礎的我還請大家...
本篇會說明內容有： 流程圖如何呈現 將流程圖轉換為程式 if、else、else if 流程圖 流程圖是通過一系列邏輯語句勾勒出問題解決方案的可視化圖表。...
steventhibe
小哈片刻
Olivia
東尼先生
seaotter
Yumy
harry xie
olddunk
Ryvn's Boss
hannnahTW
Yingge170
denny0628
nikihypocrite
iThome鐵人賽
看影片追技術