https://www.kawashima-shika.com/top_HTML5%20Canvas.js

1(function (cjs, an) {
2
3var p; // shortcut to reference prototypes
4var lib={};var ss={};var img={};
5lib.ssMetadata = [
6		{name:"top_HTML5 Canvas_atlas_1", frames: [[0,312,475,300],[477,312,475,300],[0,614,475,300],[0,0,954,310],[477,782,301,157],[477,614,412,166],[0,916,392,81]]}
7];
8
9
10(lib.AnMovieClip = function(){
11	this.actionFrames = [];
12	this.ignorePause = false;
13	this.gotoAndPlay = function(positionOrLabel){
14		cjs.MovieClip.prototype.gotoAndPlay.call(this,positionOrLabel);
15	}
16	this.play = function(){
17		cjs.MovieClip.prototype.play.call(this);
18	}
19	this.gotoAndStop = function(positionOrLabel){
20		cjs.MovieClip.prototype.gotoAndStop.call(this,positionOrLabel);
21	}
22	this.stop = function(){
23		cjs.MovieClip.prototype.stop.call(this);
24	}
25}).prototype = p = new cjs.MovieClip();
26// symbols:
27
28
29
30(lib.bg1 = function() {
31	this.initialize(ss["top_HTML5 Canvas_atlas_1"]);
32	this.gotoAndStop(0);
33}).prototype = p = new cjs.Sprite();
34
35
36
37(lib.bg2 = function() {
38	this.initialize(ss["top_HTML5 Canvas_atlas_1"]);
39	this.gotoAndStop(1);
40}).prototype = p = new cjs.Sprite();
41
42
43
44(lib.bg3 = function() {
45	this.initialize(ss["top_HTML5 Canvas_atlas_1"]);
46	this.gotoAndStop(2);
47}).prototype = p = new cjs.Sprite();
48
49
50
51(lib.frame = function() {
52	this.initialize(ss["top_HTML5 Canvas_atlas_1"]);
53	this.gotoAndStop(3);
54}).prototype = p = new cjs.Sprite();
55
56
57
58(lib.logo = function() {
59	this.initialize(ss["top_HTML5 Canvas_atlas_1"]);
60	this.gotoAndStop(4);
61}).prototype = p = new cjs.Sprite();
62
63
64
65(lib.t = function() {
66	this.initialize(ss["top_HTML5 Canvas_atlas_1"]);
67	this.gotoAndStop(5);
68}).prototype = p = new cjs.Sprite();
69
70
71
72(lib.t1 = function() {
73	this.initialize(ss["top_HTML5 Canvas_atlas_1"]);
74	this.gotoAndStop(6);
75}).prototype = p = new cjs.Sprite();
76// helper functions:
77
78function mc_symbol_clone() {
79	var clone = this._cloneProps(new this.constructor(this.mode, this.startPosition, this.loop, this.reversed));
80	clone.gotoAndStop(this.currentFrame);
81	clone.paused = this.paused;
82	clone.framerate = this.framerate;
83	return clone;
84}
85
86function getMCSymbolPrototype(symbol, nominalBounds, frameBounds) {
87	var prototype = cjs.extend(symbol, cjs.MovieClip);
88	prototype.clone = mc_symbol_clone;
89	prototype.nominalBounds = nominalBounds;
90	prototype.frameBounds = frameBounds;
91	return prototype;
92	}
93
94
95(lib.シンボル1 = function(mode,startPosition,loop,reversed) {
96if (loop == null) { loop = true; }
97if (reversed == null) { reversed = false; }
98	var props = new Object();
99	props.mode = mode;
100	props.startPosition = startPosition;
101	props.labels = {};
102	props.loop = loop;
103	props.reversed = reversed;
104	cjs.MovieClip.apply(this,[props]);
105
106	// レイヤー_1
107	this.instance = new lib.bg3();
108	this.instance.setTransform(1,1);
109
110	this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
111
112	this._renderFirstFrame();
113
114}).prototype = getMCSymbolPrototype(lib.シンボル1, new cjs.Rectangle(1,1,475,300), null);
115
116
117(lib.txt = function(mode,startPosition,loop,reversed) {
118if (loop == null) { loop = true; }
119if (reversed == null) { reversed = false; }
120	var props = new Object();
121	props.mode = mode;
122	props.startPosition = startPosition;
123	props.labels = {};
124	props.loop = loop;
125	props.reversed = reversed;
126	cjs.MovieClip.apply(this,[props]);
127
128	// レイヤー 1
129	this.instance = new lib.t();
130
131	this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
132
133	this._renderFirstFrame();
134
135}).prototype = getMCSymbolPrototype(lib.txt, new cjs.Rectangle(0,0,412,166), null);
136
137
138(lib.t1_1 = function(mode,startPosition,loop,reversed) {
139if (loop == null) { loop = true; }
140if (reversed == null) { reversed = false; }
141	var props = new Object();
142	props.mode = mode;
143	props.startPosition = startPosition;
144	props.labels = {};
145	props.loop = loop;
146	props.reversed = reversed;
147	cjs.MovieClip.apply(this,[props]);
148
149	// レイヤー 1
150	this.instance = new lib.t1();
151
152	this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
153
154	this._renderFirstFrame();
155
156}).prototype = getMCSymbolPrototype(lib.t1_1, new cjs.Rectangle(0,0,392,81), null);
157
158
159(lib.logo_1 = function(mode,startPosition,loop,reversed) {
160if (loop == null) { loop = true; }
161if (reversed == null) { reversed = false; }
162	var props = new Object();
163	props.mode = mode;
164	props.startPosition = startPosition;
165	props.labels = {};
166	props.loop = loop;
167	props.reversed = reversed;
168	cjs.MovieClip.apply(this,[props]);
169
170	// レイヤー 1
171	this.instance = new lib.logo();
172
173	this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
174
175	this._renderFirstFrame();
176
177}).prototype = getMCSymbolPrototype(lib.logo_1, new cjs.Rectangle(0,0,301,157), null);
178
179
180(lib.frame_1 = function(mode,startPosition,loop,reversed) {
181if (loop == null) { loop = true; }
182if (reversed == null) { reversed = false; }
183	var props = new Object();
184	props.mode = mode;
185	props.startPosition = startPosition;
186	props.labels = {};
187	props.loop = loop;
188	props.reversed = reversed;
189	cjs.MovieClip.apply(this,[props]);
190
191	// レイヤー 1
192	this.instance = new lib.frame();
193
194	this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
195
196	this._renderFirstFrame();
197
198}).prototype = getMCSymbolPrototype(lib.frame_1, new cjs.Rectangle(0,0,954,310), null);
199
200
201(lib.bg2_1 = function(mode,startPosition,loop,reversed) {
202if (loop == null) { loop = true; }
203if (reversed == null) { reversed = false; }
204	var props = new Object();
205	props.mode = mode;
206	props.startPosition = startPosition;
207	props.labels = {};
208	props.loop = loop;
209	props.reversed = reversed;
210	cjs.MovieClip.apply(this,[props]);
211
212	// レイヤー 1
213	this.instance = new lib.bg2();
214
215	this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
216
217	this._renderFirstFrame();
218
219}).prototype = getMCSymbolPrototype(lib.bg2_1, new cjs.Rectangle(0,0,475,300), null);
220
221
222(lib.bg1_1 = function(mode,startPosition,loop,reversed) {
223if (loop == null) { loop = true; }
224if (reversed == null) { reversed = false; }
225	var props = new Object();
226	props.mode = mode;
227	props.startPosition = startPosition;
228	props.labels = {};
229	props.loop = loop;
230	props.reversed = reversed;
231	cjs.MovieClip.apply(this,[props]);
232
233	// レイヤー 1
234	this.instance = new lib.bg1();
235
236	this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
237
238	this._renderFirstFrame();
239
240}).prototype = getMCSymbolPrototype(lib.bg1_1, new cjs.Rectangle(0,0,475,300), null);
241
242
243// stage content:
244(lib.top_HTML5Canvas = function(mode,startPosition,loop,reversed) {
245if (loop == null) { loop = true; }
246if (reversed == null) { reversed = false; }
247	var props = new Object();
248	props.mode = mode;
249	props.startPosition = startPosition;
250	props.labels = {};
251	props.loop = loop;
252	props.reversed = reversed;
253	cjs.MovieClip.apply(this,[props]);
254
255	this.actionFrames = [404];
256	// timeline functions:
257	this.frame_404 = function() {
258		/* stop();*/
259		this.stop();
260	}
261
262	// actions tween:
263	this.timeline.addTween(cjs.Tween.get(this).wait(404).call(this.frame_404).wait(1));
264
265	// frame
266	this.instance = new lib.frame_1();
267	this.instance.setTransform(475,145,1,1,0,0,0,477,155);
268
269	this.timeline.addTween(cjs.Tween.get(this.instance).wait(405));
270
271	// t1
272	this.instance_1 = new lib.t1_1();

273	this.instance_1.setTransform(716,150.5,1,1,0,0,0,196,40.5);
274	this.instance_1.alpha = 0;
275
276	this.timeline.addTween(cjs.Tween.get(this.instance_1).to({alpha:1},29).wait(70).to({alpha:0},30).to({_off:true},1).wait(275));
277
278	// bg1
279	this.instance_2 = new lib.bg2_1();
280	this.instance_2.setTransform(237.5,150,1,1,0,0,0,237.5,150);
281	this.instance_2.alpha = 0;
282
283	this.timeline.addTween(cjs.Tween.get(this.instance_2).to({alpha:1},29).wait(185).to({scaleX:1.0021,x:238,alpha:0},30).to({_off:true},1).wait(160));
284
285	// bg2
286	this.instance_3 = new lib.bg1_1();
287	this.instance_3.setTransform(712.5,150,1,1,0,0,0,237.5,150);
288	this.instance_3.alpha = 0;
289	this.instance_3._off = true;
290
291	this.timeline.addTween(cjs.Tween.get(this.instance_3).wait(114).to({_off:false},0).to({alpha:1},30).wait(185).to({alpha:0},30).to({_off:true},1).wait(45));
292
293	// ｔ
294	this.instance_4 = new lib.txt();
295	this.instance_4.setTransform(712,157,1,1,0,0,0,206,83);
296	this.instance_4.alpha = 0;
297	this.instance_4._off = true;
298
299	this.timeline.addTween(cjs.Tween.get(this.instance_4).wait(383).to({_off:false},0).to({alpha:1},21).wait(1));
300
301	// logo
302	this.instance_5 = new lib.logo_1();
303	this.instance_5.setTransform(722.5,123.5,1,1,0,0,0,150.5,78.5);
304	this.instance_5.alpha = 0;
305	this.instance_5._off = true;
306
307	this.timeline.addTween(cjs.Tween.get(this.instance_5).wait(359).to({_off:false},0).to({alpha:1},15).wait(31));
308
309	// bg3
310	this.instance_6 = new lib.シンボル1();
311	this.instance_6.setTransform(237.5,151,1,1,0,0,0,237.5,150);
312	this.instance_6.alpha = 0;
313	this.instance_6._off = true;
314
315	this.timeline.addTween(cjs.Tween.get(this.instance_6).wait(229).to({_off:false},0).to({alpha:1},30).wait(146));
316
317	this._renderFirstFrame();
318
319}).prototype = p = new lib.AnMovieClip();
320p.nominalBounds = new cjs.Rectangle(473,140,479,162);
321// library properties:
322lib.properties = {
323	id: '98853A6A058B4E42AA8AA07852FF3868',
324	width: 950,
325	height: 300,
326	fps: 30,
327	color: "#FFFFFF",
328	opacity: 1.00,
329	manifest: [
330		{src:"images/top_HTML5 Canvas_atlas_1.png", id:"top_HTML5 Canvas_atlas_1"}
331	],
332	preloads: []
333};
334
335
336
337// bootstrap callback support:
338
339(lib.Stage = function(canvas) {
340	createjs.Stage.call(this, canvas);
341}).prototype = p = new createjs.Stage();
342
343p.setAutoPlay = function(autoPlay) {
344	this.tickEnabled = autoPlay;
345}
346p.play = function() { this.tickEnabled = true; this.getChildAt(0).gotoAndPlay(this.getTimelinePosition()) }
347p.stop = function(ms) { if(ms) this.seek(ms); this.tickEnabled = false; }
348p.seek = function(ms) { this.tickEnabled = true; this.getChildAt(0).gotoAndStop(lib.properties.fps * ms / 1000); }
349p.getDuration = function() { return this.getChildAt(0).totalFrames / lib.properties.fps * 1000; }
350
351p.getTimelinePosition = function() { return this.getChildAt(0).currentFrame / lib.properties.fps * 1000; }
352
353an.bootcompsLoaded = an.bootcompsLoaded || [];
354if(!an.bootstrapListeners) {
355	an.bootstrapListeners=[];
356}
357
358an.bootstrapCallback=function(fnCallback) {
359	an.bootstrapListeners.push(fnCallback);
360	if(an.bootcompsLoaded.length > 0) {
361		for(var i=0; i<an.bootcompsLoaded.length; ++i) {
362			fnCallback(an.bootcompsLoaded[i]);
363		}
364	}
365};
366
367an.compositions = an.compositions || {};
368an.compositions['98853A6A058B4E42AA8AA07852FF3868'] = {
369	getStage: function() { return exportRoot.stage; },
370	getLibrary: function() { return lib; },
371	getSpriteSheet: function() { return ss; },
372	getImages: function() { return img; }
373};
374
375an.compositionLoaded = function(id) {
376	an.bootcompsLoaded.push(id);
377	for(var j=0; j<an.bootstrapListeners.length; j++) {
378		an.bootstrapListeners[j](id);
379	}
380}
381
382an.getComposition = function(id) {
383	return an.compositions[id];
384}
385
386
387an.makeResponsive = function(isResp, respDim, isScale, scaleType, domContainers) {		
388	var lastW, lastH, lastS=1;		
389	window.addEventListener('resize', resizeCanvas);		
390	resizeCanvas();		
391	function resizeCanvas() {			
392		var w = lib.properties.width, h = lib.properties.height;			
393		var iw = window.innerWidth, ih=window.innerHeight;			
394		var pRatio = window.devicePixelRatio || 1, xRatio=iw/w, yRatio=ih/h, sRatio=1;			
395		if(isResp) {                

396			if((respDim=='width'&&lastW==iw) || (respDim=='height'&&lastH==ih)) {                    
397				sRatio = lastS;                
398			}				
399			else if(!isScale) {					
400				if(iw<w || ih<h)						
401					sRatio = Math.min(xRatio, yRatio);				
402			}				
403			else if(scaleType==1) {					
404				sRatio = Math.min(xRatio, yRatio);				
405			}				
406			else if(scaleType==2) {					
407				sRatio = Math.max(xRatio, yRatio);				
408			}			
409		}
410		domContainers[0].width = w * pRatio * sRatio;			
411		domContainers[0].height = h * pRatio * sRatio;
412		domContainers.forEach(function(container) {				
413			container.style.width = w * sRatio + 'px';				
414			container.style.height = h * sRatio + 'px';			
415		});
416		stage.scaleX = pRatio*sRatio;			
417		stage.scaleY = pRatio*sRatio;
418		lastW = iw; lastH = ih; lastS = sRatio;            
419		stage.tickOnUpdate = false;            
420		stage.update();            
421		stage.tickOnUpdate = true;		
422	}
423}
424an.handleSoundStreamOnTick = function(event) {
425	if(!event.paused){
426		var stageChild = stage.getChildAt(0);
427		if(!stageChild.paused || stageChild.ignorePause){
428			stageChild.syncStreamSounds();
429		}
430	}
431}
432an.handleFilterCache = function(event) {
433	if(!event.paused){
434		var target = event.target;
435		if(target){
436			if(target.filterCacheList){
437				for(var index = 0; index < target.filterCacheList.length ; index++){
438					var cacheInst = target.filterCacheList[index];
439					if((cacheInst.startFrame <= target.currentFrame) && (target.currentFrame <= cacheInst.endFrame)){
440						cacheInst.instance.cache(cacheInst.x, cacheInst.y, cacheInst.w, cacheInst.h);
441					}
442				}
443			}
444		}
445	}
446}
447
448
449})(createjs = createjs||{}, AdobeAn = AdobeAn||{});
450var createjs, AdobeAn;