iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
JavaScript

JavaScript 從入門到進階:結合 Three.js × GSAP 打造互動網頁 系列

介紹javascript

參賽天數 16 天 | 共 16 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文 |團隊nutc imac
DAY 11

Day11 JavaScript 已經這麼方便了,為什麼還需要 Library?

一、功能都要自己寫!? 前面幾天我們都是使用 JavaScript 本身提供的功能。像是:document.querySelector() 可以找到 HTML、...

2026-09-25 ‧ 由 zhijie88 分享
DAY 12

Day12 別人寫好的工具,要怎麼放進我的專案?

一、如何放Library進來? 上一篇認識了 Library,也知道接下來會用到 GSAP 和 Three.js。但新的問題來了: 我要怎麼把它們放進自己的專案...

2026-09-26 ‧ 由 zhijie88 分享
DAY 13

Day13 第一次使用 Library:原來真的不用什麼都自己寫

一、使用GSAP 前一篇我們花了一點時間,把 GSAP 安裝進自己的專案。現在終於可以來試試看,它到底可以幫我們做什麼。先在 HTML 放一個方塊: <d...

2026-09-27 ‧ 由 zhijie88 分享
DAY 14

Day14 如果網頁會動,會變成什麼樣子?到底如何控制?

一、網頁也可以是活的 前面我們第一次成功讓方塊動起來了。這時候會開始期待: 如果我能讓網頁上的東西動起來,會變得多有趣呢? 這就是今天正式要認識的 GSAP。G...

2026-09-28 ‧ 由 zhijie88 分享
DAY 15

Day15 動畫不一定要從原點開始:認識 gsap.from() 和 fromTo()

一、上一篇的動畫是怎麼做的? 上一篇我們使用了 gsap.to(".box", { x: 300, duration: 1...

2026-09-29 ‧ 由 zhijie88 分享
DAY 16

Day16 動畫一多就亂掉?讓 Timeline 幫你排好順序

一、好多動畫 前面我們已經會使用 to()、from() 和 fromTo(),但網頁上動畫效果怎麼可能只有一個,一定會有很多動畫需要按照順序出場及使用它們,例...

2026-09-30 ‧ 由 zhijie88 分享