Getting Started with fxhash params and fxlens using Visual Studio Code - full tutorial for artists

Channel:
United States Steve's Makerspace
Subscribers:
6,340
Published on ● Video Link: https://www.youtube.com/watch?v=SCqsc6dwno4


Category:
Tutorial
Duration: 33:08
1,815 views
52

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



Other Videos By Steve's Makerspace


2023-12-03How to Code Generative Art: Preview to the Course - p5.js
2023-11-30I'm on Patreon!
2023-11-21Fixing Perlin noise - p5js #shorts
2023-10-16Combining ml5 PoseNet and p5play to manipulate objects with my body - p5js
2023-10-10Replacing p5play Blocks with Custom Generative Blocks
2023-10-10Introducing p5play: a Physics and Game Engine for p5js - with coding example
2023-08-03How I made String Theory - Generative Art Homage to Jackson Pollock in p5.js
2023-05-14Debrief of Two More Gen Art fxhash Projects made in p5.js
2023-05-13Discussing Four of My Gen Art Projects on fxhash - made with p5.js
2023-04-29Animating the Drawing Process of Your Static Art in p5.js
2023-04-13Getting Started with fxhash params and fxlens using Visual Studio Code - full tutorial for artists
2023-04-08Adding Circular Flow to a Flow Field with Generative Artist Jeff Palmer - p5.js
2023-03-19Making a Static Flow Field in p5.js
2023-03-05Using a Buffer Canvas as a Data Source for p5.js Generative Art
2023-01-23How to Sell on fxhash - How to Get Started, Guide
2023-01-23How to Resize Your Art in p5.js, especially for selling on fxhash
2023-01-03Composition Elements for Generative Art - p5.js creative coding, art composition
2023-01-02Made in 10 Minutes Genuary Prompt p5.js - Perlin noise field with the letters of g-e-n-u-a-r-y
2022-12-04How I Made "Hex-a-Sketch" Art Project - Hexagonal Truchet Tiling Made Sketchy with p5.js
2022-11-27Truchet Tiling with Octagons in p5.js
2022-11-26Truchet Tiling with Hexagons in p5.js


Tags:
fxhash
getting started with fxhash
nft generative art
fxhash nft
resize canvas p5js
selling on fxhash
p5js pixel density
how to sell on fxhash
fxhash selling guide
resize fxhash
fxhash template
sell fxhash nft
publishing on fxhash
minting on fxhash
fxparams
fxlens
fxhash params
params how to
intro to params
getting started with params
params minting
publishing params