みなさんこんにちは!おさかなです!
今回は「Living Worlds in HTML5」について、書いていこうと思います!
それでは、レッツゴー!!!!!
・幻想的な風景を探している方
・風景アニメーションを流したい方
・PC画面を窓のようにしたい方
「Living Worlds in HTML5」って何?
「Living Worlds in HTML5」とは、現在時刻に合わせて「風景」が変わる、窓のような背景ツールのことです。なんと全て「ドット絵」で描かれており、波や滝が流れる音・アニメーションもついています!(すごい!)
![](https://osakanav.com/wp-content/uploads/2021/08/coding-cat-top-160x90.jpg)
実際に使ってみよう!
景色を楽しもう!
それでは早速サイトにアクセスしましょう!(わあ!キレイ〜✨)
![](https://osakanav.com/wp-content/uploads/2022/06/effectgames.png)
画面中央にある「Prev・Next」ボタンを押すと、景色を変更できます。
![](https://osakanav.com/wp-content/uploads/2022/06/effectgames-next.png)
こちらは「砂漠」っぽい風景!
![](https://osakanav.com/wp-content/uploads/2022/06/effectgames-suna.png)
こちらは「深海」
魚もリアルで、これがドット絵だということを忘れてしまいそうなクオリティです。
![](https://osakanav.com/wp-content/uploads/2022/06/effectgames-sinkai.png)
「海」もあります…!
![](https://osakanav.com/wp-content/uploads/2022/06/effectgames-sea.png)
波の動きも完全再現…!(思わず見入っちゃう!)
![](https://osakanav.com/wp-content/uploads/2022/06/effectgames.gif)
ちなみに同じ景色でも「天気」が違うパターンもあります!(雰囲気変わるなー)
![](https://osakanav.com/wp-content/uploads/2022/06/effectgames-hare.png)
![](https://osakanav.com/wp-content/uploads/2022/06/effectgames-rain.png)
(水の流れもとってもキレイ〜🌿)
![](https://osakanav.com/wp-content/uploads/2022/06/effectgames-mori.gif)
執筆中の時刻が「PM7:00」くらいなので、全体的に太陽が沈んで暗い感じになっていますね〜。
![](https://osakanav.com/wp-content/uploads/2022/06/effectgames-good.png)
![](https://osakanav.com/wp-content/uploads/2022/03/ublock-top-160x90.png)
(きれいな景色見ると、日頃の疲れが癒やされる〜💤)
オプション機能も!
右上の「Show Options」から、オプション機能が使えます。
![](https://osakanav.com/wp-content/uploads/2022/06/effectgames-show.png)
こんな感じで、左右に色々「カスタマイズ項目」が表示されました。(おお!)
![](https://osakanav.com/wp-content/uploads/2022/06/effectgames-option.png)
「SOUND」のオン/オフを切り替えると、景色に合った「環境音」が聞けます〜♪
![](https://osakanav.com/wp-content/uploads/2022/06/effectgames-sound.png)
「ZOOM」を切り替えると…?
![](https://osakanav.com/wp-content/uploads/2022/06/effectgames-zoom.png)
こんな感じで、拡大できます!(いいね)
![](https://osakanav.com/wp-content/uploads/2022/06/effectgame-max.png)
「CYCLE SPEED」を変更すると…?
![](https://osakanav.com/wp-content/uploads/2022/06/effectgames-speed.png)
アニメーションのスピードを切り替えられます。
![](https://osakanav.com/wp-content/uploads/2022/06/effectgames-speed.gif)
「CYCLE MODE」では…?
![](https://osakanav.com/wp-content/uploads/2022/06/effectgames-mode.png)
デジタル背景っぽい「Classic」か、現実の風景に近い「Blend」を切り替えられます。(おもしろい!)
![](https://osakanav.com/wp-content/uploads/2022/06/effectgames-dot.gif)
「PALETTE」では、風景に使用されているカラーをチェックできます!
![](https://osakanav.com/wp-content/uploads/2022/06/effectgames-color.png)
左側のバーでは「時刻」を変更できます。
![](https://osakanav.com/wp-content/uploads/2022/06/effectgames-time.png)
こちらは「AM10:00」くらいの海!(いいね〜)
![](https://osakanav.com/wp-content/uploads/2022/06/effectgames-hiru.png)
「PM6:00」くらだとは、空が紫色でとってもキレイです。
![](https://osakanav.com/wp-content/uploads/2022/06/effectgames-sunset.png)
「AM2:00」だと真っ暗!
みなさんも是非、お気に入りの「風景」を楽しんでみてください〜!
![](https://osakanav.com/wp-content/uploads/2022/06/effectgame.png)
![おさかな](https://osakanav.com/wp-content/uploads/2019/08/osakana.jpg)
はいっ!こなーゆきー♪
![](https://osakanav.com/wp-content/uploads/2022/06/effectgames-snow.gif)
![ナビまる](https://osakanav.com/wp-content/uploads/2019/09/navmaru-2.jpg)
うるさい!しかも寒い!笑
これで全ての操作は完了です。(やった~!)
お疲れ様でした☕
ここまで読んでくださり、ありがとうございました!
![](https://osakanav.com/wp-content/uploads/2022/04/gather-top-160x90.png)