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

Fork
1
Fav
3
View
1930
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 418 lines
  • HTML 10 lines
  • CSS 14 lines
// forked from siouxcitizen's "CreateJSを使用したAway3Dのためのインターフェース実験" http://jsdo.it/siouxcitizen/j7U6
// forked from siouxcitizen's "Context2Dを使用したAway3Dのためのインターフェース実験" http://jsdo.it/siouxcitizen/j13b
// forked from siouxcitizen's "Away3DによるHTML5ロゴもどきを使ってインターフェース実験" http://jsdo.it/siouxcitizen/zd31
//
Away3Dのインターフェースってどうやって作るものなんでしょうか???

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

青い左を向いているCone上にマウスをもってくると
Y軸を中心に配管工が左回転します

赤い左を向いているCone上にマウスをもってくると
Y軸を中心に配管工が右回転します

画面左下にあるCreateJSで表示した左ボタンを押すると、
配管工が左に移動します

画面右下にあるCreateJSで表示した右ボタンを押すると、
配管工が右に移動します

Aボタン押すと配管工がジャンプします


配管工ジャンプ動作のためのTweenJSを使用するにあたり、
以下サイト・コードを参考にさせていただきました

HTML5で燃えさかる炎の表現に挑戦! WebGL対応のJSライブラリAway3Dはパーティクル機能がかなり魅力的
http://clockmaker.jp/blog/2014/01/away3d-typescript-fire/
Source
http://clockmaker.jp/labs/140104_away3d_ts_fires/main.ts

CreateJSで遊んでみる 2日目 TweenJS
http://webdelog.info/blog/2013/03/08/createjs-part2-tweenjs.html

TweenJS の概要 (CreateJS のフレームワークその 2)
http://cuaoar.jp/2012/03/tweenjs-createjs-2.html

トゥイーンで簡単canvasアニメーション!TweenJSの使い方
http://kudox.jp/java-script/createjs-tweenjs
  • CreateJSを使用したAway3Dのためのインターフェース実験その2
  • CreateJSを使用したAway3Dのためのインターフェース実験その2

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