学校法人 大原学園 福岡情報ITクリエイター専門学校
アクセス
arrow_back arrow_large arrow_middle arrow_small course_circle course_hexagon icon_arrow_light icon_cre_01 icon_cre_02 icon_cre_03 icon_cre_04 icon_it_01 icon_it_02 icon_it_03 icon_it_04 icon_mail icon_map icon_phone icon_school icon_sp_arrow icon_touch SAMPLE-A.SVG SAMPLE-B.SVG
export default class Person { constructor(el) { this.DOM = {} this.DOM.el = el this.DOM.front = this.DOM.el.querySelector('.js-person-front') this.DOM.back = this.DOM.el.querySelector('.js-person-back') this.DOM.poly = this.DOM.el.querySelector('.js-person-poly svg') this.timer = new Timer() this.time = 0 this.init() } init() { this.render = () => this._render() if (this.DOM.poly) { this.DOM.polygons = this.DOM.poly.querySelectorAll('path') } gsap.set([this.DOM.front, this.DOM.back], { opacity: 0 }) } _render() { this.time = this.timer.getDelta() if (this.time > PARAMS.person.wait.value) { globalFrame.removeEvent(this.render) this.scene().then(() => { globalFrame.addEvent(this.render) this.timer.start() this.time = 0 }) } } play() { this.scene() globalFrame.addEvent(this.render) } scene() { gsap.to(this.DOM.front, { duration: PARAMS.person.duration.value, opacity: 1 }) if (this.DOM.polygons) { for (const p of this.DOM.polygons) { gsap.set(p, { rotate: Math.random() * PARAMS.person.polyRotate.value - PARAMS.person.polyRotate.value * 0.5 + 'deg', x: Math.random() * 20, y: Math.random() * 20 }) } gsap.to(this.DOM.polygons, { duration: PARAMS.person.duration.value, rotate: '0deg', x: 0, y: 0, ease: PARAMS.person.polyEasing.value }) } gsap .to(this.DOM.front, { duration: PARAMS.person.duration.value, opacity: 0 }) .delay(PARAMS.person.duration.value) return gsap .to(this.DOM.back, { duration: PARAMS.person.duration.value, opacity: 1 }) .delay(PARAMS.person.duration.value) } destroy() { globalFrame.removeEvent(this.render) } }
export default class Person { constructor(el) { this.DOM = {} this.DOM.el = el this.DOM.front = this.DOM.el.querySelector('.js-person-front') this.DOM.back = this.DOM.el.querySelector('.js-person-back') this.DOM.poly = this.DOM.el.querySelector('.js-person-poly svg') this.timer = new Timer() this.time = 0 this.init() } init() { this.render = () => this._render() if (this.DOM.poly) { this.DOM.polygons = this.DOM.poly.querySelectorAll('path') } gsap.set([this.DOM.front, this.DOM.back], { opacity: 0 }) } _render() { this.time = this.timer.getDelta() if (this.time > PARAMS.person.wait.value) { globalFrame.removeEvent(this.render) this.scene().then(() => { globalFrame.addEvent(this.render) this.timer.start() this.time = 0 }) } } play() { this.scene() globalFrame.addEvent(this.render) } scene() { gsap.to(this.DOM.front, { duration: PARAMS.person.duration.value, opacity: 1 }) if (this.DOM.polygons) { for (const p of this.DOM.polygons) { gsap.set(p, { rotate: Math.random() * PARAMS.person.polyRotate.value - PARAMS.person.polyRotate.value * 0.5 + 'deg', x: Math.random() * 20, y: Math.random() * 20 }) } gsap.to(this.DOM.polygons, { duration: PARAMS.person.duration.value, rotate: '0deg', x: 0, y: 0, ease: PARAMS.person.polyEasing.value }) } gsap .to(this.DOM.front, { duration: PARAMS.person.duration.value, opacity: 0 }) .delay(PARAMS.person.duration.value) return gsap .to(this.DOM.back, { duration: PARAMS.person.duration.value, opacity: 1 }) .delay(PARAMS.person.duration.value) } destroy() { globalFrame.removeEvent(this.render) } }
CREATE
TO SURVIVE
THE FUTURE
未来を生き抜くジブンを創れ。
INFORMATION TECHNOLOGY
ADVANCED SYSTEMS DEVELOPMENT
SYSTEMS DEVELOPMENT
GAME/CG
GAME PRODUCTION
CG / VIDEO PRODUCTION

福岡情報ITクリエイター専門学校は
最新のIT設備を導入し、
現役のプロを講師陣に迎えた充実の環境です。
次世代のスペシャリストを育成し、
夢の実現を全力でサポートします。

INFORMATION
TECHNOLOGY
最短で最先端のIT系スキルを身につける
GAME/CG
クリエイティブの可能性を目覚めさせる
OPEN CAMPUS
オープンキャンパス
申し込み受付中!
  • ・在校生から話を聞きたい
  • ・入学方法が知りたい
  • ・自分に合ったコースを見つけたい
  • ・キャンパスライフが気になる
情報ITクリエイター専門学校グループ
教育実績紹介
就職実現力を伸ばす
確かな教育

厳しい経済情勢の中、企業は即戦力となる人材を求めています。即戦力とは、自身の能力を実践で活かせるまで磨き上げた人材。そう考え、入学直後から内定、そして入社まで、実践力を高めるための独自の教育プログラムを用意しています。

 
GUIDE
入学案内&学費サポート
SNSSNS情報
アクセス