線上資源

圖片

圖示

CSS

顏色與設計

Adobe系列

APP學習

網頁開發

Khan Academy JavaScript 筆記

Khan Academy Intro to JS: Drawing & Animation

Drawing basics

  • 圓形,ellipse(X離右側距離, Y離頂端距離, Weight寬, Height長) ;
  • X:0-400, Y:0-400
  • line( X離右側距離, Y離頂端距離, start, end);
  • rect(X, Y width, radius高度/胖瘦度 );
  • line(x1, y1, x2, y2);。1下面,2上面

Coloring

  • backroung(RGB code)
  • 填滿特定區域:在特定形狀code上方插入fill(RGB code);
  • 線條顏色:在線條code上方插入stroke(RGB code);
  • 線條粗細:strokeweight(px);
  • 去除框線:在所有code上方插入nosttoke();

Variable

  • variable:批量改尺寸
    ❶頂端列鍵入var  名稱 = 20;
    ❷找到要修改的函數ellipse(157,151,名稱,名稱)

Animation Basics

  • 動畫效果:原理,設定X變數,用相同的X變數+某數寫出其他圖形。所以如果X變數連續增加,就會有動畫效果。
  • draw = function() {
    ❶放background,消除毎次移動的滑行殘影
    ❷這裡放所有有X變數在的圖形(要動起來的東西)
    不要放 var x = 某數,var放在draw上方,數値設起點値
    ❸設 x = x+1(速率:一秒移動1px)
    }

魂環心得

第一次接觸水上老師的作品,畫風簡單但劇情可不簡單啊!毎段劇情都引導人陷入沉思,是個令人回味無窮的上乘之作。

以下捏他注意

這部作品真的帶給我很多省思!
印象最深刻的一幕,是第五次輪迴前風太抓著フルトゥナ問他為何前兩次都沒見到レイ(フォン的情人,ヴァン的女兒)
フルトゥナ:
「お前はレイと呼ぶ魂はもう会えない。
レイにはお前から学ぶものは、もうない
お前にもレイから学ぶものは、もうない」
所以即使是這輩子很重要的人,如果互相的使命完成了就再也見不到了嗎…
覺得好悲傷阿。


ラファル決定解放亞生者那幕也很有感觸!
亞生者是身體損壞但腦部完整的…瀕死人?
34世紀,醫療技術可以讓大腦與壞死的軀幹分離。
人類(只有腦部)能夠永遠活在夢境,實現長生不死。
然後存放在ラファル工作的寝台。
但世界上已經有100億位亞生者了,其中最長的活在夢境中300年。
ラファル認為,剝奪死亡的權利,等於剝奪轉生的機會,所以他決定強制停止寝台運轉。
很久以前我媽曾説過,如果有一天她老化到必須插管,她要拔管,放棄治療。
我一直都無法完全認同這個想法,但看了ラファル的故事後,覺得可以理解了。
覺得死亡的分開好像不是那麼絶望,因為他只是巨大的生命旅程中的小分離而已。
相信下輩子還會遇到她!

輪迴轉生

接觸本作以前,我有看過一些文章。
參考文章
靈魂隨著轉生次數變多,也會越來越成熟。
會選擇合適的環境出生,歷練
這理論非常可以套用在本作上XDDDD

毎個靈魂在人世間的功課都不同(可能是上輩子的遺憾),<所以一生追求得目標也會有所不同。
那人生的重要選擇(出國工作,結婚生子),對毎個人的意義也不同,不能為社會單一價値觀影響

去年冬天我拿到日本工作最終面試機會,經過再三思考,我選擇放棄當時自己也不清楚放棄原因(盤算過各種可能性覺得留台灣比較好,但現在總算清楚一些了
我心目中的重要排序是

家人與愛犬→專業技術→金錢→他人觀感(身價)
赴日工作可以獲得金錢與身價,但會犧牲家人愛犬相處的時間,提升技術競爭力的可能。家人與愛犬對我最重要,所以我決定留在台灣。

結語

網路上似乎對水上老師其他作品讚譽頗佳XD,那下次找時間看完好了。

Ian's Blog