[ SVG動畫01 ] 七層漢諾塔求解
閱讀時間約 1 分鐘
動畫網頁 : https://06-tower-of-hanoi-7-disks--p3artschool.repl.co/
7 disks Tower of Hanoi solve animation
duration : 127 steps
tools : HTML5 + SVG
7 disks Tower of Hanoi solve animation
duration : 127 steps
tools : HTML5 + SVG
為什麼會看到廣告
留言0
查看全部
你可能也想看
Google News 追蹤
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
這部動畫是我對奇幻世界的啟蒙作品，也讓我開始對奇幻世界裡的一切感到興趣，比起現在的動漫作品，它沒有華麗的畫面和角色設計，也沒有那種可以一擊必殺的主角光環，有的卻是最真實的實力冒險，主角從一個村落的小人物，經由和朋友們的一路冒險，最後成為整座島嶼的英雄。
「我不會說自己是一位說故事的人，我只是畫家。然而，我相信故事所帶來的力量；它們能給聽眾帶來感觸、驚喜，最後啟發他們。」-宮崎駿
這部電影在講述藤原千代子一生，由千代子口述去回憶過去的事情，而整個故事圍繞在一位千代子很喜歡的男性，千代子跟這位男性相處時間不長，身上只有一把鑰匙是來自這位男性的。
引入 PolyGraph 子組件，並使用 ref 和 reactive 來管理標籤及其對應值。AxisLabel.vue 負責顯示每個統計數據標籤，並根據數據計算其在圖形中位置。PolyGraph.vue 則負責繪製多邊形和圓形，並透過 valueToPoint 函數將統計數據轉換為 SVG 坐標。
河內塔的遊戲描述
有三個柱子A柱，B柱，C柱。
A柱上有 N 個 (N>1) 穿孔圓盤，盤的尺寸由下到上依次變小。
要求按下列規則透過合法移動，將所有圓盤移至 C 柱：
1. 每次只能移動頂端的一個圓盤；
2. 大圓盤不能疊在小圓盤上面。
Ae 小技巧：Motion Tile 連續圖 / 背景
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
玄同左手簡單的敲擊了幾下，一段視頻便出現在大家眼前：
……
“你的意思是，由四面體的底面經三條側楞，彙聚到四面體的頂點嗎？”阿離歪著頭補充到。
“你的意思是，由四面體的底面經三條側楞，彙聚到四面體的頂點嗎？”阿離歪著頭補充到。
“你的意思是，由四面體的底面經三條側楞，彙聚到四面體的頂點嗎？”
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
這部動畫是我對奇幻世界的啟蒙作品，也讓我開始對奇幻世界裡的一切感到興趣，比起現在的動漫作品，它沒有華麗的畫面和角色設計，也沒有那種可以一擊必殺的主角光環，有的卻是最真實的實力冒險，主角從一個村落的小人物，經由和朋友們的一路冒險，最後成為整座島嶼的英雄。
「我不會說自己是一位說故事的人，我只是畫家。然而，我相信故事所帶來的力量；它們能給聽眾帶來感觸、驚喜，最後啟發他們。」-宮崎駿
這部電影在講述藤原千代子一生，由千代子口述去回憶過去的事情，而整個故事圍繞在一位千代子很喜歡的男性，千代子跟這位男性相處時間不長，身上只有一把鑰匙是來自這位男性的。
引入 PolyGraph 子組件，並使用 ref 和 reactive 來管理標籤及其對應值。AxisLabel.vue 負責顯示每個統計數據標籤，並根據數據計算其在圖形中位置。PolyGraph.vue 則負責繪製多邊形和圓形，並透過 valueToPoint 函數將統計數據轉換為 SVG 坐標。
河內塔的遊戲描述
有三個柱子A柱，B柱，C柱。
A柱上有 N 個 (N>1) 穿孔圓盤，盤的尺寸由下到上依次變小。
要求按下列規則透過合法移動，將所有圓盤移至 C 柱：
1. 每次只能移動頂端的一個圓盤；
2. 大圓盤不能疊在小圓盤上面。
Ae 小技巧：Motion Tile 連續圖 / 背景
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
玄同左手簡單的敲擊了幾下，一段視頻便出現在大家眼前：
……
“你的意思是，由四面體的底面經三條側楞，彙聚到四面體的頂點嗎？”阿離歪著頭補充到。
“你的意思是，由四面體的底面經三條側楞，彙聚到四面體的頂點嗎？”阿離歪著頭補充到。
“你的意思是，由四面體的底面經三條側楞，彙聚到四面體的頂點嗎？”