-
1:ID:HrcbF0 · 2020-01-28

下記のサイトのスクロールアニメーションがすごいのですが、どのような技術をしようしてるのでしょうか。
http://www.town.shimane-misato.lg.jp/misatoto/

使用している技術(オリジナルJS?プラグイン?)やどのように作成しているのかが非常に気になるのですが自分ではよくわかりませんでした。

ご教示いただけるとありがたいです。
よろしくお願いいたします。

23 件の回答

2:ID:nMygv0 · 2020-01-28

webGLかなぁ

3:ID:Qrsqrq · 2020-01-31

たしかにすごい!

4:ID:LP2i1g · 2020-01-31

WebGLまで使わなくてもCSS3とJSでできる気がする。技術よりも根気だろう。ただひたすら細かく動きをつけていく作業を思うと気が遠くなる。お見事。

5:ID:ki9u/M · 2020-01-31

ほんますごいー
ページソース見たら気が遠くなった

6:ID:BiQoPR · 削除
7:ID:9DZS.9 · 2020-01-31

Re:6
院生ってなんや? 少年院のことか?

8:ID:VLynTz · 2020-01-31

Re:5
俺は見てないけど自動生成してるんちゃうかな?

9:ID:KkOoqG · 2020-01-31

Re:4
遠くなるし動きが気になりすぎて結局文章の内容が入ってこなくなってる
なんでこんな形にしたんだろ?

10:ID:LP2i1g · 2020-01-31

Re:9
こうやって話題にしてもらうためだろう。

11:ID: · 2020-01-31

Re:2
webGLみたいですね。
ソース探ったらthree.jsが使われているようでした。
その辺りの知識が全然ないので勉強してきます!
ありがとうございました。

12:ID: · 2020-01-31

Re:3
すごいですよね。
制作した方々尊敬です。

13:ID: · 2020-01-31

Re:4
推察していただき、ありがとうございました。
どうやらthree.jsが使われているようでした。
そのあたり勉強してみます!

14:ID: · 2020-01-31

Re:9
自分はwebデザインから見てしまって純粋な気持ちで見れなかったのですが、
普通に地域コンテンツとして見た方はどうでしょうね。

15:ID: · 2020-01-31

Re:5
webpackでjsをまとめているみたいですね。

16:ID: · 非表示
17:ID:BiQoPR · 削除
18:ID: · 2020-02-01

Re:17
ですね。質問サイトなので聞いたのですが甘かったです。
自分でがんばってみます。アドバイスありがとうございました!

19:ID:w59t2e · 2020-02-01

動きなんかの技術よりイラストクオリティとアートディレクションが素晴らしいわ

20:ID: · 2020-02-01

Re:19
このアイデアとイラストの具合が良いですよね
調べたらカナダのイラストレーターの方のようです
複数のスペシャリストの方によってできているようで本当に素敵なサイトです。

21:ID:pANhqz · 2020-02-01

表現力や技術力はすごいと思うが、全面的にすごいとは言い難いかな。
費やしたコストがコンテンツに引き込む力に貢献しているかどうかは極めて懐疑的だ。
個人の自由研究だとしたら、すごいと言ってあげられるけどね。

22:ID:h0NAaf · 2020-02-02

なにに関してすごいは変わってくるけど、わたしは下までスクロールしてそっと閉じるを押しました。

23:ID: · 2020-02-02

Re:21
表現、技術力という面で自分はすごいと行っていますが、
たしかに本来の目的に対してのコスパは懐疑的ではありますね。
どれぐらいのコストで効果がどれくらいあったのか気になります。

24:ID: · 2020-02-02

Re:22
今回はデザインや技術の辺りを差してすごいと言いました。
この島根県の町に興味があって開いた人の感想はどうでしょうね。

コメントの受付は終了しました。

一緒に読まれている質問

ページ上部に戻る