Added bottom footer background texture.

This commit is contained in:
Nick Winter 2015-02-06 11:17:48 -08:00
parent 3da36ccc5d
commit 2bd7c86638
4 changed files with 21 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 142 KiB

View file

@ -209,6 +209,12 @@ $level-resize-transition-time: 0.5s
&:not(.premium)
display: none
#level-footer-shadow
position: absolute
width: 100%
height: 30px
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%)
#fullscreen-editor-background-screen
background-color: black
opacity: 0.5
@ -271,3 +277,14 @@ body.ipad #level-view
canvas
margin: 0 auto
overflow: hidden
#level-footer-background
display: none
position: absolute
background: transparent url(/images/level/footer_background.jpg) no-repeat
bottom: 0
width: 100%
background-size: 100% 400px
height: 400px
z-index: -9001
@include opacity(0.25)

View file

@ -34,6 +34,9 @@
button.btn.btn-lg.btn-warning.banner.header-font#stop-real-time-playback-button(title="Stop real-time playback", data-i18n="play_level.skip") Skip
#level-footer-shadow
#level-footer-background
if !me.get('anonymous')
#play-footer(class=me.isPremium() ? "premium" : "")
p(class='footer-link-text')

View file

@ -99,6 +99,7 @@ module.exports = class LevelLoadingView extends CocoView
@$el.find('.right-wing').css right: '-100%', backgroundPosition: 'left -400px top 0'
Backbone.Mediator.publish 'audio-player:play-sound', trigger: 'loading-view-unveil', volume: 0.5
_.delay @onUnveilEnded, duration * 1000
$('#level-footer-background').detach().appendTo('#page-container').slideDown(duration * 1000)
onUnveilEnded: =>
return if @destroyed