12/14:CSSとhtmlでドット絵マリオ

okemori

License: MIT License

Fork
0
Fav
0
View
4415
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 0 lines
  • HTML 303 lines
  • CSS 76 lines

◆CSSとhtmlでドット絵マリオ

16x16のセルの中身を塗りつぶしていく方法でドット絵のマリオを書いてみました!


応用してもう一個ちがうポーズのドット絵マリオtableを用意して、
ホバー時にクラスを切り替える事でアニメーションしてるっぽく見せたりできたらもっと楽しいかな~って思いました!


▼ドット絵の正方形の比を保ったまま左右中央に配置、可変するようにするために参考にしたリンク
http://jp.techerald.com/page/usar-css-y-tal-vez-javascript-para-ser-un-elemento-cuadrado-o-mantener-una-relacin-de-aspecto-especfico.html



ご閲覧有難う御座います!
  • 12/14:CSSとhtmlでドット絵マリオ
  • 12/14:CSSとhtmlでドット絵マリオ

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

okemori

Author

  • Twitter

Graphic/Web designer

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags