Three.jsのCSS3DRendererでサイコロ

edo_m18

License: MIT License

Fork
6
Fav
11
View
8266
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 235 lines
  • HTML 1 lines
  • SCSS / Compass 1 lines

CSS3DRenderer使ってみました

あまり複雑なモデルなどは表現できませんが、ちょっとした形のものとか 立体感のある演出、くらいなら問題なく使えそうです。

Cannon.jsと組み合わせてサイコロを振ったような演出を作ってみました。 CSSレンダリングなのでもちろんiPhoneでも動きます。

画面をクリックすることで、サイコロを追加することができます。

  • Three.jsのCSS3DRendererでサイコロ
  • CSS3DRenderer.js
  • Cannon.js 0.4.3
  • Three.js r60
  • Three.jsのCSS3DRendererでサイコロ

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

edo_m18

Author

Unity/VRエンジニア。 最近のもっぱらの興味は機械学習(ディープラーニング)とレイマーチング(とレイトレ)。

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by