JavaScript Containers SampleWaitContainerの例

コード例 #1

ファイル: main.js プロジェクト: ponpeng82/KPR-examples

var AnimationScreen = Container.template($ => ({
	left:0, top:0, right:0, bottom:0, skin:whiteSkin,
	behavior:AnimationScreenBehavior,
	contents: [
		SampleBlinkerContainer($, { anchor:"BLINKER", left:0, top:0, right:0, bottom:0, blinkCycles:1, blinkDuration:600 }),
		SampleWaitContainer($, { anchor:"WAIT", left:0, top:0, right:0, bottom:0, duration:1800 }),
		SampleSlideInOutContainer($, { anchor:"SLIDE_IN_OUT", left:0, top:0, width:320, height:240, slideInDuration:1200, slideOutDuration:1200, slideOutDirection:"right" }),
		SampleRotatorContainer($, { anchor:"ROTATOR", left:0, top:0, width:320, height:240, visible:false, duration:1500 }),
		SampleClipperContainer($, { anchor:"CLIPPER", left:0, top:0, width:320, height:240, visible:false, clipDuration:1000 }),
		SampleFaderContainer($, { anchor:"FADER", left:0, top:0, width:320, height:240, duration:3000 }),
		SampleMoverContainer($, { anchor:"MOVER", left:0, top:0, width:320, height:240, visible:false, duration:1500, easeType:"bounceEaseOut" }),

		SequencerContainer($, { anchor:"SEQUENCER", left:0, top:0, right:0, bottom:0 }),
	]
}));

コード例 #2

ファイル: main.js プロジェクト: kouis3940/KPR-examples

var AnimationScreen = Container.template($ => ({
	left:0, top:0, right:0, bottom:0, skin:whiteSkin,
	behavior:AnimationScreenBehavior,
	contents: [
		SampleCoordinatesWithLayerContainer($, { anchor:"COORDINATES_WITH_LAYER", left:0, top:0, width:320, height:240, visible:false, duration:2000 }),
		SampleBlinkerContainer($, { anchor:"BLINKER", left:0, top:0, right:0, visible:false, bottom:0, blinkCycles:1, visible:false, blinkDuration:600 }),
		SampleWaitContainer($, { anchor:"WAIT", left:0, top:0, right:0, bottom:0, duration:1800 }),
		SampleSlideInOutContainer($, { anchor:"SLIDE_IN_OUT", left:0, top:0, width:320, height:240, slideInDuration:1500, slideOutDuration:1500, slideOutDirection:"right" }),
		SampleRotatorContainer($, { anchor:"ROTATOR", left:0, top:0, width:320, height:240, visible:false, duration:1500 }),
		SampleClipperContainer($, { anchor:"CLIPPER", left:0, top:0, width:320, height:240, visible:false, clipDuration:800 }),
		SampleFaderContainer($, { anchor:"FADER", left:0, top:0, width:320, height:240, duration:3000 }),
		SampleMoverContainer($, { anchor:"MOVER", left:0, top:0, width:320, height:240, visible:false, duration:1500, easeType:"bounceEaseOut" }),
		SampleCanvasContainer($, { left:0, top:70, width:320, height:100 }),	// note the canvas is nested, see the SampleCanvasContainer template for options

		SequencerContainer($, { anchor:"SEQUENCER", left:0, top:0, right:0, bottom:0 }),
	]
}));