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

7

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

INFORMATION
TECHNOLOGY

情報IT系 情報IT系

GAME/CG

ゲーム系 ゲーム系

TOKYO
MANAGEMENT
UNIVERSITY

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

最寄り駅:水道橋駅・神保町駅・九段下駅

News

Open Campus

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

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

コース体験の一例

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

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

IT

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

group-map
Social Networking Service

SNS

Access

大原学園 総合受付

〒101-8351 東京都千代田区西神田2-4-11

  • JR「水道橋駅」西口 徒歩5分
  • 地下鉄「神保町駅」A2出口 徒歩5分
  • 地下鉄「九段下駅」7番出口 徒歩5分
Achievement

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

Special Movie

img:youtube
×