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 / VIDEO
GAME PRODUCTION CG / VIDEO PRODUCTION

7

  • point01
    次世代のIT社会を牽引する高度IT人材育成プログラム
  • point02
    ゲーム、CG、映像制作業界のニーズを取り入れた実践的な産学連携カリキュラム
  • point03
    充実した最新の開発・実習環境
  • point04
    ICT教育に対応したデジタル教材
  • point05
    クラス担任による細かな就職サポート体制
  • point06
    リアルな開発現場を知っている講師陣からの実践的な授業
  • point07
    学習環境・学習内容の基準をクリアした教育機関として認定
Course Lineup

INFORMATION
TECHNOLOGY

情報IT系 情報IT系

GAME/CG/VIDEO

ゲーム系 ゲーム系

TOKYO
MANAGEMENT
UNIVERSITY

東京経営大学 学士取得コース 東京経営大学 学士取得コース
Area

最寄り駅:地下鉄空港線 中洲川端駅

News

Open Campus

学校のことを知りたい人、コース体験をしてみたい人、個別に相談したい人にオススメのイベントを多数実施しています。

参加費は全て無料! 初めての人も大歓迎♪

コース体験の一例

オープンキャンパスに参加してコースを体験しよう!

  • スペシャルオープンキャンパス  在校生が直接ご案内!
  • オープンキャンパス 来校・オンラインが選べる!
  • スペシャルオープンキャンパス  在校生が直接ご案内!
  • オープンキャンパス 来校・オンラインが選べる!
  • スペシャルオープンキャンパス  在校生が直接ご案内!
Group

IT

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

group-map
Social Networking Service

SNS

Access

大原学園 総合受付

〒812-0026 福岡県福岡市博多区上川端町14-13

  • 地下鉄空港線「中洲川端駅」7番出口より徒歩1分
  • 地下鉄七隈線「櫛田神社前駅」より徒歩8分
  • 西鉄バス「川端町・博多座前」より徒歩1分
  • JR「博多駅」より徒歩19分
  • 西鉄「福岡(天神)駅」より徒歩14分
Achievement

就職実現力を伸ばす確かな教育

Special Movie

img:youtube
×