Module:Stonecutting: Difference between revisions

From I-Pixelmon
Jump to navigation Jump to search
No edit summary
No edit summary
 
(17 intermediate revisions by the same user not shown)
Line 1: Line 1:
------------------------------------------------------------------------
------------------------------------------------------------
-- main entry
--  Module:Stonecutting – animated stone-cutter carousel
------------------------------------------------------------------------
------------------------------------------------------------
function p.carousel(frame)
local p      = {}
    local args   = getArgs(frame, {removeBlanks = false})
local getArgs = require('Module:Arguments').getArgs
local trim    = mw.text.trim
 
------------------------------------------------------------
-- helper: 32-px inventory-slot image
------------------------------------------------------------
local function slotImage(label, image, link)
if not label or label == '' then return '' end
local file = (image ~= '' and image) or ('Grid_' .. label .. '.png')
local tgt  = (link  ~= '' and link ) or label
return string.format(
'[[File:%s|32px|class=pixelated|link=%s|alt=%s]]',
file, tgt, label
)
end
 
------------------------------------------------------------
-- build one GUI frame
------------------------------------------------------------
local function buildFrame(args, idx, count)
local inL  = args.input                  or args[1] or ''
local inI  = args['input-image']        or ''
local inLn = args['input-link']          or ''
 
local outL  = args['output' .. idx]            or args[idx+1] or ''
local outI  = args['output' .. idx .. '-image'] or ''
local outLn = args['output' .. idx .. '-link']  or ''
 
local frame = mw.html.create('div'):addClass('sc-frame')


if count == 1 then
frame:addClass('sc-static')                      -- no animation
else
-- every frame runs the same 4-second “step” once per full cycle
-- total cycle  = 4 s × #outputs
frame:css('animation-duration', (count * 4) .. 's')
    :css('animation-delay',    (idx - 1) * 4 .. 's')
end


frame:wikitext('[[File:StonecutterGUI.png|180px|link=|alt=]]')


    --─── STATIC SHEET ────────────────────────────────────────────────
frame:tag('div'):addClass('sc-slot')
    -- pass nil, not '', or MW emits src=""  and shows the warning
    :css{left='11px',  top='50px'}
    outer:wikitext(frame:extensionTag(
    :wikitext(slotImage(inL, inI, inLn))
        'templatestyles',                   -- name
        nil,                                 -- no inline content
        {src = 'Stonecutting/styles.css'}    -- external stylesheet page
    ))


    ------------------------------------------------------------------
frame:tag('div'):addClass('sc-slot')
    -- DYNAMIC SHEET: duration & delays
    :css{left='56.5px', top='23px'}
    ------------------------------------------------------------------
    :wikitext(slotImage(outL, outI, outLn))
    local dur  = count * 4          -- 4 s per recipe
    local pct  = 100 / count
    local vis  = pct - 0.01        -- stay visible *almost* to the slice end


    local css = {}
frame:tag('div'):addClass('sc-slot')
    :css{left='127px', top='50px'}
    :wikitext(slotImage(outL, outI, outLn))


    -- every frame runs the same animation;
return tostring(frame)
    -- *step-start* guarantees an instant flip with zero “off” gap
end
    css[#css+1] = string.format(
        '.stonecutting-carousel .sc-frame{animation:sc-cycle %ds step-start infinite;}',
        dur
    )


    -- individual start offsets
------------------------------------------------------------
    for i = 1, count do
-- main entry – {{#invoke:Stonecutting|carousel}}
        css[#css+1] = string.format(
------------------------------------------------------------
            '.stonecutting-carousel .sc-frame:nth-child(%d){animation-delay:%ds;}',
function p.carousel(frame)
            i, (i - 1) * 4
local args = getArgs(frame, {removeBlanks = false})
        )
    end


    -- keyframes:  visible → invisible in the last 0.01 %% of the slice
-- how many outputs?
    css[#css+1] = string.format(
local count = 0
        '@keyframes sc-cycle{0%%{opacity:1;} %.2f%%{opacity:1;} %.2f%%{opacity:0;} 100%%{opacity:0;}}',
while (args['output' .. (count+1)] or args[count+2])
        vis, pct
      and trim(tostring(args['output' .. (count+1)] or args[count+2])) ~= '' do
    )
count = count + 1
end
if count == 0 then
return '<span style="color:red">Stonecutting: no outputs supplied</span>'
end


    outer:wikitext(frame:extensionTag(
local outer = mw.html.create('div')
        'templatestyles',
:addClass('stonecutting-carousel')
        table.concat(css),         -- inline CSS
:css{width='180px', height='131px', position='relative'}
        {lang = 'css'}
    ))


    return tostring(outer)
for i = 1, count do
outer:wikitext(buildFrame(args, i, count))
end
 
-- static stylesheet is included once from the template, so nothing here
return tostring(outer)
end
end
return p

Latest revision as of 04:31, 14 June 2025

Documentation for this module may be created at Module:Stonecutting/doc

------------------------------------------------------------
--  Module:Stonecutting – animated stone-cutter carousel
------------------------------------------------------------
local p       = {}
local getArgs = require('Module:Arguments').getArgs
local trim    = mw.text.trim

------------------------------------------------------------
-- helper: 32-px inventory-slot image
------------------------------------------------------------
local function slotImage(label, image, link)
	if not label or label == '' then return '' end
	local file = (image ~= '' and image) or ('Grid_' .. label .. '.png')
	local tgt  = (link  ~= '' and link ) or label
	return string.format(
		'[[File:%s|32px|class=pixelated|link=%s|alt=%s]]',
		file, tgt, label
	)
end

------------------------------------------------------------
-- build one GUI frame
------------------------------------------------------------
local function buildFrame(args, idx, count)
	local inL  = args.input                  or args[1] or ''
	local inI  = args['input-image']         or ''
	local inLn = args['input-link']          or ''

	local outL  = args['output' .. idx]             or args[idx+1] or ''
	local outI  = args['output' .. idx .. '-image'] or ''
	local outLn = args['output' .. idx .. '-link']  or ''

	local frame = mw.html.create('div'):addClass('sc-frame')

	if count == 1 then
		frame:addClass('sc-static')                      -- no animation
	else
		-- every frame runs the same 4-second “step” once per full cycle
		-- total cycle  = 4 s × #outputs
		frame:css('animation-duration', (count * 4) .. 's')
		     :css('animation-delay',    (idx - 1) * 4 .. 's')
	end

	frame:wikitext('[[File:StonecutterGUI.png|180px|link=|alt=]]')

	frame:tag('div'):addClass('sc-slot')
	     :css{left='11px',  top='50px'}
	     :wikitext(slotImage(inL,  inI,  inLn))

	frame:tag('div'):addClass('sc-slot')
	     :css{left='56.5px', top='23px'}
	     :wikitext(slotImage(outL, outI, outLn))

	frame:tag('div'):addClass('sc-slot')
	     :css{left='127px', top='50px'}
	     :wikitext(slotImage(outL, outI, outLn))

	return tostring(frame)
end

------------------------------------------------------------
-- main entry – {{#invoke:Stonecutting|carousel}}
------------------------------------------------------------
function p.carousel(frame)
	local args = getArgs(frame, {removeBlanks = false})

	-- how many outputs?
	local count = 0
	while (args['output' .. (count+1)] or args[count+2])
	      and trim(tostring(args['output' .. (count+1)] or args[count+2])) ~= '' do
		count = count + 1
	end
	if count == 0 then
		return '<span style="color:red">Stonecutting: no outputs supplied</span>'
	end

	local outer = mw.html.create('div')
		:addClass('stonecutting-carousel')
		:css{width='180px', height='131px', position='relative'}

	for i = 1, count do
		outer:wikitext(buildFrame(args, i, count))
	end

	-- static stylesheet is included once from the template, so nothing here
	return tostring(outer)
end

return p