みやび句

https://github.com/Hana2538

GitHub

CSS

JavaScript

HTML

VSCode

俳句をみんなで作って遊べるサイト(PC用です)

はなやん

inoue

推しアイデア

上の句・中の句・下の句をそれぞれ作って、それが合体したときのワクワク感はたまらない!

作った背景

みんなが参加して楽しめるものを作りたくて、5W1Hゲームをヒントに俳句にしてみた!

推し技術

作った句がどれくらい良かったかをお茶が溜まる様子で表現できるシーンがあるよ!

プロジェクト詳細

概要

みんなで作ったり、考えたりする瞬間ってワクワクしますよね! この「みやび句」では、俳句をみんなで作り上げていく楽しさを味わえます!

ゲームについて

「みやび句」は、上の句・中の句・下の句に分かれて一句を作るゲームです。最後までみんなが何を書いているか分からないので、ドキドキしながら楽しめます!合体させてみると、意味がぐちゃぐちゃになって面白くなることもあれば、意外としっかり一句になっていて驚くことも。どんな結果になっても盛り上がる、ワイワイ楽しめるゲームです!

使用技術

・HTML ・CSS ・JavaScript ・Adobe Illustrator

ChatGPTとGeminiを使いました

私たちはJavaScriptを使うのが初めてだったので、基本的なコードを用意してもらい、それを自分たちで編集したり、ChatGPTやGeminiを使ってJavaScriptの勉強を進めました。

UIのこだわり

俳句をテーマにしているため、全体を和風のデザインに仕上げました。 背景には、矢絣(やがすり)模様を使用しており、Adobe Illustratorで作成しています。 また、色は赤・茶色・緑の3色に統一し、全体の印象がごちゃつかないように意識しました。

こだわりポイント

俳句が完成すると、神様が現れてその俳句に一言コメントしてくれます。 神様のイラストもAdobe Illustratorで描き、素材はすべて自分たちで制作しました。 さらに、俳句を作って終わりではなく、みんなでその俳句がどれだけ面白かったかを評価できる画面も作っています。 評価は“お茶が溜まっていく”という和風の演出で表現しました。

はなやん

@e925b2daec8d4865