
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Chromeの恐竜ゲームをスクロールで再現してみた - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Chromeの恐竜ゲームをスクロールで再現してみた - Qiita
Chromeの恐竜ゲームとは オフライン時にChromeブラウザで遊べるミニゲームです 完成したもの ページのス... Chromeの恐竜ゲームとは オフライン時にChromeブラウザで遊べるミニゲームです 完成したもの ページのスクロールに応じて恐竜が走ります ※ブラウザサイズによって挙動がちょっと不安定かもです🙇♂️ https://git-gen.github.io/dino_scroll.html 作り方 cssでドット絵を用意する 恐竜・サボテン・雲のcssを用意します cssでドット絵を描く方法は単純で、 基準とした要素に擬似要素のbox-shadowを使ってひたすらドットを打ちます ソースコード見て頂けるとわかると思うのですが、結構面倒なんでエクセルとか使うと楽です (例)■■□■ .dinosaur { position: relative; width: 40px; height: 10px; &::before { content: ''; position: absolute; w