對比碼繪與手繪 動態篇

2021-09-01 15:28:40 字數 1535 閱讀 2030

但是既然是夜空,沒有星星就會有些光禿禿的,為了讓它動起來,看起來稍微好看一點,有趣味性一點,現在需要讓他動起來,用**在夜空上加入明滅的星空效果,**如下:

}新增

var v = p5.vector

var stars =

var lastpos =

function createbgstar(index)

}function shouldbeimmortal()

var star = function(position)

star.prototype =

drawingcontext.shadowcolor = this.color

drawingcontext.shadowblur = this.isimmortal ? this.shadowamount * 1.4 : this.shadowamount

ellipse(this.position.x, this.position.y, diameter, diameter)

},diameter: function() ,

makeimmortal: function() ,

shine: function() ,

grow: function()

} else

this.dead = true}}

}

在draw函式中新增

stars.foreach(function(star) )
通過上面的**來實現星星的隨機生成以及亮一段時間後消失的效果。

呈現效果:比起靜態碼繪,顯然在動態創作放方面碼繪是很棒的。碼繪可以實現一種動態的繪畫方式,也可以與畫作通過鍵盤、滑鼠或者聲音等輸入裝置進行互動,這是傳統的手繪做不到的。同時碼繪可以向我們展示繪畫的過程,但是手繪向觀察者展示的是最終的成品。碼繪讓觀察者也參與到繪畫的過程裡,通過改變**中的引數或者其他地方來完成這種互動,有參與感就會更有趣味性,像是讓梵谷的畫按照線條走向流動起來並且讓人們可以通過滑鼠加速或者引導這種流動過程,這就會顯得非常有趣味性,讓這些藝術作品以一種奇特的方式離人們更近。

工具:碼繪需要一台電腦,手繪需要繪畫工具。

創作體驗:動態碼繪會讓人感到碼繪的趣味性,讓我覺得靜態碼繪的痛苦減輕了一些,當然這次是動態碼繪,運動的主要是星星,背景還是第一篇文章裡靜態碼繪的內容。這次碼繪實現的是星空的明滅,像是可以用**實現的動態效果還有很多。不知道這篇博文有沒有讀者,如果有的話,你也可以嘗試一幅自己的動態碼繪。

應用:碼繪可以用於網頁的繪製,增加網頁的美感,手繪可以應用於包括但不侷限於廣告、動畫、遊戲、ui等方面,總體來說手繪應用範圍還是更廣泛一點,但是美化網頁還是用碼繪更方便。二者各有千秋。

手繪vs碼繪 動態對比

手繪圖 碼繪圖 比較技法 不考慮美觀的話手繪比較方便,可以怎麼想怎麼做,而碼繪卻比較複雜,需要轉換為 工具 手繪可以用筆,數字板等等,碼繪是 和程式設計工具 理念 手繪怎麼想怎麼畫,碼繪需要轉換思維,用數學的思想考慮 創作體驗 手繪更加友好輕鬆,畫了會馬上呈現效果,而碼繪卻只能面對 需要執行才知道效...

手繪與碼繪 靜態對比

手繪 人類自古以來的傳統繪畫方式,千百年來無論是藝術家還是普通人都可以通過繪畫來記錄景色,傳達情感,記錄思考。而支撐這些創作的則是因為手繪具有隨心所欲般的繪畫方式,無論是突如其來的靈感,還是積蓄已久的情感宣洩,都可以通過手繪的方式隨時表達,其最主要的則是手繪沒有嚴格的時間步驟要求,我們可以用顏料在紙...

手繪與碼繪的對比(靜態碼繪)

手繪 碼繪 size 900,900 畫布大小 background 255 背景顏色 nostroke 不描邊 fill 82,68,60,90 ellipse 300,352,180,50 外星人的影子 fill 7,83,158 ellipse 343,349,70,30 右腳 fill 7,...