p5.js實現斐波那契螺旋的示例代碼

本篇文章主要介紹了p5.js實現斐波那契螺旋的示例代碼，分享給大家，也給自己做個筆記

效果如下：

主要方法

1. translate()

2. rotate()

3. arc()

斐波那契螺旋

斐波那契螺旋線也稱“黃金螺旋”，是根據斐波那契數列畫出來的螺旋曲線，以斐波那契數為邊的正方形中畫一個90度的扇形，連起來的弧線就是斐波那契螺旋。

草圖

過程分解

一、定義一個空的斐波那契數組：

二、初始化

默認情況下draw()函數會無限重復繪圖， frameRate()函數可以設置每秒重復繪圖的次數，就像電影每秒播放的幀數。

三、設置斐波那契螺旋的樣式

四、開始繪制斐波那契螺旋

五、讓斐波那契螺旋動起來

完整代碼

上面是我整理給大家的，希望今后會對大家有幫助。

相關文章：

Ajax 異步加載解析

ajax同步驗證單號是否存在的方法

js+ajax處理java后臺返回的json對象循環創建到表格的方法

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com