RunWhale
ホームに戻る

作品例

最初のアイデアを見つけよう。

実際の RunWhale の作業動画から 2 つのプロジェクトを紹介します。依頼文をコピーして、自分のプロジェクトに使えます。

最終更新:

Expo プロジェクトを作成し、設定でモデルを選び、エージェントに依頼文を送ります。結果はネイティブプレビューで試せます。 設定ガイドを見る

6 枚の動物カードと犬を探す問題が表示された、ネイティブプレビューの Animal Parade。
動画を見る
Expo・学習ゲーム

Animal Parade

6 枚の動物カードとやさしい問題、タップするたびの反応。短いアイデアがネイティブプレビューで動くゲームになります。

デモの元の依頼文

Make a game for baby

障害物モードを有効にして、オレンジ色の障害物が表示された Snake Sprint の実際のネイティブプレビュー。
動画を見る
Expo・アーケードゲーム

Snake Sprint

タッチ操作で方向を変え、ゲームを一時停止し、追加の依頼で作られた障害物モードも試せます。

依頼文の例

React Native の組み込みコンポーネントで縦画面のスネークゲームを作成してください。エサ、リアルタイムの得点、大きな方向操作ボタン、開始・一時停止・再開・リスタート・ゲームオーバーの状態を追加してください。切り替えるとラウンドが再開し、壁に当たると終了する障害物モードのスイッチも追加してください。すべての操作ボタンをスマートフォンの画面内に表示してください。Native Preview を開く前に、対応するチェックを実行してください。

画像と動画は既存のデモを示しています。新しく実行した場合、結果は異なることがあります。以下の Snake の依頼文は短くまとめた例で、動画の依頼全文ではありません。

次は何を作りますか?

自分で作り始めるためのアイデアです。指定のプロジェクト種別を選び、必要に応じて依頼文を調整してください。

Web

自分の Web サイト

自己紹介、3つのプロジェクトカード、お問い合わせ欄を備えた、画面幅に対応する個人サイトを作成してください。編集しやすいサンプルコンテンツと CSS を使用してください。スマートフォンでナビゲーションが動作することを確認し、Web Preview の前に対応するチェックを実行してください。

Expo

集中タイマー

React Native の組み込みコンポーネントで集中タイマーを作成してください。集中時間と休憩時間の調整、開始・一時停止・再開・リセット機能を追加してください。現在のセッションを示し、操作ボタンをタップしやすくしてください。計測中はアプリを前面に表示します。Native Preview の前に、対応するチェックを実行してください。

設定ガイドを見る