---
tags: jsdc2021
---

# #Session 4 JS在生成式、演算藝術與NFT的應用

{%hackmd 2YoCBdBPTjmHXDr9lEpWuQ %}

> 從這開始
> 可以直接打字做共筆囉 :point_down:
https://hackmd.io/V_HFtUJDQ8un2QVb5ti8jA#


# Processing - p5.js

p5.js
three.js
pixi.js
paper.js - 向量圖
phaser.js -

https://openprocessing.org/
視覺渲染圖
Function Programming - Composible

Web canvas API![]

Codesandbox

(建議看重播)

https://openprocessing.org/sketch/1285203

https://openprocessing.org/user/139364
https://www.madsgallery.art/item/0fa4a0d2-623f-41f2-9ab0-61af4aa58e4d/artwork/chaos-dancer

# Artblocks
https://www.artblocks.io/
每個作品只能一個 dependency
每個作品有 Hash 產生給其他使用

Hash 產生亂數

Token Art tools

opensea.io

Hash -> Static ->

# 連接硬體 OSC 與 Socket
用在 DJ 燈光，放音樂

(筆者使用擲色子)

Webbase 的 IDE

## johnny-five.js
把 Node.js 送上 Ardiuno

## NodeRed
節點式寫程式

# MaxMSP
可使用 Node.js 來做！

tonal.js 和玄 + 音符函數

# AI
Ml5.js
TensorFlow.js

https://preview.p5js.org/tboydar/present/oDMw30fCn

以上 Library 可放到 Openprocessing

# 連結

墨雨設計
https://monoame.com/

三堂Hahow 動態網頁、程式藝術課程
https://hahow.in/@majer?tr=majer

Creative Coding 台灣站
https://creativecoding.in/

老闆來點寇汀吧程式YT直播
https://www.youtube.com/c/老闆來點寇汀吧-BossCODINGplease

其他我個人的介紹跟平台XD
https://cheyuwu.com/about

# test

好啦感謝這個錄旋帶來的正常精彩的分享大姐的下一場我們邀請到的是這個吳哲宇納科員目前是沒有設計的創辦人他擅長玩一些有趣的這個互動設計的題目前只有魚可以跟我們聊聊如何在區塊鏈當中你用這個這一生程式解算藝術與NFC參觀的應用接下來我們就把一生的時間交給澤宇
...
應用計算是蠻重的階段就是所謂的應用還沒有到就是一直被提出來但我想請各位聊聊說這裡就是區塊鏈的應用在未來你們的B群來講的話是不是有什麼可能會發展和應用這樣