学校法人 大原学園 町田情報クリエイター工学院専門学校
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
未来を生き抜くジブンを創れ。
INFORATION TECHNOLOGY
ADVANCED SYSTEMS DEVELOPMENT
SYSTEM DEVELOPMENT
AI SYSTEMS AND DATA SCIENCE
NETWORK SECURITY
GAME/CG/DESIGN
GAME PRODUCTION
GAME PROGRAMMING
CG AND VIDEO PRODUCTION
WEB AND GRAPHIC DESIGN

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

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

学びに最適な充実した環境
AWSアカデミー加盟校で

学びに最適な充実した

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

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

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

中心に学び、実務に

直結する最新のスキルを

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

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

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