Getting Started with fxhash params and fxlens using Visual Studio Code - full tutorial for artists
In this video, we'll go over how to get started with fxhash params and fxlens. I’ll be take a simple project I’ve written using the p5 web editor, and go through all the steps needed to turn it into a params project and publish it on fxhash. We'll be using Visual Studio Code, and you don't need any experience with it. If you have not published at all on fxhash, then I recommend you first watch my two videos on that subject.
My video on resizing your art for selling on fxhash:
https://youtu.be/aEF9QBtjyNI
My video on selling on fxhash:
https://youtu.be/zhg8YOQ7vok
fxhash's guide to publishing a project:
https://www.fxhash.xyz/doc/artist/guide-publish-generative-token
IceRain's params tutorial:
https://docs.google.com/document/d/1lFjfeXjnAzjNnXt4aWx51Wy054e18_k8vxZDp0Lhtjg/edit?usp=sharing
IceRain's Twitter:
https://twitter.com/IceRain10039208
fxhash's Discord (see params-support channel):
https://discord.gg/fxhash
fxhash's boilerplate on GitHub:
https://github.com/fxhash/fxhash-boilerplate
Download Visual Studio Code:
https://code.visualstudio.com/
Download Node:
https://nodejs.org/en/download
Download p5js.min:
https://p5js.org/download/
My Espresso Dreams params project on fxhash:
https://www.fxhash.xyz/generative/26245
Join my Discord: https://discord.gg/FSW6zzU
Follow me on Twitter: https://twitter.com/SteveMakerspace
In the command prompt:
check for node version: node -v
check for npm version: npm -v
To tidy code: Alt+Shift+f
In the terminal:
to install npm: npm install
to start fxlens: npm start
to terminate batch job: CTRL+c
to download the zip file: npm run build
See the console: F12 in Edge
Music:
Funk Down (Sting) by MK2 (theme)
0:00 Intro
1:42 Install Visual Studio Code
2:06 Install Node
3:36 Download the fxhash boilerplate
4:33 Starting VSC and overview of boilerplate
5:28 My example code from p5 web editor
6:03 Download p5js.min
7:47 Add references in index.html
9:20 Install p5js Snippets
10:38 A few code updates
11:25 Open terminal, install npm, & npm start
13:35 Adding params to the project!
19:44 Color selector params & view console
23:13 Overriding the fxhash for randomness
26:18 Download project & sandbox test on fxhash
27:38 Minting on fxhash
32:22 Outro