２ちゃんねる ■掲示板に戻る■ 全部 1- 最新50

chat gptにペット用のアプリを作ってもらうスレ

1 ：わんにゃん＠名無しさん：2024/07/11(木) 07:45:37.56 ID:XnPoApui2: chat gpt
https://chatgpt.com/

いろいろ作ろう
phpで犬用アプリを作ってください
→犬用のsnsや犬用のショップサイト
のベースを作ってくれる

javascriptで犬用のネズミが歩きまわるドッグトイを作ってください

例文
https://pastebin.com/zHKb9v66
2 ：わんにゃん＠名無しさん：2024/07/11(木) 18:00:06.16 ID:ITT89rsnR: ****************dog_toy_game_index.html****************
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mouse Chase Game for Dogs</title><style>body {font-family: Arial, sans-serif;
background-color: #f0f0f0;margin: 0;padding: 0;display: flex;justify-content: center;
align-items: center;height: 100vh;}header {text-align: center;margin-bottom: 20px;}
main {text-align: center;}#game {width: 300px;height: 300px;background-color: #9acd32;
position: relative;overflow: hidden;border-radius: 50%;}
#mouse {width: 50px;height: 50px;background-color: #696969;border-radius: 50%;
position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
cursor: pointer;transition: top 0.5s ease-in-out, left 0.5s ease-in-out;}
#mouse:hover {background-color: #000;}</style></head><body><header>
<h1>Mouse Chase Game for Dogs</h1></header><main><div id="game">
<div id="mouse"></div></div></main><footer><p>© 2024 Mouse Chase Game</p>
</footer><script>document.addEventListener('DOMContentLoaded', function() {
const mouse = document.getElementById('mouse');
const game = document.getElementById('game');const gameWidth = game.clientWidth;
const gameHeight = game.clientHeight;function moveMouse() {
const newX = Math.random() * (gameWidth - 50);
const newY = Math.random() * (gameHeight - 50);
mouse.style.left = newX + 'px';mouse.style.top = newY + 'px';}
mouse.addEventListener('click', function() {alert('You caught the mouse!');
moveMouse();});moveMouse(); // Initial position
setInterval(moveMouse, 3000); // Move mouse every 3 seconds});
</script></body></html>
3 ：わんにゃん＠名無しさん：2024/07/11(木) 18:00:42.61 ID:ITT89rsnR: ****************dog_toys.php****************
<?php
require_once 'vendor/autoload.php';$loader = new \Twig\Loader\FilesystemLoader(__DIR__);
$twig = new \Twig\Environment($loader);echo $twig->render('dog_toys.twig');
?>
****************dog_toys.twig****************
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dog Toys</title><style>body {font-family: Arial, sans-serif;
background-color: #f0f0f0;margin: 0;padding: 0;}header {background-color: #333;
color: #fff;padding: 10px 20px;text-align: center;}main {padding: 20px;
text-align: center;}#toys {display: flex;justify-content: space-around;
flex-wrap: wrap;}.toy {width: 300px;background-color: #fff;padding: 20px;
margin: 20px;border: 1px solid #ccc;border-radius: 5px;}.toy img {
width: 100%;border-radius: 5px;margin-bottom: 10px;}.toy h3 {font-size: 20px;
margin-bottom: 10px;}.toy p {font-size: 14px;line-height: 1.5;margin-bottom: 10px;}
</style></head><body><header><h1>Dog Toys</h1></header><main>
<section id="toys"><h2>Popular Dog Toys</h2><div class="toy">
<img src="images/toy1.jpg" alt="Toy 1"><h3>Interactive Ball</h3>
<p>Perfect for fetching and chewing. Durable and easy to clean.</p>
<p>Price: $10.99</p></div><div class="toy"><img src="images/toy2.jpg" alt="Toy 2">
<h3>Rope Toy</h3>
<p>Great for tug-of-war and dental health. Made from natural cotton.</p>
<p>Price: $8.99</p></div></section></main><footer><p>© 2024 Dog Toys</p></footer>
</body></html>
4 ：わんにゃん＠名無しさん：2024/07/11(木) 18:01:17.37 ID:ITT89rsnR: ****************dog_sns_profile.php****************
<?php
require_once 'vendor/autoload.php';$loader = new \Twig\Loader\FilesystemLoader(__DIR__);
$twig = new \Twig\Environment($loader);$dog = ['profile_picture' => 'dog.jpg',
'name' => 'Bruce','breed' => 'none','age' => 3,'bout' => 'calm','id' => 2,];
echo $twig->render('dog_sns_profile.twig', ['dog' => $dog]);
echo $twig->render('dog_sns_explore.twig', ['dog' => $dog]);
?>
****************dog_sns_profile.php****************
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dog Social Media</title><style>
body {font-family: Arial, sans-serif;background-color: #f0f0f0;margin: 0;padding: 0;}
header {background-color: #333;color: #fff;padding: 10px 20px;display: flex;
justify-content: space-between;align-items: center;}
header nav ul {list-style-type: none;display: flex;}
header nav ul li {margin-right: 20px;}
header nav ul li a {color: #fff;text-decoration: none;font-weight: bold;}
main {padding: 20px;}footer {text-align: center;background-color: #333;color: #fff;
padding: 10px 0;position: fixed;bottom: 0;width: 100%;}
#profile, #explore {margin-bottom: 20px;}
.profile-info {background-color: #fff;padding: 20px;border: 1px solid #ccc;border-radius: 5px;}
.profile-info img {width: 150px;height: 150px;border-radius: 50%;object-fit: cover;margin-bottom: 10px;}
.dog-list {list-style-type: none;display: flex;flex-wrap: wrap;justify-content: space-around;}
.dog-list li {width: 300px;background-color: #fff;padding: 10px;margin: 10px;
border: 1px solid #ccc;border-radius: 5px;}.dog-list li img {width: 100px;height: 100px;
border-radius: 50%;object-fit: cover;margin-bottom: 10px;}</style></head><body><header>
<h1>Welcome to Dog Social Media!</h1><nav><ul><li><a href="/">Home</a></li>
<li><a href="/profile">My Profile</a></li><li><a href="/explore">Explore Dogs</a></li></ul></nav></header>
<main>{% block content %}{% endblock %}</main><footer><p>© 2024 Dog Social Media</p></footer></body></html>
5 ：わんにゃん＠名無しさん：2024/07/11(木) 18:01:50.37 ID:ITT89rsnR: ****************dog_sns_profile.php****************
{% extends 'dog_sns_index.twig' %}{% block content %}<section id="profile">
<h2>My Profile</h2><div class="profile-info">
<img src="{{ dog.profile_picture }}" alt="{{ dog.name }}"><h3>{{ dog.name }}</h3>
<p>Breed: {{ dog.breed }}</p><p>Age: {{ dog.age }}</p><p>About Me: {{ dog.about }}</p>
</div></section>{% endblock %}
****************dog_sns_explore.php****************
{% extends 'dog_sns_index.twig' %}{% block content %}<section id="explore">
<h2>Explore Dogs</h2><ul class="dog-list">{% for dog in dogs %}<li>
<img src="{{ dog.profile_picture }}" alt="{{ dog.name }}"><h3>{{ dog.name }}</h3>
<p>Breed: {{ dog.breed }}</p><p><a href="/profile/{{ dog.id }}">View Profile</a></p>
</li>{% endfor %}</ul></section>{% endblock %}
6 ：わんにゃん＠名無しさん：2024/07/11(木) 18:04:32.91 ID:ITT89rsnR: 上から順に

2はペット用のおもちゃ
3はペット用のドッグトイショップの
テンプレート
4と5はペット用のsnsのテンプレートです
7 ：わんにゃん＠名無しさん：2024/07/11(木) 19:25:41.51 ID:ITT89rsnR: AC Tune Makerで
ペットの犬が喜ぶような
楽しいメロディーを作成しますね。
以下のメロディーを試してみてください：

- メロディー: C C D E D C C G
- リズム: 4/4拍子で等分割

https://ac-tune-maker.aikats.us/#/tune/
CzCzDzEzDzCzCzG/AC%20Tune%20Maker

このメロディーは
明るくて楽しい雰囲気で、
犬が喜びそうなリズムと
音程の組み合わせになっています。
AC Tune Makerで作成して、
ペットの犬に聞かせてみてください！
8 ：わんにゃん＠名無しさん：2024/07/12(金) 17:06:55.63 ID:rd+1JYXFD: <!DOCTYPE html><html lang="ja"><head><meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>犬用パズルギア</title><style>body {font-family: Arial, sans-serif;
text-align: center;background-color: #f0e68c; /* 明るい背景色 */}
#gear-container {display: flex;justify-content: center;margin: 20px auto;}
.gear {width: 80px;height: 80px;background-color: #ffcc00; /* 明るい色 */
border-radius: 50%;border: 5px solid #444;display: flex;align-items: center;
justify-content: center;cursor: pointer;margin: 0 10px;transition: transform 0.3s;}
.gear::before, .gear::after {content: '';position: absolute;border-radius: 50%;}
.gear::before {width: 60px; /* 内部の歯車 */height: 60px;background-color: #ff9966;
/* 内側の色 */}.gear::after {width: 10px; /* 歯 */height: 10px;
background-color: #444; /* 歯の色 */transform: translate(-50%, -50%) rotate(45deg);}
</style></head><body><h1>犬用パズルギア</h1><div id="gear-container">
</div>
<button id="reset-button" onclick="resetGame()">リセット</button><script>
const gears = 3; // 歯車の数
let gearRotations = Array(gears).fill(0); // 各歯車の回転角度
function setupGears() {const container = document.getElementById("gear-container");
container.innerHTML = ''; // 初期化
for (let i = 0; i < gears; i++) {const gearElement = document.createElement("div");
gearElement.className = "gear";
gearElement.onclick = () => rotateGear(i); // クリックで回転
container.appendChild(gearElement);}}
function rotateGear(index) {
gearRotations[index] = (gearRotations[index] + 90) % 360; // 90度回転
const gearElement = document.getElementsByClassName("gear")[index];
gearElement.style.transform = `rotate(${gearRotations[index]}deg)`;}
function resetGame() {gearRotations.fill(0); // 回転角度リセット
setupGears();}window.onload = setupGears;</script></body></html>
9 ：わんにゃん＠名無しさん：2024/07/12(金) 19:18:35.78 ID:rd+1JYXFD: <!DOCTYPE html><html lang="ja"><head><meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style></style><title>犬用パズルギア</title></head><body>
<div id="game"></div><script src="phina.js"></script><script>
phina.globalize();phina.define('MainScene', {superClass: 'DisplayScene',
init: function() {this.superInit();this.backgroundColor = '#444';
this.group = DisplayElement().addChildTo(this);
var gears = this.gears = DisplayElement().addChildTo(this);this.setupGears();
this.rotationSpeed = 1;},
setupGears: function() {for (let i = 0; i < 5; i++) {
var rect1 = Shape2().addChildTo(this.gears).setPosition(Math.randint(0, (460)),Math.randint(0, (460)));}},
update: function(app) {var self = this;self.gears.children.each(function(bullet) {
bullet.rotation += self.rotationSpeed;});this.rotationSpeed = 1;},
onpointstay: function(app) {this.startRotation();},startRotation: function() {
this.rotationSpeed = 10;},});
phina.define('Shape2', {superClass: 'Shape',init: function() {
this.superInit({width: 50,height: 50,fill: '#ccc',stroke: '#666',strokeWidth: 5,cornerRadius: 5,});
this.x = Math.random() * 640;this.y = Math.random() * 960;
this.vx = Math.random() * 5 + 2;this.vy = Math.random() * 5 + 2;},
update: function() {this.x += this.vx;this.y += this.vy;
if (this.x < 0 || this.x > 640) {this.vx *= -1;}if (this.y < 0 || this.y > 960) {
this.vy *= -1;}},});
phina.main(function() {var app = GameApp({
startLabel: 'main',});app.enableStats();app.run();});</script></body></html>
10 ：わんにゃん＠名無しさん：2024/07/12(金) 19:49:58.33 ID:rd+1JYXFD: {# <?php
require_once 'vendor/autoload.php';$loader = new \Twig\Loader\FilesystemLoader(__DIR__);
$game2 = ['rotationSpeed' => 10];
$twig = new \Twig\Environment($loader);echo $twig->render('phina_puzzle_gear2.twig',['game2' => $game2]);
?> #}
{% if game2.rotationSpeed is defined %}{% set rotationSpeed = game2.rotationSpeed %}{% else %}{% set rotationSpeed = 10 %}{% endif %}
{% if game2.gear is not empty %}{% set gear = game2.gear %}{% else %}{% set gear = 15 %}{% endif %}
<!DOCTYPE html><html lang="ja"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
<style></style><title>犬用パズルギア</title></head><body><div id="game"></div><script src="phina.js"></script><script>
phina.globalize();phina.define('MainScene', {superClass: 'DisplayScene',init: function() {this.superInit();this.backgroundColor = '#444';
this.group = DisplayElement().addChildTo(this);var gears = this.gears = DisplayElement().addChildTo(this);this.setupGears();
this.rotationSpeed = 1;},setupGears: function() {for (let i = 0; i < {{gear|json_encode|raw}}; i++) {
var rect1 = Shape2().addChildTo(this.gears).setPosition(Math.randint(0, (460)),Math.randint(0, (460)));}},
update: function(app) {var self = this;self.gears.children.each(function(bullet) {
bullet.rotation += self.rotationSpeed;});this.rotationSpeed = 1;},
onpointstay: function(app) {this.startRotation();},startRotation: function() {
this.rotationSpeed = {{rotationSpeed|json_encode|raw}};},});
phina.define('Shape2', {superClass: 'Shape',init: function() {
this.superInit({width: 50,height: 50,fill: '#ccc',stroke: '#666',strokeWidth: 5,cornerRadius: 5,});
this.x = Math.random() * 640;this.y = Math.random() * 960;
this.vx = Math.random() * 5 + 2;this.vy = Math.random() * 5 + 2;},
update: function() {this.x += this.vx;this.y += this.vy;
if (this.x < 0 || this.x > 640) {this.vx *= -1;}if (this.y < 0 || this.y > 960) {
this.vy *= -1;}},});phina.main(function() {var app = GameApp({
startLabel: 'main',});app.enableStats();app.run();});</script></body></html>
11 ：わんにゃん＠名無しさん：2024/07/13(土) 21:21:44.15 ID:A7643Xt06: **********************dog_ball_js.html*****************************
<!DOCTYPE html><html lang="ja"><head><meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>自動ボールシミュレーション</title><style>
#ball {width: 50px;height: 50px;background-color: red;border-radius: 50%;position: absolute;}
</style></head><body><div id="ball"></div><script>
const ball = document.getElementById('ball');const containerWidth = window.innerWidth;
const containerHeight = window.innerHeight;function moveBall() {
const x = Math.random() * (containerWidth - 50);const y = Math.random() * (containerHeight - 50);
ball.style.left = `${x}px`;ball.style.top = `${y}px`;}setInterval(moveBall, 1000);</script></body></html>
**********************dog_ball_touch_js.html*****************************
<!DOCTYPE html><html lang="ja"><head><meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>タッチできる自動ボール</title><style>body { margin: 0; overflow: hidden; }
#ball {width: 50px;height: 50px;background-color: red;
border-radius: 50%;position: absolute;transition: left 0.5s, top 0.5s;}
</style></head><body><div id="ball"></div><script>
const ball = document.getElementById('ball');const containerWidth = window.innerWidth;
const containerHeight = window.innerHeight;function moveBall() {
const x = Math.random() * (containerWidth - 50);const y = Math.random() * (containerHeight - 50);
ball.style.left = `${x}px`;ball.style.top = `${y}px`;}moveBall();
ball.addEventListener('click', moveBall);ball.addEventListener('touchstart', moveBall);</script></body></html>
12 ：わんにゃん＠名無しさん：2024/07/13(土) 23:27:31.89 ID:A7643Xt06: 動物用のおもちゃのホームページ作りました。
ワンちゃんに遊ばせてください！

動物用のおもちゃのホムペ
https://dogtoy2.web.fc2.com/index.html
13 ：わんにゃん＠名無しさん：2024/07/14(日) 16:26:53.61 ID:RVn5Ooypf: https://pastebin.com/V8hxC2iU
14 ：わんにゃん＠名無しさん：2024/07/14(日) 20:00:23.62 ID:RVn5Ooypf: ありがとうワンコ
https://dogyou.web.fc2.com/index.html
https://dogyou.web.fc2.com/index2.html
大好きだ
15 ：わんにゃん＠名無しさん：2024/07/16(火) 06:52:49.73 ID:0pjDxD+yp: 犬にフェルトでおもちゃを作ってあげた
https://imgur.com/a/dog-felt-toy-Z0J8EmG
喜んでくれるかな？
16 ：わんにゃん＠名無しさん：2024/07/16(火) 07:13:56.13 ID:0pjDxD+yp: <!DOCTYPE html><html lang="ja"><head>
<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ペット用スイカボール</title>
<style>body {font-family: Arial, sans-serif;margin: 20px;}
.ball-info {border: 1px solid #ccc;padding: 10px;
margin-top: 10px;display: none;}</style>
</head><body>
<h1>ペット用ダイソーのスイカボール</h1>
<button id="showInfoButton">スイカボールの詳細を見る</button>

<div class="ball-info" id="ballInfo">
<p><strong>色:</strong> 緑と赤</p>
<p><strong>サイズ:</strong> 直径約10cm</p>
<p><strong>素材:</strong> ゴム</p>
<p><strong>浮くか:</strong> はい</p>
<p><strong>耐久性:</strong> 高い</p>
</div>

<script>
document.getElementById('showInfoButton').addEventListener('click', function() {
const infoDiv = document.getElementById('ballInfo');
if (infoDiv.style.display === 'none' || infoDiv.style.display === '') {
infoDiv.style.display = 'block';
this.textContent = '詳細を隠す';
} else {
infoDiv.style.display = 'none';
this.textContent = 'スイカボールの詳細を見る';
}
});</script></body></html>

20 KB

新着レスの表示

掲示板に戻る全部前100 次100 最新50

read.cgi ver.24052200