中畫網

標題: 代碼音畫《雪后明孝陵》 [打印本頁]

作者: 西椅子胡同 時間: 2021-10-6 08:56
標題: 代碼音畫《雪后明孝陵》
自2022年起，本音畫因圖片音樂斷鏈不顯圖了，下面是用電腦本地文件轉換的視頻：

作者: 195400 時間: 2021-10-6 09:20

對不同大小圖片的顯示提供了一個新思路，贊！

作者: 紅楓 時間: 2021-10-6 14:16

作者: 靜竹. 時間: 2021-10-6 19:08
欣賞老師的代碼音畫《雪后明孝陵》佳作！

作者: 寒冬殘荷 時間: 2021-10-7 00:05
欣賞學習！感謝分享！

作者: 西椅子胡同 時間: 2021-10-7 07:18

195400 發表于 2021-10-6 09:20
對不同大小圖片的顯示提供了一個新思路，贊！

謝謝您點評鼓勵！做這個音畫就是想試驗一下這個想法。

作者: 西椅子胡同 時間: 2021-10-7 07:19

紅楓發表于 2021-10-6 14:16
var lxtxt =[">lmth/

謝謝您鼓勵，問好！

作者: 西椅子胡同 時間: 2021-10-7 07:21

靜竹. 發表于 2021-10-6 19:08
欣賞老師的代碼音畫《雪后明孝陵》佳作！

謝謝您鼓勵，問好！

作者: 西椅子胡同 時間: 2021-10-7 07:22

寒冬殘荷發表于 2021-10-7 00:05
欣賞學習！感謝分享！

謝謝您鼓勵，問好！

作者: 寒冬殘荷 時間: 2021-10-8 17:21

作者: 寒冬殘荷 時間: 2021-10-8 17:22

寒冬殘荷發表于 2021-10-8 17:21

研究了兩天才弄得重播。

作者: 195400 時間: 2021-10-8 19:51

寒冬殘荷發表于 2021-10-8 17:21

您這是胖版啊

作者: 寒冬殘荷 時間: 2021-10-8 20:06

195400 發表于 2021-10-8 19:51
您這是胖版啊

我的筆記本最大分辨率才1366*768，我想看整幅圖，所以把縱向縮小了。

作者: 195400 時間: 2021-10-8 20:28

寒冬殘荷發表于 2021-10-8 20:06
我的筆記本最大分辨率才1366*768，我想看整幅圖，所以把縱向縮小了。

把svg外的div標簽的寬度都縮小，而高度讓瀏覽器自動計算就可以獲得合適比例的尺寸。

作者: 寒冬殘荷 時間: 2021-10-8 21:55

195400 發表于 2021-10-8 20:28
把svg外的div標簽的寬度都縮小，而高度讓瀏覽器自動計算就可以獲得合適比例的尺寸。

那樣太小了。我知道這樣失真變寬了，但我要的結果是能不能正常播放和重播的效果。我的目的是學習代碼的使用。

作者: 195400 時間: 2021-10-9 00:20

寒冬殘荷發表于 2021-10-8 21:55 那樣太小了。我知道這樣失真變寬了，但我要的結果是能不能正常播放和重播的效果。我的目的是學習代碼的使 ...

作者: 寒冬殘荷 時間: 2021-10-9 10:31

195400 發表于 2021-10-9 00:20

restart西椅子胡同老師是restart="1"，值“1”是什么意思我在網上查不到。但我查到restart的默認值是always。

作者: 195400 時間: 2021-10-9 10:37

寒冬殘荷發表于 2021-10-9 10:31
restart西椅子胡同老師是restart="1"，值“1”是什么意思我在網上查不到。但我查到restart的默認值是alwa ...

似乎沒什么用，有它沒它都行。
也沒明白原代碼中為什么要那么多的<svg></svg>, 是為image封口？

作者: 寒冬殘荷 時間: 2021-10-9 10:44

195400 發表于 2021-10-9 10:37
似乎沒什么用，有它沒它都行。
也沒明白原代碼中為什么要那么多的, 是為image封口？

我沒想這個問題

，我只研究如何能重播，因為西椅子胡同老師的“點擊重播”是打開原網頁，不是真正意義上的重播。

作者: 寒冬殘荷 時間: 2021-10-9 10:45

195400 發表于 2021-10-9 10:37
似乎沒什么用，有它沒它都行。
也沒明白原代碼中為什么要那么多的, 是為image封口？

你的代碼可以說是重寫了。簡潔明了。老師厲害，高手就是不一樣。

作者: 195400 時間: 2021-10-9 10:59

寒冬殘荷發表于 2021-10-9 10:45
你的代碼可以說是重寫了。簡潔明了。老師厲害，高手就是不一樣。

查了一下restart的意思，對這種由時間設定開始的動畫restart沒什么作用，因為每次啟動都由時間決定。
如果動畫啟動由鼠標點擊來確定，則就有差別了。例如啟動改寫為 begin="click;l0+end+2" 而 restart="always",就會在任意時刻點擊鼠標就重新開始動畫而且原來啟動的也繼續執行（亂套了），而如果restart="whenNotActive" 就只在動畫靜止時才會啟動動畫過程。

作者: 195400 時間: 2021-10-9 11:06

寒冬殘荷發表于 2021-10-9 10:45
你的代碼可以說是重寫了。簡潔明了。老師厲害，高手就是不一樣。

樓主應該是花了時間編寫、調試這個帖子，這樣大量、繁瑣的工作我是沒信心完成的，所以很佩服西椅子胡同老師。

作者: 寒冬殘荷 時間: 2021-10-9 11:06

195400 發表于 2021-10-9 10:59
查了一下restart的意思，對這種由時間設定開始的動畫restart沒什么作用，因為每次啟動都由時間決定。
如 ...

我也查了，所以不設置restart。

作者: 寒冬殘荷 時間: 2021-10-9 11:09
我查不到restart的值為“1”的。

作者: 寒冬殘荷 時間: 2021-10-9 11:11
我在網上查<set>元素使用后的動畫過程不是漸變的，而是"一次到位"————突變。所以我使用了它。

作者: 195400 時間: 2021-10-9 12:18

寒冬殘荷發表于 2021-10-9 11:11
我在網上查元素使用后的動畫過程不是漸變的，而是"一次到位"————突變。所以我使用了它。

set 用在動畫結束后回復到初始狀態比較好，比animate 簡單點。

作者: 西椅子胡同 時間: 2021-10-9 15:07
animate代碼段中的 restart="1"是做鼠標特效SVG音畫時用的，而現在這個音畫是自動播放的，無鼠標特效，刪掉restart項是對的。

作者: 靜竹. 時間: 2021-10-14 08:51
祝老師重陽節快樂！

歡迎光臨中畫網 (http://www.nujv.cn/)