【重要】サービス終了のお知らせ

地球を潰してみる

kazuki_nagasawa

License: MIT License

Fork
2
Fav
2
View
2773
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 449 lines
  • HTML 62 lines
  • CSS 17 lines
マウスの左ボタンを押し続けることで地球を潰します。

始めは堅いですが、しばらくすると一気に潰れます。

更にボタンを押し続けると…。


-----

・黒背景

・地球は SphereGeometry で描いてます。
 マウスを押し続けることによる動きは ShaderMaterial を利用して、VertexShader で制御しています。

・星は Particle をちりばめています。
 星の瞬き ( 的な動き ) は ShaderMaterial を利用して、VertexShader で 頂点の大きさを変えてます。


-----

地球の画像は、@IT の記事『多彩な表現力のWebGLを扱いやすくする「Three.js」』から借用しました。
( http://www.atmarkit.co.jp/fwcr/design/benkyo/webgraphics05/01.html )

  • 地球を潰してみる
  • Three.js r56
  • jQuery v1.9.1
  • 地球を潰してみる

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

kazuki_nagasawa

Author

Three.js や Processing.js など、描画系のライブラリで遊んでます。 色々描けるようになりたいにゃ~。

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by