Difference between revisions of "User talk:Matusm"

From SpiralKnights

Jump to: navigation, search
(ShadowTech long names are messing with the table: Reply.)
(ShadowTech long names are messing with the table: ^^)
Line 119: Line 119:
 
:::I still have Chrome from when I had HTML and CSS in school. There are small differences between how different browsers render pages, so I had more browsers for that reason. When I couldn't see the issue in Firefox, I thought that maybe I'll see it in Chrome. Chrome is more popular anyways, so there was a good chance this is the browser you have used. :D If the problem was in different browser however, I probably wouldn't find it.
 
:::I still have Chrome from when I had HTML and CSS in school. There are small differences between how different browsers render pages, so I had more browsers for that reason. When I couldn't see the issue in Firefox, I thought that maybe I'll see it in Chrome. Chrome is more popular anyways, so there was a good chance this is the browser you have used. :D If the problem was in different browser however, I probably wouldn't find it.
 
:::And yes, the 1% text is so small it's effectively invisible. 1px text is actually much bigger than 1% text. :D --[[User:Matusm|Matusm]] ([[User talk:Matusm|talk]]) 11:03, 28 March 2020 (UTC)
 
:::And yes, the 1% text is so small it's effectively invisible. 1px text is actually much bigger than 1% text. :D --[[User:Matusm|Matusm]] ([[User talk:Matusm|talk]]) 11:03, 28 March 2020 (UTC)
 +
 +
::::Ohh right the sorting! I forgot about that and i thought the abbrev. sorting was thx to the icon name too~ For now the 1px works nicely in chrome. This is my only browser since im confortable and i dont work with HTML+CCS, if i notice the table u used in here change i will tell u~ Its curious seeing that IE have no problem with 1% but Chrome does. Thx for ur explanation :D, the invisible text and anchor text was something new for me~ -[[User:HikaruFer|HikaruFer]] ([[User talk:HikaruFer|talk]]) 20:59, 28 March 2020 (UTC)

Revision as of 20:59, 28 March 2020

Thank you...

Thank you for using my information I added, but modifying it to be more relevant on the darkfang shield page, and also thank you for the work you do in updating the wiki. --Cdst16 (talk) 00:20, 24 April 2017 (PDT)

Heh, you're welcome! I just tried to fix what I knew I was able to fix. I'm quite new here. I've started with editing here at the New Year's Eve, but I've managed to notice few things here and there, since. I mostly copy and paste from already existing pages. So if I ever attempt to create a page with my own words, feel free to check it and rewrite what's needed. It's very likely that it will have some flaws as English isn't my mother tongue. You've probably noticed it already. :) --Matusm (talk) 04:40, 24 April 2017 (PDT)

Thanks for all of your work on the wiki. For example, just when I think, "Golden Slime Casino needs updating to mention the current event," you've already done it. Jdavis (talk) 13:06, 25 August 2018 (UTC)

You're welcome! I try to prioritize edits regarding recent changes/events and then move back in time in a sense. --Matusm (talk) 18:10, 27 August 2018 (UTC)

Squall Caller images

We can now create the Squall Caller pages; I made most of them but don't know how to create the equipped and icon images. I noticed you added them for the other Raider items, so it would be nice if you could add them for the Caller quickly too so Cronus can re-blacklist it. --Snarbylord (talk) 13:17, 26 July 2017 (PDT)

I was just about to upload them. I've got tooltip image from earlier and icon was uploaded straight from game files. Thank you for your work. --Matusm (talk) 13:25, 26 July 2017 (PDT)

Re: Inconsistent linking to Hunter costumes

Hello! The issue I'm trying to solve regards broken links when attempting to Direct Link to a Hunter Costume that was only available in the Hunter 2016 box. You can see a few red links for Round Helm, Flak Jacket, ect. here: Usable-Hunter Prize Box icon.png Hunter Prize Box. This issue is also preventing the Hunter category from displaying Hunter 2016 only costumes. --CassiusBWiki (talk) 19:19, 23 December 2018 (UTC)

That's probably because there are some links that weren't created yet. You see, links on Prize Box pages lead to a page named after that item (for example, clicking on Hunter Round Helm leads to Hunter Round Helm page). These pages are usually redirects to a collective page for similar items (like Round Helm), so you immediatelly end up on that page instead. I believe this is the one step you have missed. If you have been linked through a redirect, it is always mentioned at the top of the destination page.
Also, categories right now are quite broken. Only categorized files show up in the list, among other issues. Normal pages used to show on the category pages, but after Grey Havens updated the wiki software, new pages won't add themselves there, so only old pages remain in the list. A nice example would be this category, which was created after the update: Category:Tawny-Themed. So while it's true the costumes aren't there because of the missing links, they won't appear there even after they will be created. --Matusm (talk) 20:00, 23 December 2018 (UTC)
Thanks for pointing out the redirect pages, for some reason I was under the impression they were handled dynamically. A pity about the categories however. I wonder why I was able to get Garnet Node Container on the Garnet Category page, but nothing else. Bad job queue handling? Oh well, nothing us users can do about it. --CassiusBWiki (talk) 01:08, 24 December 2018 (UTC)
Images can be added to categories for some reason. That's why accessories work. Still, it needs some time to show up I think. --Matusm (talk) 10:33, 24 December 2018 (UTC)

Owlite box stuffs

Hey, I happen to have Dusky Owlite Wand and Dusky Owlite Pipe. Hit me up in-game if you wanna get pics of em. Silverhawkes (talk) 11:01, 13 February 2019 (UTC)


Hey, i just forgot how to do APNGs with transparency... lol

I remember i did it with photoshop, i took the video, cut it in photoshop with the little transparencies in the corners but the "save" part its what i forgot... I dont remember using APNG anime maker either. I tried but when im saving the bunch of imgs to put in the APNGanimemaker they dont have transparency sooooo i dunno what to do. I wanted to help from time to time with items if i happen to find them in the AH. U can text me in game too, im Jade-Hikaru [I even forgot how to put the time-mark when leaving a msg here haha so im doing it manually] HikaruFer

I actually tried really hard to avoid Photoshop and make most of my images only using free tools. :D For animations, I mostly used FFmpeg and APNG Assembler, but never Photoshop. So I did a quick search about how would you do it in Photoshop and found something about Render Video option and then using APNG Assembler ([1]), but I don't know if it'll help. I can help you make animations the way how I made mine if you want, but it's basically just converting video to frames with corners, deleting some images from beginning and end to make a smooth loop and turning this loop into an animation. I'm Nitronicx in game, but I log in usually just for a few minutes, so you probably won't catch me online. (The signature thing is --~~~~, there's also button for it in the editor.) --Matusm (talk) 23:15, 26 February 2020 (UTC)
Hey, well, since i have it i use it haha, but if its not ur method its okay. I would like to learn with free tool cuz i already have some footage (like, 3 or 5 tooltips) oh and i use Fraps to capture. I tried with PSD (photoshop) and it does give me the frames, problem is it doesnt add the cut in the corners and while in the program, it shows. Technically speaking i can cut the corners in each frame but im sure theres an easy way for that just that i dont know yet haha. When u have the time i would love to learn how :D Thx! --HikaruFer (talk) 06:25, 27 February 2020 (UTC)
First I use FFmpeg to turn video into pictures. I can also tell it to add the transparent corners right away by using a greyscale image which describes the alpha channel (it's white image with black corners, black pixels will be made transparent). The command for that is ffmpeg -hide_banner -i video.avi -i alpha.png -lavfi 'crop=201:222:9:151, alphamerge' folder/%3d.png. The arguments for crop are crop=width:height:x:y, x and y are coordinates of the top-left-most pixel of the cropped image. %3d means the pictures will be named 001.png, 002.png, etc.
Then I simply use image viewer for comparing the first and last frames of the would-be animation and delete surplus frames.
Once I'm satisfied with the loop, I use APNG Assembler to make the animation. There are both GUI and CLI versions of the program.
When the animation is too big, I remove some frames (or rather copy them to another folder, so I can keep the original loop). I made a small script for that. However when I had to use framerate below 20 (or 15?), I rather used tinypng.com. TinyPNG limits the number of colors to 256, but with such low framerates, more smoothness is in my opinion worth the not very noticable loss in colors.
You can also make animation stright from the video with FFmpeg. The command for that would be ffmpeg -hide_banner -i video.avi -stream_loop -1 -i alpha.png -lavfi 'crop=201:222:9:151, alphamerge' -plays 0 -r 20 -ss 3 -t 5.33 animation.apng. -plays is the number of loops (0 = infinite), -r is the resulting framerate, -ss means how many seconds should be skipped from the start, -t is the length of the animation. However, the animation may have some flaws. I noticed that FFmpeg duplicates the first frame of the animation (if I remember correctly). Also in some newer version the -stream_loop argument stopped working properly. That's why I use APNG Assembler instead of FFmpeg for making the animation. Maybe these problems are fixed now, but I stuck with the old version I first downloaded.
There's also a program called TweakPNG. It displays structure of your PNG files. May be useful sometimes.
By the way, it's been quite a long time since my last SK animated tooltip. :D
But still, I'd like to help you with your Photoshop. I still have it, too. What specifically is the problem or what are you doing that doesn't work? When I used to crop images in Photoshop, I realized I can use the "Create clipping mask" option to apply the cropped corners to all other images. I also looked at that "Render video" option. I had to change the alpha channel setting at the bottom to get images with transparency. --Matusm (talk) 23:20, 28 February 2020 (UTC)
I realized i never replied to this D: sorry. I did a few tests and i dunno if u noticed but i was able to make the APNGs :D. Thx a lot! I figured how to make it in photoshop thx to ur explaination, the alpha channel's option was disabled in my save settings so its no surprise the mask/transparency didnt work the first time i tried, also, with the examples of some of ur uploading i check the frames and the time to i eneded up close to what u do too :D (80 frames + 4~5secs). I found a apng maker online ([[2]]) which seems to work for me, added the delay and done~ some of them ended up being more than 2mb but the tinypng u give me worked~ most of the time it ends up being less than 1mb but dunno why with armor's tooltip always pass the 2mb mark. HikaruFer (talk) 10:13, 12 March 2020 (UTC)

Thx for fixing my code :D

You easily did what i was trying to do hahaha. Thx for that :D. Oh and since im here, do u think we should link in the name or in the img (the drop)? I was going for just link in img but dunno what u think looks better~ HikaruFer (talk) 04:14, 5 March 2020 (UTC)

To be honest, your first version of the template looks working, even though that #switch command was redundant. :D And about the links: I thought you wanted to have the link in the text and just didn't know how to do it in the template. So I added it there, just in case. My original intention was that you could remove it, if you wanted to have it without the link.
But now that you are asking: I think that if the image is a link, the text should also be a link. Having link only in the icon is almost as having no link, because there's almost no indication that the image leads to another page. And when the image is linked, why not the word, too? There's also option to don't link at all because there's not a whole lot of information on the personal color page and the most important thing, the color, is displayed in the icon. But a person new to the game / wiki could find the link useful. So I'm for putting the link both in the word and in the image. There's also a small problem that the font changes to a non-monospace, so I tried to find a fix now and I found I can insert <code> tag inside the brackets. So if we end up with this option, I can add this fix in the template.
I also eventually decided that we should write information as simple text instead of overusing those special blocks of text on the file pages. That's partially why my latest images don't use those white blocks. The other part of that reason is the aforementioned change in fonts and that having 3 different "levels" for image information (yellow block for "accessory image" stuff, white block for mentions and regular text for personal color note) is a bit too much. But I don't actually mind that much and I'm fine with using those white blocks. --Matusm (talk) 01:38, 7 March 2020 (UTC)
Oh then we can leave the link as it is now~ U made a good point of "not knowing the image links" which i wasnt sure cuz im used to read the link before clicking but not everyone does that. I dont understand the "non-monospace" u mantion tho :O.
As for the simple text i find the white block useful cuz the normal text (without the two spaces) seems to be lost if u are not specifically looking for it (unless its different in mobile?) but with the white block it pops out better (imo), i wanted the template:pc cuz sometimes i just want to point out "hey, the XcolorX in the image(costume/accessory) is a personal color, not a part of the design" but without the whole template:FileInfo. i use the white box for simple info that i like to be seen and dont get lost under the normal tags xd, i mostly use fileInfo at previews to make it feel like a ingame inspect windows... now that we are talking about it, i find the apng tag too big but its useful cuz thats how i found out i needed an extension to see the animations, maybe we should just leave the normal yellow box with a link (inside same box) to click for the "extensions" yellow box so they dont pop out in every apng? like, just leave them in the "documentation" of the template:apng, to not make a new page for it HikaruFer (talk) 21:51, 7 March 2020 (UTC)
(I'm sure I'm not using some terms properly, but) Monospaced font is a font where each letter has the same width. I was talking about example link (default behaviour) versus example link (requires some additional work).
I see the white box a bit like "a power you shouldn't use". If you make everything stand out, what really does? Though, now I thought about it for a while, even if we were to remove all those boxes and attempt to structure it as a regular page, there would still be the image and file history table, 2 "boxes" which you cannot get rid of and between which you are sqeezing some boring text. And there would also be those image details right above your text, which would look very similar to it (because it is just text) and which are generally overlooked. So I guess avoiding it isn't to much benefit. :D The white box does stand out and differentiates itself from the others after all.
I find the APNG tag too big as well. I'm fine with your solution. Adding <noinclude> around the "Don't see the animation?" box would probably be enough and you wouldn't even need to create the documentation page. --Matusm (talk) 19:20, 9 March 2020 (UTC)

Volcanic Plate Helm (normal and costume) error

Hi again~ i noticed theres a problem i dont know how to fix since it involves a big template (Template:CostumeTable/Recolors, which btw, it amaze me what u did with it, i love it) so the error its in Volcanic Plate Helm (Costume), the one in the Volcanic Prize Box its okay, it shows the actual recolor (this one), but the one in the page shows the crafable one (this) so, its there a way to add some kind of exception to the template or it is too much? Its not a big problem tbh, so far, its the only recolor item i see it have problems with the table so if its going to be a bother, we can leave it like that HikaruFer (talk) 04:19, 8 March 2020 (UTC)

It took me a small while to familiarize myself again with the template, but yes, it just needed a small exception for Plate Helm/Mail. Even if it couldn't be done easily I would brute-force it somehow. :D I just told it to append "(Costume)" at the end. But then it broke the link for the image. Basically, it seems the parameter with the name of the item was passed to the template with a newline at the end (i.e. literaly everything between the two pipe | symbols was passed). This can be fixed in a multitude of ways. I fixed it on the costume pages because I found that easier. If I were to fix it in the template, I could have changed the switch command I initially added, to replace the name completely. Or I could make the first parameter named and thus force using the equals sign form (e.g. |name=thing instead of |thing). But we are talking about only 20 pages that likely nobody will need to touch, so I don't know. If you think some of these approaches would be better, feel free to tell me and I'll change it.
By the way, if you'll need to use the #switch, #if etc. functions, I recommend this page: https://www.mediawiki.org/wiki/Help:Extension:ParserFunctions --Matusm (talk) 16:36, 9 March 2020 (UTC)
I see what u did and it looks perfect to me~ I think its safe to say it can stay that way :D, also, i had not notice the Mail page had the same problem.
Im gonna check the page u give me :D, im extremely new to codes, i think around 2015 i used to do a few test since Novaster was doing many of the templates so i analyzed them but its been almost 5 years since then and i think i forgot all for not practice it xd. I go more for the organization, doing/capturing images, and "clean" things here and there, which btw, i havent done test for the APNG yet but im on it~ Already have many recorded to test :D". Its funny cuz i always come back to help whenever i have a stressful time, doing these things help me relax~ Thx for fixing the issue and explain me what u did and how :D. Have a nice day~ HikaruFer (talk) 01:14, 10 March 2020 (UTC)

Winter's Edge's adquisition issue

Hello again~ This time i noticed a problem with the "Template:Reskin/Acquisition" for the Winter's Edge. it doesnt show up. I think its for the ' in the url/name? Not sure. I was hoping i would just add |name without ' but that doesnt seem how the template works so whevenver u have a chance to look it up would be nice. Thx again! Have a nice day/night~ HikaruFer (talk) 10:19, 12 March 2020 (UTC)

Yes, seems it was the '. I had to use a HTML escape (I think that's how it's called). I checked the other Acquisition templates if there's not the same issue and it seems Winter's Edge is the only item (aside from Accessories) that has ' in the name. :D You're welcome, I like helping. Have a nice day/night, too. :) --Matusm (talk) 18:32, 12 March 2020 (UTC)
Yay~ :D. I used %27 instead to test cuz thats how my browser displayed the ' xd. HikaruFer (talk) 01:20, 13 March 2020 (UTC)


ShadowTech long names are messing with the table

Hello again~ hope u are fine :D. I write u this time cuz i have encountered a problem i have absolutely no idea of how to fix, like, zero clue lol. So i will leave it at ur hands plz!
The problem (imo) its that the long names like ShadowTech Orange are an issue in the "hoover text". I noticed the table at the prize box its fine cuz it lack hoover text (thats how u called it right? when u put the mouse above an image and it show a text) but on the list's tables they are and its where the images are getting pushed up like they were longer than what they are. All visuals are the same size but in cases like

Its where u can see the problem. I say its the long name since Orange have 6 letters, followed by Green with 5 and then Pink and Blue with 4. In the case of items with already a long name, adding the ShadowTech COLOR make the name even longer and somehow seems that push the visual up. I test it in the Airbreak Shield and confirmed its not an issue of the entry (maybe an added space or something) and it happened in the accesory's table too. I will leave u with the decision on how to fix and the best solution. My opinion on this (if im correct with the long names) its erasing the hoover text completely but its sad that we get to erase that when it only affects a few items. Its still up to u~ Have a nice day! HikaruFer (talk) 19:48, 27 March 2020 (UTC)

Turns out it's the anchor text and that this text also "centers" the icon. :D There's this {{anchor}} template that generates the HTML anchor and also writes the text of the anchor. This text was made smaller and invisible in the table template, but invisible text still affects the layout (it physically takes some place). It's size was changed to 1%, but Google Chrome didn't make the text 1% small, only something that looks like 50%. So I changed the size from 1% to 1px and that works fine. It's rather hacky solution that doesn't solve the problem itself, but it's fine for now. Until they release a name 5 times longer than the current longest name. :D
I have a question though. I use Mozilla Firefox and it doesn't have this problem with 1% text that Chrome has. Similar invisible text is also before the "This accessory is like the others." text (but only for the accessory table) and it pushes it a bit to the right (compare with "Initial release:" below it). Do you know if Chrome always did this or is it something recent? I'm asking just to know if this is something I can expect to be fixed soon or it's a stable "feature" of Chrome.
I'll put the table here with the invisible text made visible. Just to see if they eventually fix it in Chrome or not.
Abbr. Name Visual Acquisition Notes
ShadowTech Orange Shoulder Booster
Equipment-ShadowTech Orange Shoulder Booster icon.png
ShadowTech Orange
ShadowTech Orange Shoulder Booster Usable-ShadowTech Prize Box icon.png ShadowTech Prize Box zThis accessory is like the others. It does not have different textures or special effects.

Initial release:
2019.22
11 December 2019
--Matusm (talk) 22:33, 27 March 2020 (UTC)
Ohhh i thought i was crazy! I noticed shadowtech's icons entries being sightly pushed down but i thought that was only my imagination due the table's entry not being filled completely with the visuals so i just ignored since others seem to be "centered" and have visuals. I didnt knew about this anchor text, its this where the redirects go? Like, i always wondered where the info was, i knew that putting "Wings#Hallow Wings" makes the page load at the specific section "hallow wings" but thought they worked different so there wouldnt be a need of a bar with "Hallow Wings" in it, seems like that anchor text was were the info was right? like a fake-bar :O?
As for the another anchor text at the notes "This acc is like the others blahblah" i noticed it too! I always use chrome and, at least for the last 4 weeks, that little odd space before "this" has been there, i thought it was some sort of " : " cuz Novaster liked it that way or maybe it was so close to the border that it would look weird and that avoid it? I would be lying if i said its been there since the beginning (2014~2015 when i helped with the wikia) cuz i dont have that good memory. Im curious now, i understand why the first anchor text (the name of the item) would be there, for redirects mostly correct? but why the little "z", what good it does being there, whats the purpose xd? -HikaruFer (talk) 08:12, 28 March 2020 (UTC)
P.D: ahaha i went to internet explorer (since i dont have firefox) and i cannot see it there xd. Here, in chrome, i can see all the text and even the little z but there (Explorer) its gone, its funny. I would screenshot it but u have chrome right? Dunno how u noticed it was a problem of chrome since u see this in firefox :O?
The #Hallow_Wings actually jumps to the HTML element with id="Hallow Wings". The additional text doesn't need to be there. But in this case the text helps with sorting the table. Without it, it would sort the table by the icon names, which would work almost just as well since the file names are consistent, but it shouldn't be relied upon. I was going to say that the "z" is completely unnecessary and that maybe it's there because of the border just as you said, but no, I just realized it's likely again because of sorting, so that the special items rise to the top when you sort the Notes column and the ones with default text sink to the bottom.
The newer method of manually controling the sorting is via data-sort-value="word" attributes. I may change the tables in the future to use this instead of the invisible text, but I don't know, maybe I'll eventually be fine with invisible text, too. :D
I still have Chrome from when I had HTML and CSS in school. There are small differences between how different browsers render pages, so I had more browsers for that reason. When I couldn't see the issue in Firefox, I thought that maybe I'll see it in Chrome. Chrome is more popular anyways, so there was a good chance this is the browser you have used. :D If the problem was in different browser however, I probably wouldn't find it.
And yes, the 1% text is so small it's effectively invisible. 1px text is actually much bigger than 1% text. :D --Matusm (talk) 11:03, 28 March 2020 (UTC)
Ohh right the sorting! I forgot about that and i thought the abbrev. sorting was thx to the icon name too~ For now the 1px works nicely in chrome. This is my only browser since im confortable and i dont work with HTML+CCS, if i notice the table u used in here change i will tell u~ Its curious seeing that IE have no problem with 1% but Chrome does. Thx for ur explanation :D, the invisible text and anchor text was something new for me~ -HikaruFer (talk) 20:59, 28 March 2020 (UTC)
Personal tools