Nonograms Katana Wiki
Nonograms Katana Wiki

Please don't delete anything, just add a new section.

Sandbox - Expedition tasks

version 1

Expedition lvl. 1
1. Solve: any puzzle.

  • Size: not less 10x10.
  • Amount: 10

2. Solve: Black-and-White Nonograms.

  • Size: not less 15x15.
  • Amount: 5.

3. Solve: Colored Nonograms.

  • Size: not less 15x15.
  • Amount: 5.

4. Solve: True Nonograms (Sent by Users).

  • Size: not less 20x20.
  • Amount: 1.
version 2
Expedition lvl. 1
Type any puzzle
Size not less 10x10
Amount 10
Type Black-and-White Nonograms
Size not less 15x15
Amount 5
Type Colored Nonograms
Size not less 15x15
Amount 5
Type True Nonogram (Sent by Users)
Size not less 20x20
Amount 1

Sandbox - tables

testing...
level Coin.png Spices.png Spices.png Spices.png Spices.png Spices.png
1 15 2000 222 2212212 2 23333

Alternative:

How lvl. 4 artifacts affect random event chance
(none) Pirate hat Ship in a bottle Black pearl
Spices 20.0% 25.0% 25.0% 25.0%
Pearl 16.0% 20.0% 20.0% 25.0%
Message in a bottle 0.0% 0.0% 25.0% 25.0%
Anchor 10.0% 12.5% 12.5% 12.5%
Salmon 10.0% 12.5% 12.5% 12.5%
Random Event (general) 56.0% 70.0% 95.0% 100.0%

Case-sensitive, huh? :/

Pagoda lvl. 1
Resources required 1 x 40px
50 x Battering ram.png
50 x Battering ram.png
50 x 40px
5 x 40px
Time to build
(hours : minutes : seconds)
1:00:00
Grants +1 hint per puzzle
Unlocks Charity.
Pagoda lvl. 2
Resources required 2 x Ruby.png
200 x Coin.png
200 x Wood.png
200 x Stone.png
10 x Chemicals.png
Time to build
(hours : minutes : seconds)
6:00:00
Grants +1 hint per puzzle
+25% Charity experience
Pagoda lvl. 3
Resources required 4 x Ruby.png
300 x Coin.png
600 x Wooden beam.png
300 x Stone.png
50 x Steel.png
Time to build
(hours : minutes : seconds)
12:00:00
Grants +1 hint per puzzle
+25% Charity experience
Pagoda lvl. 4
Resources required 6 x Ruby.png
350 x Coin.png
700 x Wooden beam.png
350 x Stone.png
30 x Fan.png
Time to build
(hours : minutes : seconds)
24:00:00
Grants +1 hint per puzzle
+25% Charity experience
Pagoda lvl. 5
Resources required 8 x Ruby.png
400 x Coin.png
800 x Wooden beam.png
400 x Stone.png
30 x Katana.png
Time to build
(hours : minutes : seconds)
24:00:00
Grants +1 hint per puzzle
+25% Charity experience
Pagoda lvl. 6
Resources required 10 x Ruby.png
450 x Coin.png
900 x Wooden beam.png
450 x Stone.png
5 x Gold ingot.png
5 x Spices.png
Time to build
(hours : minutes : seconds)
24:00:00
Grants +1 hint per puzzle
+25% Charity experience


Pagoda lvl. 7
Resources required 15 x Ruby.png
500 x Coin.png
1000 x Wooden beam.png
500 x Stone.png
3 x Treasure.png
5 x Pearl.png
Time to build
(hours : minutes : seconds)
24:00:00
Grants +1 hint per puzzle
+25% Charity experience

Second alternative:
Resources required to upgrade Pagoda:

  • Lvl. 1:
    • 1 x Ruby.png
    • 50 x Coin.png
    • 50 x Wood.png
    • 50 x Stone.png
    • 5 x Petard.png
    • Time to build: 1:00:00
    • Grants:
      • +1 hint per puzzle
    • Unlocks Charity.
  • Lvl. 2:
    • 2 x Ruby.png
    • 200 x Coin.png
    • 200 x Wood.png
    • 200 x Stone.png
    • 10 x Chemicals.png
    • Time to build: 6:00:00
    • Grants:
      • +1 hint per puzzle
      • +25% Charity experience
  • Lvl. 3:
    • 4 x Ruby.png
    • 300 x Coin.png
    • 600 x Wooden beam.png
    • 300 x Stone.png
    • 50 x Steel.png
    • Time to build: 12:00:00
    • Grants:
      • +1 hint per puzzle
      • +25% Charity experience
  • Lvl. 4:
    • 6 x Ruby.png
    • 350 x Coin.png
    • 700 x Wooden beam.png
    • 350 x Stone.png
    • 30 x Fan.png
    • Time to build: 24:00:00
    • Grants:
      • +1 hint per puzzle
      • +25% Charity experience
  • Lvl. 5:
    • 8 x Ruby.png
    • 400 x Coin.png
    • 800 x Wooden beam.png
    • 400 x Stone.png
    • 30 x Katana.png
    • Time to build: 24:00:00
    • Grants:
      • +1 hint per puzzle
      • +25% Charity experience
  • Lvl. 6:
    • 10 x Ruby.png
    • 450 x Coin.png
    • 900 x Wooden beam.png
    • 450 x Stone.png
    • 5 x Gold ingot.png
    • 5 x Spices.png
    • Time to build: 24:00:00
    • Grants:
      • +1 hint per puzzle
      • +25% Charity experience
  • Lvl. 7:
    • 15 x Ruby.png
    • 500 x Coin.png
    • 1000 x Wooden beam.png
    • 500 x Stone.png
    • 3 x Treasure.png
    • 5 x Pearl.png
    • Time to build: 24:00:00
    • Grants:
      • +1 hint per puzzle
      • +25% Charity experience

This looks ok on mobile. At least it's readable. I will leave tables on desktop and do this alternative on mobile (similar to how Territory page works). You need to see how this looks on mobile; on desktop it's kinda meh.


following quasi-table (made of divs with specific width) again works only on desktop :(
it seems that mobile/responsive mode removes style attribute from divs...

level
Coin.png
Spices.png
1
15
2



Next table is built using straight HTML and it works good on both desktop/mobile :O
(though in mobile view it is enclosed in a div.article-table-wrapper, so its appearance is different... don't know if styling of the div may be overridden or maybe its class could by removed with javascript)

level Coin.png Spices.png Spices.png Spices.png Spices.png Spices.png
1 15 2000 222 2212212 2 23333

Sadly it doesn't. We have to test with big and small numbers in columns and also more columns, so the mobile browser has to shrink the table.


note:
ruby picture below is defined in source as thumbnail of 40x40px
mobile/responsive mode must be using some backend scaling - inspector shows its HTML has width="20" and height="20" attributes; pic properties according to inspector:

Rendered size:	14 × 14 px
Rendered aspect ratio:	1∶1
Intrinsic size:	20 × 20 px
Intrinsic aspect ratio:	1∶1

so not only it is reduced in size by backend, but also frontend styles shrink it even more

Third alternative:

Pagoda
Level Resources required Time to build* Grants
Ruby.pngRuby Coin.pngCoin Wood.pngWood Wooden beam.pngWooden beam Stone.pngStone Petard.pngPetard Chemicals.pngChemicals Steel.pngSteel Fan.pngFan Katana.pngKatana Gold ingot.pngGold ingot Treasure.pngTreasure Spices.pngSpices Pearl.pngPearl
1 1 50 50 - 50 5 - - - - - - - - 1:00:00 +1 hint per puzzle Unlocks Charity
2 2 200 200 - 200 - 10 - - - - - - - 6:00:00 +1 hint per puzzle +25% Charity experience
3 4 300 - 600 300 - - 50 - - - - - - 12:00:00 +1 hint per puzzle +25% Charity experience
4 6 350 - 700 350 - - - 30 - - - - - 24:00:00 +1 hint per puzzle +25% Charity experience
5 8 400 - 800 400 - - - - 30 - - - - 24:00:00 +1 hint per puzzle +25% Charity experience
6 10 450 - 900 450 - - - - - 5 - 5 - 24:00:00 +1 hint per puzzle +25% Charity experience
7 15 500 - 1000 500 - - - - - - 3 - 5 24:00:00 +1 hint per puzzle +25% Charity experience

This looks more like a table, doesn't it? Let's hope it works on mobile. Nope. It doesn't work on mobile.

:O

(none)

Pirate hat.png

Ship in a bottle.png

Black pearl.png

Spices

0%

0%

0%

0%

Pearl

0%

0%

0%

0%

Message in a bottle

0%

0%

0%

0%

Anchor

0%

0%

0%

0%

Salmon

0%

0%

0%

0%



This text will appear in the first column. That might depend on the quantity of text used inside the container. The latter portion of the text will overflow into the second column. This does depend on the number of columns you have as well.


How lvl. 4 artifacts affect random event chance
(none) Pirate hat.png Ship in a bottle.png Black pearl.png
Spices 20.0% 25.0% 25.0% 25.0%
Pearl 16.0% 20.0% 20.0% 25.0%
Message in a bottle 0.0% 0.0% 25.0% 25.0%
Anchor 10.0% 12.5% 12.5% 12.5%
Salmon 10.0% 12.5% 12.5% 12.5%
Random Event (general) 56.0% 70.0% 95.0% 100.0%

Note: Lvl. 4 artifacts are obtained in order: Pirate hat, Ship in a bottle and Black pearl.


Sandbox - imagemaps

Guild (building)Gong (building)WarehouseShopAlchemist's HutWorkshopFood StallSmithyCoffee BonsaiOnsenFurnacePagodaLumber MillGardenRock GardenShip
About this image

Click on a building. Territory with every building upgraded to its max level (Version 14.3).

Rock GardenShip
About this image

Click on a building







Back to Navigation page.



hmm, this script (js) can "reset" table wrappers in responsive mode (you can try it in browser's console after page is loaded):

for (t in document.getElementsByClassName('article-table-wrapper')) {document.getElementsByClassName('article-table-wrapper')[t].classList="";}

with jQuery is even simplier:

$('.article-table-wrapper').removeClass('article-table-wrapper')

or you can minimize padding for tablecells in responsive mode:

$('.article-table-wrapper td').css('padding','2px')

- and it affects only tablecells within that wrapper, so desktop mode should be unchanged... now it is only a question of injecting the code into every page (Common.js?) and executing it after page is loaded, maybe like this:

$(document).ready(function() {...});