学校法人 大原学園 町田情報クリエイター工学院専門学校
アクセス
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
GAME PROGRAMMING
CG / VIDEO PRODUCTION

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

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

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

学びに最適な充実した

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

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

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

中心に学び、実務に

直結する最新のスキルを

身につける
GAME
CG/DESIGN
クリエイティブの可能性を目覚めさせる
POINT 01
産学協同プロジェクトが
充実しているので、
実践力が身につく
POINT 02
業界で活躍している
クリエイターによる特別講演会
で作品やトレンドが聞ける
業界で活躍している
クリエイターによる特別
講演会で作品やトレンドが
聞ける
POINT 03
たくさんの作品制作に
チャレンジして
実力アップを図る
情報ITクリエイター専門学校グループ

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

group-map
  • 盛岡情報ITクリエイター専門学校※2024年4月 大原簿記情報ビジネス医療福祉専門学校盛岡校より校名変更予定
  • 東京情報クリエイター工学院専門学校
  • 東京立川情報ITクリエイター専門学校※2024年4月開校予定 認可申請中
  • 東京町田情報ITクリエイター専門学校
  • 水戸情報ITクリエイター専門学校※2024年4月大原医療ホテル観光専門学校水戸校より校名変更予定
  • 高崎情報ITクリエイター専門学校※2024年4月開校
  • 甲府情報ITクリエイター専門学校※2024年4月開校
  • 福井情報ITクリエイター専門学校
  • 金沢情報ITクリエイター専門学校
  • 大阪情報ITクリエイター専門学校
  • 姫路情報ITクリエイター専門学校※2024年4月姫路情報ITクリエイター法律専門学校より校名変更予定
  • 岡山情報ITクリエイター専門学校
  • 広島情報ITクリエイター専門学校
  • 福岡情報ITクリエイター専門学校
  • 北九州情報ITクリエイター専門学校
  • 大分情報ITクリエイター専門学校※2024年4月大原簿記公務員専門学校大分校より校名変更予定
  • 熊本情報ITクリエイター専門学校※2024年4月開校
OPEN CAMPUS
オープンキャンパス
申し込み受付中!
  • ・在校生から話を聞きたい
  • ・入学方法が知りたい
  • ・自分に合ったコースを見つけたい
  • ・キャンパスライフが気になる
教育実績紹介
就職実現力を伸ばす
確かな教育

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

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