Forked from: calmbooks's border-radiusでバウンドキャラ View Diff (323)

Ball Bounds × CSS  × tmlib.js

nicekumo1

License: MIT License

Fork
1
Fav
2
View
1936
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 250 lines
  • HTML 40 lines
  • CSS 158 lines
遊びで作りました。

CSSのborder-radiusのバウンドキャラが可愛かったので
ballをモチーフとして、tmlib.jsのball collisionとあわせてみました。

-CSSでバウンドキャラ

-tmlib.jsのcollision Circle

collision Circleは衝突後、drag,collisonで移動、
バウンドキャラは、衝突判定なし一定幅でバウンド

全く関係ないですが
ball関係でドラゴンボールの音楽を追加
  • Ball Bounds × CSS  × tmlib.js
  • tmlib.js v0.1.3
  • Ball Bounds × CSS  × tmlib.js

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

nicekumo1

Author

学生です。専門はwebではないのですが、時間があるときに、 面白いコードや素晴らしいコードがあったら、Forkさせていただいたり、 自分ですこし変えたり、作ったりしています。 jsdoitの使い方としては、 素晴らしい技術をもった方々がたくさんいらっしゃるので、勉強させていただいています。

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by