使用PHP/Javascript实现网络游戏？

Question

我需要一些关于如何从这一开始的建议。我的最终目标是制作一些视觉上令人惊叹的轮子，它可以旋转一组图片并随机停在某张图片上，并在轮子的中心显示一些文字。随着AJAX库的数量的增加，我很确定有人必须做类似的事情。有没有人有我可以用来开始这件事的参考？

首选平台：PHP和JavaScript

任何修改，同时保留的属性（图像随机化，一些相关联的文本显示，视觉冲击力），欢迎以及..

Answer 1

基本你不能决定在哪里停在客户端。所以你不能在javascript中使用随机函数。 您必须使用PHP在服务器端生成随机变量，然后在浏览器中使用动画来显示滚动效果。

的滚动效果（入世复杂的顺序）

解决方法1：使用GIF

创建两个图片一个旋转的GIF另一个静态。 在第一显示器旋转GIF然后用静态GIF 取代它让图像是rot.gif和static.gif

<img src="rot.gif" id="replaceMe" /> 

将呈rorating图片。 现在使用JavaScript来取代它

<script> 
function replace() { 
var replaceMe = document.getElementById('replaceMe'); 
replaceMe.src = "static.gif"; 
} 

// Call the function after 20 Sec so that use will get time to see a rotating image 
setTimeout('replace()'); 
</script> 

解决方法2：在上面的CSS类

.rot90 { 
-webkit-transform: rotate(90deg); 
-moz-transform: rotate(90deg); 
rotation: 90deg; 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
} 

看使用CSS。它将图像旋转90度。 现在您可以使用Javascript访问CSS样式。 所以你需要一个静态的轮子图像，而JavaScript将完成剩下的工作。 那么我不知道如何修改filter：progid：DXImageTransform.Microsoft.BasicImage（rotation = 1）; -moz-transform：rotate（90deg）;和-webkit-transform：rotate（90deg）;使用javascript 但旋转：90deg;可以很容易地修改。 你需要做一些功课，找出修改其他值。 这是一个只有旋转css选择器的解决方案。

你需要一个图像<img src="wheel.gif" id="rotateMe" />会做。

<script> 
var rotateMe; 
rotateMe = document.getElementById('rotateMe'); 

var currentAngle; 
currentAngle = 0; 

function incrementAngle() { 
currentAngle = currentAngle + 1; 
if (currentAngle == 360) { 
currentAngle = 0; 
} 
} 

function rotate() { 
rotateMe.style.rotation = currentANgle + "deg"; 
incrementAngle(); 
} 

var timerId; 
timerId = setInterval("rotate()", 200); // Increase or decrease number to inc/dec speed 

function stopTimer() { 
clearInterval(timerId); 
} 

setTimeout(stopInterval(), 30000); // Stop rotating after 30 sec 
</script>