みなさんこんにちは!おさかなです!
今回は「Sliderland」について、書いていこうと思います!
それでは、レッツゴー!!!!!
想定読者
・スライダーアニメーションを作成したい方
・点を動かして、動きを付けたい方
・簡易的なプログラムを試したい方
・スライダーアニメーションを作成したい方
・点を動かして、動きを付けたい方
・簡易的なプログラムを試したい方
「Sliderland」って何?
「Sliderland」とは、(@blinry)さんが開発した 「スライダーアニメーション」作成ツールのことです。デフォルトで用意されている「変数(t・x・i)」の値を編集すると、64個のスライダーを自由に動かせます!(おもしろい!)
https://sliderland.blinry.org/
https://osakanav.com/3d-book-image-css-generator
実際に使ってみよう!
アニメーションをチェック!
それでは早速サイトにアクセスしましょう!

こんな感じで、動くアニメーションが作れるみたいです!(わくわく…!)

左右にある「矢印マーク」を押すと…?

様々なアニメーションのパターンが見れます。(おお!)

(ほっとひと息🍵)
変数の値を、編集しよう!
ページ上部にある「エディタ」には、プログラムが記述されており、自由に編集できます!(いいね)

例えば「階段」のようなアニメーションで、変数の値を8→5にすると、段数が5段に変更されました!(やったね🌸)

https://osakanav.com/falling-sand
保存しよう!
アニメーションを保存する時は、右下の「revord」ボタンを押して、録画します。

キリの良いタイミングで、「stop」ボタンを押しましょう!(えい!)

すると「mp4形式」のアニメーションが、自動保存されます!

↓実際に作成したものがこちら

おさかな
ナビまるがいっぱいだー!

ナビまる
僕はスライダーの点じゃないわ!笑
これで全ての操作は完了です。(やった~!)
お疲れ様でした☕
ここまで読んでくださり、ありがとうございました!
https://osakanav.com/animatize

