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
MANGA / ILLUSTRATION / ANIME
COMIC ILLUSTRATION MANGA ARTIST DEGITAL COMIC CHARACTER DESIGN MANGA / ILLUSTRATION PROFESSIONAL ILLUSTRATION
GAME / CG / DESIGN
GAME PRODUCTION GAME PROGRAMMING CG / VIDEO PRODUCTION WEB / GRAPHIC DESIGN

7

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

INFORMATION
TECHNOLOGY

情報IT系 情報IT系

GAME/CG/DESIGN

ゲーム系 ゲーム系

MANGA
ILLUSTRATION

マンガ・イラスト系 マンガ・イラスト系

TOKYO
MANAGEMENT
UNIVERSITY

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

最寄り駅:大阪メトロ なんば駅/阪神・近鉄 大阪難波駅/南海 難波駅/JR 難波駅

News

Open Campus

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

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

コース体験の一例

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

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

IT

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

group-map
Social Networking Service

SNS

Access

大原学園 総合受付

〒556-0011 大阪市浪速区難波中1-6-2

  • 大阪メトロ「なんば駅」下車、7番出口すぐ
  • 阪神・近鉄「大阪難波駅」下車、7番出口すぐ
  • 南海「難波駅」下車、髙島屋正面玄関から徒歩約2分
  • JR「難波駅」下車、なんばウォークに向かって徒歩約5分
Achievement

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

Special Movie

img:youtube
×