Back

Nouns 艺术引擎

在本课程中，我们将学习 Nouns NFT 的链上、链下生成&渲染逻辑,并通过实战项目来演示如何获取 Nouns NFT 图片。

Nouns 艺术引擎

Language

Solidity

Total Length

3.0h

Part of Learning Track

Build on Nouns + 1

What You’ll Learn

理解Nouns 图像生成机制：从 PNG 到 RLE，再到 SVG 的完整流程

掌握nouns-sdk的核心方法：getNounSeedFromBlockHash、getNounData、buildSVG

构建一个完整的独立 Next.js 项目，实现 Noun SVG 的生成与展示

Seed 结构（背景、身体、配饰、头部、眼镜）

RLE 压缩与解码在链上存储中的应用

SVG 渲染：像素艺术的放大与<rect>渲染技巧

Syllabus

Unit 1 - 从 PNG 到 RLE 编码

在本单元，我们将学习如何将 PNG 图片转成 RLE 编码.

Unit 2 - 链下的图像生成流程

在本单元，我们将学习如何将 RLE 编码渲染成 SVG 图片。

Unit 3 - 链上图像的处理逻辑

在本单元，我们将学习 PNG 图片的链上处理逻辑。

Unit 4 - 构建 Nouns NFT 生成器

在本单元，我们将学习如何构建一个 Nouns NFT 生成器项目。

Language

Solidity

Total Length

3.0h

Part of Learning Track

Build on Nouns + 1