高雄市立中山高中 多元選修-用Python繪製伊斯蘭幾何圖案

河內塔 7 (Tower of Hanoi 7)

時間 : 1:44,
看SVG 動畫點選此網址 https://hanoi-animation--p3artschool.repl.co/

[ 這網頁動畫是如何製作的? ]
(1) 首先探究大小盤子的相互座標關係
(2) 在盤子移動位置時, 盤子左右兩端不能觸碰
(3) 尋找演算法
(4) 編寫程式語言運行看看
(5) 將盤子的大小顏色帶入程式中
(6) 將程式改寫, 引入網頁動畫的功能
(7) 將網頁動畫HTML程式碼, 發表在網站上
(8) 我參考了 MIT 演算法網路課程的Hanoi解題法
(9) 我參考了 Youtube 3Blue1Brown 頻道對Hanoi的學術解析
(10) 因緣際會完成了至目前為止最佳的視覺化解題動畫
(11) 厲害的是只要我願意, 再增加盤子也是很簡單, 高中生也可以直接上手修改, 滿滿的成就感, 即時獲得

QRCode

QR Code

推文工具

倒數計時

109年度臺北開齋節暨穆斯林嘉年華