dynamic scaling imageSuffix not behaving as expected

mmk.verheijden · January 9, 2014, 4:00pm

so I’m using this as config.lua file:

if string.sub(system.getInfo("model"),1,4) == "iPad" then &nbsp; &nbsp; application =&nbsp; &nbsp; &nbsp; { &nbsp; &nbsp; &nbsp; &nbsp; content = &nbsp; &nbsp; &nbsp; &nbsp; { &nbsp; &nbsp; &nbsp; &nbsp; graphicsCompatibility = 1, &nbsp;-- Turn on V1 Compatibility Mode &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width = 360, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height = 480, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; scale = "letterBox", &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; xAlign = "center", &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; yAlign = "center", &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; imageSuffix =&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ["@2"] = 1.4, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ["@4"] = 3.0, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }, &nbsp; &nbsp; &nbsp; &nbsp; }, &nbsp; &nbsp; &nbsp; &nbsp; notification =&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; iphone = { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; types = { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "badge", "sound", "alert" &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; } elseif string.sub(system.getInfo("model"),1,2) == "iP" and display.pixelHeight \> 960 then &nbsp; &nbsp; application =&nbsp; &nbsp; &nbsp; { &nbsp; &nbsp; &nbsp; &nbsp; content = &nbsp; &nbsp; &nbsp; &nbsp; { &nbsp; &nbsp; &nbsp; &nbsp; graphicsCompatibility = 1, &nbsp;-- Turn on V1 Compatibility Mode &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width = 320, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height = 568, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; scale = "letterBox", &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; xAlign = "center", &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; yAlign = "center", &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; imageSuffix =&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ["@2"] = 1.4, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ["@4"] = 3.0, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }, &nbsp; &nbsp; &nbsp; &nbsp; }, &nbsp; &nbsp; &nbsp; &nbsp; notification =&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; iphone = { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; types = { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "badge", "sound", "alert" &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; } elseif string.sub(system.getInfo("model"),1,2) == "iP" then &nbsp; &nbsp; application =&nbsp; &nbsp; &nbsp; { &nbsp; &nbsp; &nbsp; &nbsp; content = &nbsp; &nbsp; &nbsp; &nbsp; { &nbsp; &nbsp; &nbsp; &nbsp; graphicsCompatibility = 1, &nbsp;-- Turn on V1 Compatibility Mode &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width = 320, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height = 480, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; scale = "letterBox", &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; xAlign = "center", &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; yAlign = "center", &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; imageSuffix =&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ["@2"] = 1.4, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ["@4"] = 3.0, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }, &nbsp; &nbsp; &nbsp; &nbsp; }, &nbsp; &nbsp; &nbsp; &nbsp; notification =&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; iphone = { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; types = { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "badge", "sound", "alert" &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; } elseif display.pixelHeight / display.pixelWidth \> 1.72 then &nbsp; &nbsp; application =&nbsp; &nbsp; &nbsp; { &nbsp; &nbsp; &nbsp; &nbsp; content = &nbsp; &nbsp; &nbsp; &nbsp; { &nbsp; &nbsp; &nbsp; &nbsp; graphicsCompatibility = 1, &nbsp;-- Turn on V1 Compatibility Mode &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width = 320, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height = 570, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; scale = "letterBox", &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; xAlign = "center", &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; yAlign = "center", &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; imageSuffix =&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ["@2"] = 1.4, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ["@4"] = 3.0, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }, &nbsp; &nbsp; &nbsp; &nbsp; }, &nbsp; &nbsp; } else &nbsp; &nbsp; application =&nbsp; &nbsp; &nbsp; { &nbsp; &nbsp; &nbsp; &nbsp; content = &nbsp; &nbsp; &nbsp; &nbsp; { &nbsp; &nbsp; &nbsp; &nbsp; graphicsCompatibility = 1, &nbsp;-- Turn on V1 Compatibility Mode &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width = 320, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height = 512, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; scale = "letterBox", &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; xAlign = "center", &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; yAlign = "center", &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; imageSuffix =&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ["@2"] = 1.4, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ["@4"] = 3.0, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }, &nbsp; &nbsp; &nbsp; &nbsp; }, &nbsp; &nbsp; &nbsp; &nbsp; notification =&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; iphone = { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; types = { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "badge", "sound", "alert" &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; } end

and i created 3 start buttons (playnow-btn.png, playnow-btn@2.png, playnow-btn@4.png) to test the dynamic scaling :

&nbsp;&nbsp;&nbsp;local screenGroup = self.view &nbsp;&nbsp;&nbsp;playNowBtn = display.newImage("playnow-btn.png") &nbsp;&nbsp;&nbsp;screenGroup:insert(playNowBtn) &nbsp;&nbsp;&nbsp;playNowBtn.x = display.contentWidth / 2; playNowBtn.y = 700 &nbsp;&nbsp;&nbsp;transition.to( playNowBtn, { time=1500, y=150, transition=easing.inOutExpo } )

i deliberately give the images different colours so i can see when they are swapped out, am i missing something ?

thegdog · January 9, 2014, 7:21pm

You should not use display.newImage().

From the docs:

Note that display.newImageRect() should be used instead to load images when dynamic content scaling is enabled.

mmk.verheijden · January 9, 2014, 8:02pm

oky that dose the trick but when i try to use it in this code :

local screenGroup = self.view local randomBackC = function() local i = display.newImageRect("Cloud1-"..tostring(math.random(1, 12))..".png") i.x = math.random (0, 450); i.y = -50-- -50 physics.addBody( i, { density=.3, bounce=0.3, friction=.3, radius=25, filter=backc1CollisionFilter } ) i.name = "backclouts1" i.isSensor = true i.rotation = math.random(-30,30) -- Rotate the object transition.to( i, { time=yForBack, y=600, transition=easing.OutExpo } ) i.gravityScale = 0.0 backC1T[#backC1T+1] = i end randomBack1 = timer.performWithDelay( 500, randomBackC, 0 ) &nbsp;

i’m getting a Attempt to index local ‘i’ (a nil value), any ideas ?

thegdog · January 9, 2014, 8:08pm

I wonder if i is failing to actually be constructed since you are missing the image dimensions. They are required.

image = display.newImageRect( "image.png", 100, 100 )

mmk.verheijden · January 9, 2014, 8:11pm

thanks :D

thegdog · January 9, 2014, 7:21pm