LogoMark.png

成田佳津希/卒業研究I

ころくる

球技のボールを比較するWebサイト

top.png


概要

これは何?

球技で使用されているボールの大きさなどをわかりやすく比較するサイト。

背景と目的

コンセプト

画像などを用いて視覚的に分かりやすい情報で伝えることで、クラブ活動や習い事で球技を始めようとしている小学生などの子供にも分かりやすくする。それから、文字情報などでの詳細説明をすることで、より詳しく知ろうとしている人も利用できるようにする。また3Dモデルも使用することでただ見て読むだけではない動きのあるものにして、もともと興味のある競技だけでなく、より多くの競技にも関心を持ち参考にし、運動を始めるきっかけになれるサイト。

成果物の仕様

Webサイト


制作ツール

Belnder, GitHub, ibisPaint X

プロジェクトの期間

2022.04.08~2022.12.23

まとめ

ボールの画像を横に流れるようになど、動きのあるイメージに近いものになってきた。
これからもっとサイト全体の詳細を作っていく。
またサイトに3dモデルの埋め込んでも多少動きは出たり分かりやすくはなるが、興味を引けるサイトにはならないと思うので、実際のボールを使って動画を撮ってみたりなど工夫をしていく。




調査

現状調査

先行事例

技法・技術情報

プロジェクト管理

スケジュール

スケジュール ◁ここから見れます

ToDo





進捗記録




2022.06.30

試作

https://katsukinarita.github.io/sotu02/




2022.06.23

試作

https://katsukinarita.github.io/sotu02/
ボールの大きさの詳細を追加



2022.06.16

試作

https://katsukinarita.github.io/sotu02/
バスケットボール、バレーボール、サッカーボールのイラストを追加
https://drive.google.com/file/d/1c1dCyh8ljzt5u7dI7h2EN9mLZwxoIvs1/view?usp=sharing
https://drive.google.com/file/d/1sSUgXpAcP0jV0O16QbGeP46so0uWAvi-/view?usp=sharing
https://drive.google.com/file/d/1XfPX3jh46tuvEzWMAWwc_g8HhLot7AOz/view?usp=sharing



2022.06.09

試作

https://katsukinarita.github.io/sotu02/
表示された小ウィンドウを×ボタンだけでなく、枠外をクリックすると消える仕様を追加
テニスボール、野球ボールのイラストを制作、置き換え
比較しやすくなるようにはっきりとした色の線画と、線画の色よりも薄い色で塗りをした
https://drive.google.com/file/d/1Gl9usg9i3v0edv6JwCw56CQpZ23Dd3jj/view?usp=sharing
https://drive.google.com/file/d/15ZfVAfuaLGVxbjsJWwuCjyUypQMsoAVM/view?usp=sharing



2022.06.02

試作

https://katsukinarita.github.io/sotu02/
画像をクリックしたら小ウィンドウが表示するようにする
(画像はフリー素材を使用)
横スクロールにしたい



2022.05.25

調査

技法・技術

試作

3dモデルがうまく表示されない→ローカルサーバー立ち上げ
参考にしたサイト⇒-3Dモデルをサイトに埋め込み

2022.05.17

調査

技法・技術

試作

2022.05.12

調査

先行事例


試作

サイトイメージ
https://drive.google.com/file/d/1ypjdX4Mccn9TMzAJPJZHeR2KFu8U7THx/view?usp=drivesdk



2022.04.15

調査

先行事例

2022.04.08

テーマ案

調査


PAGES

GUIDE

添付ファイル: filetennis2.png 58件 [詳細] filetennis1.png 74件 [詳細] filetop.png 65件 [詳細]
Last-modified: 2022-07-22 (金) 13:18:59