#author("2022-11-02T02:25:01+09:00","default:member","member") *あそびの教科書(仮) 世界の遊びを学べる教科書(仮) #image(1.png) -''吉良琉汰'' -'''Keywords:あそび, web , 教科書''' -https://www.example.com ~ **Overview ***What is this? 世界のさまざまな遊びに関して、その実際の遊び方や歴史をまとめたサイト ~ ***Background and Purpose -背景 昔からあるメジャーな遊び「将棋・囲碁・麻雀etc.」に関して意外と遊び方を知らない若者(自分含め)が増えており、世界の様々な遊びに関して触れて欲しいと思ったから。 -目的 様々な遊びの世界を広め、遊びの楽しさや実際に遊び合える面白さを体感してほしい。 ~ ***Concept さまざまな遊びを知れる教科書 ~ ***Outputs webサイトor製本 ~ ***Tools イラストレーター フォトショップ web開発ツール現段階では検討中 ~ ***Term 2022.09.21 ~ ***Conclusion &color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; ~ ~ **Research ***Current Situatio ***プロジェクトテーマに関わる社会の現状 名前は知ってても、意外とルールに関しては知らない人が多い。 -[[囲碁のルールに関する知名度調査>https://sirabee.com/2014/09/25/3492/]]~ -[[麻雀のルールに関する知名度調査>https://gakumado.mynavi.jp/gmd/articles/28507]]~ ***問題の洗い出し 「昔からある有名な遊びでも、中々触れる機会が少ないためルールを知らない人が多いので触れるきっかけを考える必要がある」 「ネガティブなイメージを持ってる人が多くイメージの払拭が必要」 ~ ***Precedent ***遊びのあるwebサイト -[[スマホ風に操作できるようになっているポートフォリオ>https://emiozaki.com/]]~ -[[読み進める事にホラーゲームのように株式会社闇>https://death.co.jp/ja/pc/]]~ ***遊びに関する調査 -[[世界の様々な遊び>https://sumiseiafterschool.jp/play/]]~ ***Technology -[[曲線と図形で似顔絵イラストを描く方法>https://helpx.adobe.com/jp/illustrator/how-to/jp-vector-portrait-illustration.html]]~ 「遊びに関する図説を曲線や図形のみで作る事で、癖がなくシンプルかつ洗礼された見た目になると思ったのでテーマに合いそうだと思った。」 #youtube(eKEnHcZk__0) ~ -[[webサイトを本のようにめくるプラグイン>https://usortblog.com/turn-js-book/]]~ 「webサイト実際の本のように捲れるようにしたら、より教科書やドリル感を演出できるのじゃないだろうか。」 ~ ~ **Project Management ***ToDo -完成 -修正 -プロトタイプ -制作 -メインタイトル案決め 候補1「遊びの教科書」候補2「遊びドリル」候補3「遊びweb」 -「%%調査%%」 -「%%方向性の模索%%」~ ~ ~ #hr CENTER:''WORK LOG'' #hr ~ ~ **2022.10.26 ***作業内容 -世界に存在する様々な遊びに関する調査を行い、簡単にカテゴリ分けを行う。 #image(2.jpg) ***問題点 ***明確な問題点 -取り扱う遊びの概念の線引きをどうするのか考える必要がある。例えば、鬼ごっこやかくれんぼなどの遊びは取り扱うのか? -UNOやジェンガなどの企業の遊びはどうするのか? -日本の遊びだけを扱うのか、全世界の遊びを扱うのか? -複数の遊びやローカルルールが存在するトランプゲームはどのように扱うのか? **2022.10.25 ***作業内容 メインビジュアル制作 -教科書っぽい明朝体メインのフォントで制作し、遊びに関係するアイテムを配置 #image(1.png) **2022.10.14 ***作業内容 テーマを絞る ***「webサイト制作」 -やはり苦手意識の高いwebサイト制作をもっと研究していきたいと思ったから、テーマはwebサイト制作の方向性で行きたい。 中でも、かっちりしたwebサイトではなく、動きや遊びのある物を作成していく **2022.09.28 ***作業内容 アイデアをまとめ、作成する理由を明確にする ***アイデアその1 -『スマホのように扱えるWEBサイトを作る』 %%現在ほとんどの人がスマホでwebサイトを閲覧する事が多いのにwebサイトはPCライクなデザインの物が多く、スマホだと扱いにくいものが少ないのに疑問を感じたのでスマホのように扱えるwebサイトがあったら面白いのではないかとおもった。%% -[[スマホ風に操作できるようになっているポートフォリオ>https://emiozaki.com/]] -先生方のアドバイスを受けて 実際スマホでwebサイトを見る人は多いが、現在ほとんどのwebサイトはスマホでも見やすく閲覧できるようになっており、わざわざ全てのwebサイトをスマホ風に変える必要はない。なぜスマホ風のインターフェースにする必要があるのか考える。 ~ -インターフェースを変える必要性を考える。 webサイトインターフェースで遊びを入れる場合、その点に繋がりがある方が見ている人に効果的な印象を与えられる ~ ※具体例 コントローラーで操作できるようになっているwebサイト ↓なぜ、コントローラーで操作する必要があるのか? ピクセルアートをゲームのように閲覧できるようにする事で、より効果的に伝える事ができる。 ~ ***アイデアその2 -『ドットアート制作』 ドットアートだからこそ出せる、ノスタルジックな感じや、レトロポップの雰囲気が好きなので、実際に自分が制作して、ドットアートが持っている可能性を見つけたいと思った -[[制作ツールPiskel>https://www.piskelapp.com]]「過去に先輩がこのツールを使っていて興味が湧いたから」 **2022.09.21 ***『先輩方の過去作品から様々なアイデアとキーワードを見つける』 ***成果物はどのような形式で公開するのか? -ピクセルアート -グラフィックデザイン -ポスター -映像 -webサイト -3DCG -VR空間 ***何をテーマにするのか? -%%地域宣伝「調査に手間がかかり、テーマとしては難しい」%% -作品や商品を自己制作しプロデュース -定めた問題について解決 - - ***これらを逆算し、具体的なテーマを定めていく必要がある