HypeBlocks is the hypest collaboration of on-chain generative artwork. A collective of crypto artists from across the metaverse have gathered here to share works of profound beauty and inspiration through the language of HypeCode.
There are 3 curated collections of ascending rarity: Curated, Limited, and Hype.
General: Free public minting until Jan 1, 2022.
Curated: 0.15Ξ to mint. 10,000 total supply.
Limited: 1.50Ξ to mint. 1,000 total supply.
Hype: 15.0Ξ to mint. 100 total supply.
Rolling a random HypeBlock is as simple as clicking the ⟳ button. To mint, connect your Web3 wallet, select a collection, and click Mint.
The first line of a HypeCode script starts with $ followed by the number of gradients and the number of solid colors separated by a space.
Example: $ 2 3 Defines 2 gradients and 3 solid fills.
Next, the gradients follow. Continuing this example, we would provide 2 gradient definitions. A gradient definition starts with the number of colors, the type (0: linear / 1: radial), the angle, then the colors, separated by spaces.
Example:
3 0 0 ff0000ff 00ff00ff 0000ffff 2 1 45 ffffffff 00000000 Defines 2 gradients. The first linear-gradient has 3 colors: red, green blue. The second radial-gradient has 2 colors: white and transparent black at 45 degrees. 3. After gradients, our solid colors follow. Continuing this example, we would provide 3 solid colors.
Example: ccccccff 444444ff Defines 2 solid grey colors. 4. The last definition in the HypeCode head is the background color index number. We refer to one of our color specifications (either a gradient or solid) by it’s index value.
Example: 1 Defines a background using our first gradient.
Loops: To render a loop, use [ to start a loop, then ] TIMES to end the loop, where TIMES (1–255) is the number of times you want the loop to repeat.
Forward: To move forward, use + AMOUNT, where AMOUNT (1–255) is the amount you wish to move forward.
Backward: To move backward, use - AMOUNT, where AMOUNT (1–255) is the amount you wish to move backward.
Rotate: To rotate, use @ ANGLE, where ANGLE is the angle (1–360) you wish to rotate.
Scale Up: To scale up, use * SCALAR, where SCALAR is the amount (1–255) you wish to scale up.
Scale Down: To scale down, use / SCALAR, where SCALAR is the amount (1–255) you wish to scale down.
Circle: To render a circle, use o RADIUS WIDTH STROKE FILL, where RADIUS specifies the size of the circle, WIDTH specifies the stroke width, STROKE specifies the stroke color index, and FILL specifies the fill color index.
Path: To render a path, use ! WIDTH STROKE FILL where WIDTH specifies the stroke width, STROKE specifies the stroke color index, and FILL specifies the fill color index.
Path-Curves: To add bezier curve points to the SVG path, use c & s .
Path-Close: To close the SVG path, use z.
Path-Move: To translate your position, use m.
Reset-Position: To reset the position use x.
Reset-Rotation: To reset the rotation use _.
Visit: https://hypeblocks.com.
HypeBlocks is the hypest collaboration of on-chain generative artwork. A collective of crypto artists from across the metaverse have gathered here to share works of profound beauty and inspiration through the language of HypeCode.
There are 3 curated collections of ascending rarity: Curated, Limited, and Hype.
General: Free public minting until Jan 1, 2022.
Curated: 0.15Ξ to mint. 10,000 total supply.
Limited: 1.50Ξ to mint. 1,000 total supply.
Hype: 15.0Ξ to mint. 100 total supply.
Rolling a random HypeBlock is as simple as clicking the ⟳ button. To mint, connect your Web3 wallet, select a collection, and click Mint.
The first line of a HypeCode script starts with $ followed by the number of gradients and the number of solid colors separated by a space.
Example: $ 2 3 Defines 2 gradients and 3 solid fills.
Next, the gradients follow. Continuing this example, we would provide 2 gradient definitions. A gradient definition starts with the number of colors, the type (0: linear / 1: radial), the angle, then the colors, separated by spaces.
Example:
3 0 0 ff0000ff 00ff00ff 0000ffff 2 1 45 ffffffff 00000000 Defines 2 gradients. The first linear-gradient has 3 colors: red, green blue. The second radial-gradient has 2 colors: white and transparent black at 45 degrees. 3. After gradients, our solid colors follow. Continuing this example, we would provide 3 solid colors.
Example: ccccccff 444444ff Defines 2 solid grey colors. 4. The last definition in the HypeCode head is the background color index number. We refer to one of our color specifications (either a gradient or solid) by it’s index value.
Example: 1 Defines a background using our first gradient.
Loops: To render a loop, use [ to start a loop, then ] TIMES to end the loop, where TIMES (1–255) is the number of times you want the loop to repeat.
Forward: To move forward, use + AMOUNT, where AMOUNT (1–255) is the amount you wish to move forward.
Backward: To move backward, use - AMOUNT, where AMOUNT (1–255) is the amount you wish to move backward.
Rotate: To rotate, use @ ANGLE, where ANGLE is the angle (1–360) you wish to rotate.
Scale Up: To scale up, use * SCALAR, where SCALAR is the amount (1–255) you wish to scale up.
Scale Down: To scale down, use / SCALAR, where SCALAR is the amount (1–255) you wish to scale down.
Circle: To render a circle, use o RADIUS WIDTH STROKE FILL, where RADIUS specifies the size of the circle, WIDTH specifies the stroke width, STROKE specifies the stroke color index, and FILL specifies the fill color index.
Path: To render a path, use ! WIDTH STROKE FILL where WIDTH specifies the stroke width, STROKE specifies the stroke color index, and FILL specifies the fill color index.
Path-Curves: To add bezier curve points to the SVG path, use c & s .
Path-Close: To close the SVG path, use z.
Path-Move: To translate your position, use m.
Reset-Position: To reset the position use x.
Reset-Rotation: To reset the rotation use _.
Visit: https://hypeblocks.com.
Subscribe to YeetDAO
Subscribe to YeetDAO
Share Dialog
Share Dialog
<100 subscribers
<100 subscribers
No activity yet