学校法人 大原学園 福岡情報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
AI SYSTEMS / DATA SCIENCE
GAME/CG
GAME PRODUCTION
CG / VIDEO PRODUCTION

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

INFORMATION
TECHNOLOGY
最短で最先端のIT系スキルを身につける
POINT 01
AWS Academy加盟校で

学びに最適な充実した環境
AWS Academy加盟校で

学びに最適な充実した

環境
POINT 02
企業との教育連携により
開発現場の技術や
ノウハウを学べる
POINT 03
「Python」や「Java」を

中心に学び、実務に直結する

最新のスキルを身につける
「Python」や「Java」を

中心に学び、実務に

直結する最新のスキルを

身につける
GAME/CG
クリエイティブの可能性を目覚めさせる
POINT 01
産学協同プロジェクトが
充実しているので、
実践力が身につく
POINT 02
業界で活躍している
クリエイターによる特別講演会
で作品やトレンドが聞ける
業界で活躍している
クリエイターによる特別
講演会で作品やトレンドが
聞ける
POINT 03
たくさんの作品制作に
チャレンジして
実力アップを図る
OPEN CAMPUS
オープンキャンパス
申し込み受付中!
  • ・在校生から話を聞きたい
  • ・入学方法が知りたい
  • ・自分に合ったコースを見つけたい
  • ・キャンパスライフが気になる
情報ITクリエイター専門学校グループ

学生一人ひとりが納得できる未来を切り開けるように、情報ITクリエイター専門学校では常に最新のデータや情報を共有し、最良のノウハウによる学習&就職指導を展開しています。

group-map
教育実績紹介
就職実現力を伸ばす
確かな教育

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

 
GUIDE
入学案内&学費サポート
SNSSNS情報
icon:line icon:X icon:instagram
アクセス