Forked from: siouxcitizen's CreateJSを使用したAway3Dのためのインターフェース実験その2 View Diff (364)

Fork
1
Fav
1
View
1821
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 280 lines
  • HTML 10 lines
  • CSS 14 lines
// forked from siouxcitizen's "CreateJSを使用したAway3Dのためのインターフェース実験その2" http://jsdo.it/siouxcitizen/wBkm
// forked from siouxcitizen's "CreateJSを使用したAway3Dのためのインターフェース実験" http://jsdo.it/siouxcitizen/j7U6
//
Away3Dのインターフェースってどうやって作るものなんでしょうか???

今回もCreateJSを使用したものを試してみました
背景画面を真っ暗にしてごまかしていますが、
引き続きAway3D部分と、CreateJS用のCanvas部分を分けて表示させてます

EaselJSの図形と文字列の表示機能によりボタンもどき「たたかう」「にげる」
を表示しています
「たたかう」ボタンを押下すると、
某配管工がとびかかってかぼちゃに攻撃する風、
のアニメーションをTweenJSで作成


「にげる」ボタン押下時はただメッセージを表示するだけの機能です

上部のAway3D部でマウスをドラッグするとカメラの位置がかわり
表示されている3Dオブジェクトを違う角度から見ることができます


配管工とかぼちゃの戦闘機能(風)を実装するために、
以下サイト・コードを参考にさせていただきました

WebGL版Away3D入門―第4回 カメラの制御方法
http://ics-web.jp/lab/archives/2632

CreateJSで遊んでみる 1日目 EaselJS
http://webdelog.info/blog/2013/03/07/easeljs.html


攻撃時のエフェクトなんかをもっと追加できたらいいかも
  • CreateJSを使用したAway3Dのためのインターフェース実験その3
  • CreateJSを使用したAway3Dのためのインターフェース実験その3

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

siouxcitizen

Author

混沌としてきたので投稿コードをまとめてみました Naver : http://matome.naver.jp/odai/2142288467101177901

作業用BGMにYoutube動画を連続再生するプログラムもまとめてみました 直リンク : http://matome.naver.jp/odai/2143666226200730001 アーティスト別の再生動画の一覧付きリスト : http://matome.naver.jp/odai/2142630899820574901

旧ブログ : http://oretaikan.blog20.fc2.com 作りかけ新ブログ : http://oreorekaihatsu.blogspot.jp/

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by