Array ( [uid] => D38164_Vmun [isE] => 1 ) getLang()=en
Click here
for free DL of the app version that can save data.
No:9287
163
←
Prev
Next
→
Action with moving zodiac signs
Action with moving zodiac signs
Developer
User3788
｜Date and time 23/7/23 3:16:51
Build time 14.789 sec｜Game capacity 1.334KB｜
Script
以下は、JavaScriptを使って干支が動くアクションを実装したHTMLファイルの例です。
🐲
上記のコードでは、`zodiac`というIDを持つ `
` 要素に干支の絵文字（
🐲
）を表示しています。`mousemove` イベントを使用して、スマホの傾きを監視しています。傾きの値を取得し、干支の位置を更新することで、干支が動くようなアクションを実現しています。
[PR]現在の欲しいゲームランキング
Click here
for free DL of the app version that can save data.
以下は、JavaScriptを使って干支が動くアクションを実装したHTMLファイルの例です。 ```html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>干支アクションゲーム</title> <style> #zodiac { position: absolute; top: 50%; left: 50%; font-size: 50px; transform: translate(-50%, -50%); } </style> </head> <body> <div id="zodiac">🐲</div> <script> // 干支の要素を取得 const zodiac = document.getElementById('zodiac'); // スマホの傾きを監視 window.addEventListener('deviceorientation', handleOrientation); // 傾きイベントのハンドラ function handleOrientation(event) { // X軸方向の傾きを取得（-90度から90度の範囲） const tilt = event.beta; // 干支の位置を更新 zodiac.style.transform = `translate(-50%, -50%) rotate(${tilt}deg)`; } </script> </body> </html> ``` 上記のコードでは、`zodiac`というIDを持つ `<div>` 要素に干支の絵文字（🐲）を表示しています。`deviceorientation` イベントを使用して、スマホの傾きを監視しています。傾きの値を取得し、干支の位置を更新することで、干支が動くようなアクションを実現しています。
163
Prev
Script
Back
0
0