越智楓/通信ネットワーク演習

越智 楓

通信ネットワーク演習

演習

• Blank File : javascript_blank
• Color Picker : javascript_color
• Loading Animation : javascript_loading
• Color Change A : javascript_change_a
• Color Change B : javascript_change_b
• Gallery : javascript_gallery
• Text Animation : javascript_text_animation
• Gallery2 : javascript_gallery2
• Scroll : javascript_scroll
• Map : javascript_map
• Navigation：javascript_navigation
  
  
  
  

最終成果物

刀ステの歴史

• https://create-k.github.io/welcometosute/
  
  

サイトの趣旨

• 物語の歴史をまとめた舞台『刀剣乱舞』の紹介サイト
• 日本家屋の廊下を歩いているようなサイト
  
  

技法・技術情報

• Loading Animation
• Horizontal Scrolling（横スクロール）
  
  

先行事例・参考情報

• ブルーピリオド展 ～アートって才能か？～
• 『忘却バッテリー』特別ノベライズ | 少年ジャンプ＋
• CSS
  • CSSで背景にグラデーションをかける方法
• javascript
  • JavaScriptで縦スクロールを横スクロールに変換する
    
    
    
    

リンク

公開リポジトリ

• GitHub：https://github.com/create-k