如何使用p5.js脚本制作动态NFT并将种子参数上链存储？

完全可以实现，你需要改造p5.js逻辑+调整链上存储的内容，具体步骤如下：

• 第一步：改造p5.js脚本支持固定种子渲染
  把你脚本里所有随机逻辑绑定固定种子，不要用原生不可控的Math.random()，统一用p5内置的randomSeed()方法，在脚本开头预留种子占位符，示例逻辑如下：

  // 链上生成的种子会替换这个占位符
  const NFT_SEED = "__SEED_PLACEHOLDER__";
  
  function setup() {
    createCanvas(600, 600);
    // 绑定种子，保证相同种子生成的内容完全一致
    randomSeed(NFT_SEED);
    // 你的原有渲染逻辑
  }
  

  改造完成后，相同输入的种子每次运行都会生成完全相同的画面，不会出现随机差异。

• 第二步：调整链上存储逻辑，动态拼接带种子的脚本
  你不需要提前把生成好的SVG转base64存链，而是把改造好的带占位符的完整p5.js脚本转成base64，拆成占位符前、占位符后两段存在合约里，mint时用对应NFT的种子（可以用tokenId、链上随机数等自定义逻辑生成）替换占位符位置，拼接成完整的资源URI返回即可，合约示例代码如下：

  function p5jsToImageURI(uint256 tokenId) public view returns (string memory) {
      // 你可以自定义种子生成逻辑，这里示例直接用tokenId作为种子
      string memory seed = uint2str(tokenId);
      // 占位符之前的脚本内容转base64后的前缀
      string memory scriptPrefixBase64 = "data:text/html;base64,PGh0bWw+PGJvZHk+PHNjcmlwdCBzcmM9Imh0dHBzOi8vY2RuanMuY2xvdWRmbGFyZS5jb20vYXBqcy9saWIvcDUuanMvMS40LjE2L3A1LmpzIj48L3NjcmlwdD48c2NyaXB0PmNvbnN0IE5GVF9TRUVEID0gIjw=";
      // 种子转base64后的内容
      string memory seedBase64 = base64Encode(bytes(seed));
      // 占位符之后的脚本内容转base64后的后缀
      string memory scriptSuffixBase64 = "Ij4KZnVuY3Rpb24gc2V0dXAoKXsKICBjcmVhdGVDYW52YXMoNjAwLDYwMCk7CiAgcmFuZG9tU2VlZChORlRfU0VFRCk7CiAgLy8geW91ciBjb2RlCn08L3NjcmlwdD48L2JvZHk+PC9odG1sPg==";
      // 拼接得到完整的可运行资源URI
      return string.concat(scriptPrefixBase64, seedBase64, scriptSuffixBase64);
  }
  

  注意：这里返回的是html类型的data URI，而非纯SVG，所有主流NFT市场均支持html格式的NFT资源，可正常渲染和展示。如果你需要纯SVG格式，可以将p5.js逻辑内嵌到SVG的<script>标签中，用同样的占位符替换逻辑实现即可。

• 注意事项

  • 所有资源需全部内嵌，不要引用任何外部的脚本、字体、图片资源，避免资源失效导致NFT无法渲染
  • 不要使用原生Math.random()、Date.now()等会产生随机差异的API，所有随机逻辑必须绑定你传入的种子参数
  • 链上存储的脚本要尽量压缩，减少gas消耗

内容的提问来源于stack exchange，提问作者Yeet Lmao