layout

DECA

DECA

ギャラリーの装飾の仕方

DECAの楽しみ方はデカゴンに限らず「freestyle gallery」の展示の自由もあると思います。 と言っても、大変特殊なつくりをしているので順を追って説明したいと思います。

少し下にスクロールすると左側にNFTなどが出ているものと、右に格子があるところが見えてきます。ここが作業場です。 その塊の左上に　NFT　Background　Text　の3つのタブがあります。 初期設定はNFTのタブが開かれた状態になっています。

下にいくと、既にウォレットに繋がっているNFTが表示されていると思います。

何でもいいので絵をクリックして、右の格子の上に掴んだまま移動させてみて下さい。 格子の上に絵が出てくると思いますが、これでギャラリーにイラストが展示されました。

「サイズを変更したいわ」 という場合、画像の右か下、右下にカーソルを持っていくと矢印が出てくると思います。 それを動かすことでサイズの変更をすることができます。 (この後の設定で変更できますが、基本縦と横に依存するので、どんなに横を広げても縦が広くないと大きくなりません)

手順としては ①Allを押す ②チェーンの指定をしたい場合は　Search by blockchain　をクリックしてチェーンを指定する ③作品名で検索したい場合は　NFT name e.g. Fidenza #10　の部分に名前を入れる その他、Contrack addressやToken idなどで指定することも可能です ④Search!ボタンを押すとボタンの下に候補が出てきます ⑤好きな画像を選んでクリックしたまま格子の方へ移動させます

ページ上部の　Home　Profile　Decagon　の中からProfileを選択してください。 少し下にスクロールすると「Create a new gallery＋」という四角があります。 そこにカーソルを置くと「Create simple gallery」と「Create freestyle gallery」に分かれるので、下の「Create freestyle gallery」をクリックします。

これでひとまずギャラリーが出来ました。

文字が多すぎるので一旦休憩に所有しているNFT貼ります

◎今のところ見つかってるルール ・polygon作品は全部表示されてない場合もある ・hiddenに入ってるものも一覧に出てきてしまう ・手っ取り早く購入者の持ってる自分の作品を見たい場合は、「Holder Address」に所有者のウォレットアドレスを入れて、自分の作品名を入れるのが早いかなと思います。

Background

で遊ぼう

NFT

を貼ろう

●ギャラリーを用意しよう

●まずはNFTを貼ってみよう

●画像の編集をしよう

●お気に入りの画像をギャラリーに貼ろう

●その他の作品を貼りたい

画像を置いたときに、画像の右上に3本の横線が出てきます。 ここから画像の編集ができます。

上から順に…

Fit in container (cover will crop)　←縦横の比率により画像が変形する Color　←よくわかりません Layer (higher is on top)　←ギャラリー上のレイヤーの順番を指定します Remove item from grid　←画像を消す

この格子の上ではレイヤーを重ねるというイメージでレイアウトをします。 基本NFTは10で指定されています。(数が小さいほど下の層になります) 他には背景色に使えるBackgroundは0、Textは20が基本の設定ですが、自分で変更することができます。

変更して遊ぶ方法は、今はまだ必要ないのでBackgroundの方で説明をします。

他人の展示を見ていて「いいなぁ」と思った作品には右上にカーソルを載せると星マークが出てくるのでその星をクリックするとお気に入りに入れることができます。

先ほどのNFTタブの中の上部に　My Wallets　My Favorites　All　という3つのボタンがあるのですが、これは左から順に「あなたのウォレットの作品」「お気に入りに入れた作品」「その他すべて」という意味で、お気に入りの作品を展示したい場合は「My Favorites」をクリックして展示したい画像を貼ります。

売れてしまった自分の作品や、持ってないけど好き、DECAではまだ見かけたことないからお気に入りに入れれてない。という作品も展示することができます。 それは、先程の3つのボタンの一番右、「All」で全作品の中から作品を選ぶことができます。

●Backgroundに触る

NFT　のタブの右にある　Background　をクリックします。 デフォだと　#e0d7c6　に色指定された四角が表示されていると思います。

四角の下にある　Color　で色を選びます。 そのまた下の　Layer(higher is on top)　にてレイヤー順(番号)を指定できます。

設定が終われば　Drag into gallery!　下にある四角をクリックしたまま格子の方へ移動させます。

●Backgroundを編集する

サイズを変更したい場合、NFTと同じように四角の右、下、右下にカーソルを持っていくと矢印が出てくるので、そこで好きなサイズに変更が出来ます。

画像を置いたときに、画像の右上に3本の横線が出てきます。 ここから画像の編集ができます。

内容は先ほどの設定と、NFTの時と同じように削除するボタンがあります。

◎今のところ見つかってるルール ・レベルが上がるとカラーピッカーの横に「palette」というタブがあり、パレットで色指定が簡単にしやすくなってます ・作業中に　NFT　や　Text　タブをクリックしてしまうと　Backgroundの設定がリセットされるので注意

●Backgroundで絵を描いてみよう

Backgroundは色のついた四角を配置できるのですが、それを使ってドット絵のようなものが作れます。

◎基本Backgroundはレイヤー０ですが、その数字を上げることでNFTの上に置くこともできます

ドット絵は簡単に可愛い装飾が出来るので良いツールなのですが、現在「コピー」が出来ないので、一つ一つBackgroundから指定して持ってこないといけないのがすごく手間だったりします

Text

で遊ぼう

●ギャラリーに文字を入れよう

NFT　Background　Text　のタブの中から「Text」をクリックします。

水色のボタンは一旦スルーして、その下にある四角い枠の中に入力したい文字を入れます。

入力後、上にある水色のボタン　Drag this to add to gallery　をクリックしたまま格子の方に持っていくと文字がギャラリーに表示されるようになります。

●リンクを付けよう

文字入力をする四角い枠の下に　「To add markdown links: [Deca] (https://deca.art)」　というものがあります。 「links:」以降の文がリンクに使う命令になります。

[

表示したい文字

](

リンク先アドレス

)

上の黒字の部分を各々で入力してもらってから、また上の青いボタンからギャラリーへ移動させてみると、下に線の入った文字になります。 これがリンクの付いた状態の文章になります。

◎ちなみに、一つの文章の中に　一部だけリンク　ということも可能です。

方法としては、リンクの時に使いたい文字の部分に命令を入れ込むだけです。 (上の例でいえば「一部だけリンク」のところに命令を入れ込んでます)

●文字に装飾をしよう

・色を付けよう リンクの命令文の下に　Color　というのがあります。 これはBackgroundと使い方は同じです。

・文字サイズを変えよう 色変えの下に　Change font size(height in grid cells)　というのがあります。 その右側の四角に文字サイズが指定できます。

小数点以下も指定できるので、好みのサイズを確認しながら調節をすることができます。 (今書いている文章は「1.2」というサイズにしています)

・レイヤーの階層を変えよう これも今までのにも出てますが、レイヤーの重なり位置が変更できます。

・フォントを変えよう これは、デカゴンがレベル5以上、オクタゴンレベル2以上の人にしか使えない機能ですが、フォントを変えることができます。 日本語も若干変化があります。下にまとめたものは、そのフォント指定のまま日本語で入力したものになります。

Default　基本の文字です

Impact　文字が太くてはっきりしてます

Geometric　冒頭のDECAもこの文字です。かなり個性的

Script　若干の手書き感

Serif　よく見る感じ。日本語も反映されますね

Pixelated　昔のゲームのようなインパクトのあるドット文字

Sans Serif　見やすい文字の印象

Scribble　手書き文字でおしゃれ

Monospace　カクカクしていて可愛い

Stencil　若干立体的

Craft　めちゃめちゃ細い

このフォントを巧みに使い、おしゃれでかっこよいギャラリーが作れたら素敵だなと思います。 この文字も、ギャラリーに並べてから右上に出てくる三本線ボタンで編集することができます。

また、文字の周りを囲んでいる四角のサイズを変更することにより見える範囲や改行位置などを変更することができます。 この四角はギャラリーの大枠と干渉するので「あれ？右に行けない？」となった場合は枠の大きさが一番右の線とかぶっててこれ以上いけないなんて言う場合もあります。

●コツなど

レイアウトいじっていてめんどくさいセオリーだなと思った点を挙げていきます。

・レイヤーの重なりのめんどくささ 上記にあるようにレイヤーの重なりという考えがあります。 初期設定だと　NFTは１０、Backgroundは０、Textは２０　になっています。 (Backgroundはなぜか数字を上げて設定してもギャラリーに持っていくと0になる)

まず何も考えずにBackgroundとNFTとTextを重ねたときに、

test

「あ。Backgroundの色変えよう！」 と思いBackgroundの三本線を押そうと思う・・・と、その上の階層にいるTextの枠が邪魔をしてクリックが出来ません。

なので、いったんTextの枠がBackgroundの3本線ボタンにかぶらない位置に移動させてから編集をする手間があります。

・リンク設定した文章のめんどくささ 文章にリンクを付けることができますが、これをギャラリーに配置してから 「位置を変えたいわ」 となったとき、普通に文字をクリックしながら移動させればいいのですが、その時に　リンクの文字　を触ってしまった場合… いちいちリンク先に飛びます。 ただその新規タブを閉じればいいのですが、都度都度やるのは結構手間なので、そういう場合は一度Textの枠を文字以外も余白を作り、その余白部分をクリックして移動すれば手間がなくなります。

・ドット絵を描くときに… 一番最小のドットにしてレイアウトしていて、 「あー！やっぱりこっちに移動させたい！」 となった場合、クリックしたくてもドットが小さすぎて3本線ボタンをクリックしてしまうことになります。 大変手間ですが、一度ドットのサイズを大きくして、三本線ボタンに干渉しないところをクリックしながら移動させて、また小さくさせましょう。

・ギャラリーのトップ画像(一覧に表示される絵)のルール 何個か作っての雰囲気ですが、ギャラリーに一番最初に貼られた絵がトップ画になっている印象です。

・ギャラリーを縦長にしたい 格子の上側に　Edit　Add Rows　Remove Rows　という3つのボタンがあります。

Edit　…編集完了 Add Rows　…1行増やす Remove Rows　…1行減らす

という機能で、「ギャラリーもっと長くしたいわー」となったら真ん中のボタンを押して、格子にカーソルを持っていくと緑色が表示されます。 ここで増やしたい！という位置でクリックをすると1行増えます。 が、Backgroundとかが重なっている部分でやるとレイアウトが崩れる場合があるので、できればレイアウトが完了している下を増やしていく方がいい気がします。

「余計な長さ削除したいわー」という場合は右のボタンで、こちらはピンク色みたいなのが表示されるので削除したいところでクリックをするとどんどん削除されていきます。

最後に左のボタンを押して編集完了です。

そのほか、またなにか気づいたら追記していきます。

上記以外の部分はまだ触れてないので書けません。

※Fit in container (cover will crop)を使う場合、gif動画は再生されなくなるので注意です