-
1:ID:HrcbF0 · 4週間前

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

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

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

23 件の回答

2:ID:nMygv0 · 4週間前

webGLかなぁ

3:ID:Qrsqrq · 3週間前

たしかにすごい!

4:ID:LP2i1g · 3週間前

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

5:ID:ki9u/M · 3週間前

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

7:ID:9DZS.9 · 3週間前

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

8:ID:VLynTz · 3週間前

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

9:ID:KkOoqG · 3週間前

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

10:ID:LP2i1g · 3週間前

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

11:ID: · 3週間前

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

12:ID: · 3週間前

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

13:ID: · 3週間前

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

14:ID: · 3週間前

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

15:ID: · 3週間前

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

16:ID: · 3週間前

Re:6
たしかに知識不足が半端ないです。
もしwebGL・Three.jsあたりに精通しているようでしたら、制作方法解説していただけるとありがたいです!

18:ID: · 3週間前

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

19:ID:w59t2e · 3週間前

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

20:ID: · 3週間前

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

21:ID:pANhqz · 3週間前

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

22:ID:h0NAaf · 3週間前

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

23:ID: · 3週間前

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

24:ID: · 3週間前

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

2 件の回答が除外されました。[詳細]
コメントの受付は終了しました。

一緒に読まれている質問

ページ上部に戻る