知識點

• 什么是創意編程
• 創意編程的應用領域
• 創意編程的常見工具
• p5.js 簡介

什么是創意編程

創意編程（Creative Coding）的概念非常寬泛，它是一種以創作表達為主要目的的計算機編程實踐。

與傳統的編程方式不同，創意編程一般不以制作出功能性的程序為目的，而是更追求視聽及娛樂方面的藝術性、創意性和趣味性。

具體來說，也就是通過某一種編程語言，結合算法進行程序設計和編碼，這樣的程序可以在各種媒介上（比如瀏覽器或者有交互功能的電子設備）運行并生成有藝術感的、有創意性的視聽和交互體驗。

(圖片來源：pixabay)

應用數學規律進行藝術創造是古已有之的現象，而編寫計算機程序，恰恰就是根據邏輯來創建規則。

在創意編程里，我們不僅可以思考規律，也可以揮灑靈感；不僅可以學習到各種數理規則，也可以應用這些規則進行藝術表達。

創意編程的應用領域

在多媒體和信息技術高速發展的今天，廣告、娛樂和藝術業為了吸引更多消費者，在越來越多的產品和項目中希望借助科技和藝術結合的手段，創造出更新鮮、更豐富的視聽和交互體驗，創意編程也從實驗性的先鋒領域逐步延伸到更廣闊的商業世界中。

數字互動藝術/展覽

近年來，很多城市的藝術空間都有了沉浸式互動藝術的身影。這一種藝術形式有著互動性強、變化豐富、體驗新奇的特點，也是創意編程應用最多，最直接的領域。

Web 開發與用戶體驗領域

Web 端的用戶體驗主要是在瀏覽器里實現，也就是這門課程的主打方向。

游戲與 VR/AR 領域

創意編程在游戲及 VR/AR 領域有著很大的應用前景。許多模擬自然狀態的算法在可以在游戲中生成地形和植物、實現粒子特效、模擬云層變化、模擬 NPC 角色行為等。

創意編程的常見工具

許多編程技術和編程語言都可以用來進行創意編程。長期的實踐中，大量創作者參與編寫了用于創意編程的語言、技術框架、開發工具等，共同構成了富有活力開源生態。這里羅列了部分有代表性的工具：

• Processing
• p5.js
• openFrameworks
• three.js
• Sonic Pi

awesome-creative-coding?這個 GitHub Repo 整理了非常豐富完整的創意編程的英文資料，包括常用的工具、平臺、教程，感興趣的同學可以進一步的瀏覽。

本課程中，我們將會從 Web 開發者的角度使用 p5.js 進行創意編程。我們將會學習 p5.js 的基本理念、常用函數和常見實例。所有的代碼可以直接在瀏覽器查看效果，最終的作品也可以作為靜態網頁部署到網絡上。

分享一些個人之前用 p5.js 做過的互動創意小項目，希望能給大家一些啟發。

• RGB 色彩為主題的互動演示，并結合了 Blob 這種設計元素，即自然曲線形成的環狀結構。點擊屏幕即可平緩生成一組動態 RGB Blobs，也可以觀察各種顏色的疊加效果，在線試玩。

• 根據隨機漫步算法做的互動小項目，在線試玩。

• 根據葉序規則做的生成類似多肉植物或者花朵形狀的演示項目，在線試玩。

實驗總結

不管是編程初學者，還是有經驗的 Web 開發者，學習創意編程都是受益匪淺的選擇。

藍橋云課新課《P5.js 創意編程之旅》會帶著我們逐步學習用 p5.js 繪制圖形、填涂顏色、實現鼠標互動等等方法，進而學習創意編程常用的算法和理念，并加以實踐和自我發揮。

超強干貨來襲 云風專訪：近40年碼齡，通宵達旦的技術人生

總結

以上是生活随笔為你收集整理的玩点创意编程，发现另一个世界的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。