Tag: html5

从PHP获取信息到HTML5 JavaScript游戏

我一直在用JS / Node / Socket.IO进行游戏,并且制作了一个小型的多人游戏,你可以在所有的点上移动。 我现在想要进一步提高它的水平,并添加一个简单的login系统,这样我就可以显示用户login信息,帮助识别不同的玩家。 现在我知道PHP是服务器端语言,JavaScript主要是客户端,但我需要想出一个办法来做到这一点。 我真正要问的是,有谁知道如何从PHP直接获取信息到JavaScript? 稍后,我可能想要添加均衡并将播放器的级别存储在数据库中,并在连接时检索它们(而不是使用本地存储)。 非常感谢! 乔尔

在Node-webkit中将canvas保存到磁盘

在我的应用程序,我有帆布,从磁盘加载一些图像。 现在修改canvas后,我需要一种方法将canvas保存到disk.all工作是在Node-Webkit平台上,所以这是一个桌面应用程序,我不能发送canvas.dataToUrl到服务器。 我也知道一些类似camanjs的图书馆有一些保存function var Caman = require('caman').Caman; Caman("/path/to/file.png", function () { this.brightness(5); this.render(function () { this.save("/path/to/output.png"); }); }); 但我怎么不知道如何使用它或通过我的canvas到这个函数。所以如何保存当前canvas到磁盘作为图像文件像png或jpg在node-webkit

我应该使用websockets或webRTC 4player游戏

我目前正在用node.js和socket.io制作html5游戏。 游戏的基本知识是四个人围着圈子试图打彼此… 我的问题是我应该使用Websockets还是WebRTC? 这种沟通最适合什么? 点对点与4个玩家或通过服务器? 随意分享你的想法,我很新的东西..

使用本地主机在移动设备的浏览器中testing移动web应用程序

我想在移动设备上testing移动networking应用程序。 我目前正在开发我的移动networking应用程序。 它仍然在我的本地环境,即localhost:8080 。 现在我想使用相同的主机名和端口来访问我的移动设备上的这个networking应用程序。 我需要这个,因为我的移动networking应用程序也使用HTML5 Accelerometer API 。 我需要testing它是否工作。 我可以使用谷歌铬开发工具来模拟响应,但我需要在真实的设备上testing它。 我如何在Android和iPhone上testing它? UPDATE 以下是我的nodejs服务器代码 'use strict'; var express = require('express'); var app = express(); app.use(express.static('./dist')); console.log('\n0.0.0.0:8000\n'); app.listen(8000, '0.0.0.0');

使用canvas从图像中删除像素?

我可以通过使用canvas的颜色从图像中删除像素,使该区域透明? 如果是这样… 我可以使用其他服务器上托pipe的图像吗? 做这个服务器端会更好吗? https://github.com/LearnBoost/node-canvas 谢谢!

无法启动并运行socket.io

我在Windows上运行并使用WAMP作为本地主机服务器。 我已经search了很多教程,尝试了很多东西等,但仍然没有工作.. 当前设置 所以现在写在我的www /目录中,我创build了一个名为socketiodemo的文件夹。 其中,我做了npm install socket.io以及安装其他几个节点包: socket.io performance 笔尖 唱针 我安装了所有上面的包,即使我并不需要它们。 我只是安装了他们,因为很多教程需要他们,但我宁愿不使用它们,只是用javascript来纯粹的socket.io。 所以,下面是www下的我的目录的快照: app.js 的index.html node_modules socket.io performance 笔尖 唱针 我发现最精简的教程之一给了我这个app.js代码,这是服务器端: // Require HTTP module (to start server) and Socket.IO var http = require('http'), io = require('socket.io'); // Start the server at port 8080 var server = http.createServer(function(req, res){ // Send HTML headers […]

socket.io客户端到客户端消息传递

我在使用socket.io的基本客户端(或真正的客户端 – >服务器 – >客户端)时遇到了麻烦。 下面是我现在的代码: io.sockets.on('connection', function (socket) { users.push(socket.sessionId); for(userID in users) { console.log(userID); io.sockets.socket(userID).emit('message', { msg: 'New User Connected succesfully' }); } socket.emit('message', { msg: 'Connected succesfully' }); socket.on('my other event', function (data) { console.log(data); }); }); 从我的理解,应该发送新的用户消息给每个连接的用户(单独,因为我想以后做实际的个人消息)。 相反,我最终只能得到“连接成功”的信息。 我没有从我的服务器或客户端得到任何错误或其他负面指标。 任何想法,为什么io.sockets.socket(userID).emit()不起作用或在其位置使用什么?

HTMLcanvas:两个客户端在同一时间写入

我在使用nodejs作为客户端之间的服务器实现在线 HTML5 Canvas时遇到了麻烦。 一个单独的用户可以单独绘画而没有问题,但是当另一个客户端进来并且同时绘画时 ,会发生以下情况: Client1是第一个客户端鼠标的(X,Y)位置, Client2是第二个客户端的(X,Y)位置。 所以当第二个客户端绘制的时候, 我的程序在这两个点之间画了一条线 。 在这里,您可以浏览客户机JS代码,其中绘图函数负责绘制从nodejs服务器接收到的数据: App.draw = function(x, y, type, color, clear) { if(clear != true) { App.ctx.strokeStyle = color; if (type === "dragstart") { App.ctx.beginPath(); //alert("Me muevo a X: " + x + " e Y: " + y); return App.ctx.moveTo(x, y); } else if (type === "drag") […]

如何使用Socket.io在Node.js中添加房间?

我一直在跟进很多文章,学习使用Node.js和Socket.io进行聊天应用程序。 一切都很清晰,我可以制作一个应用程序,将消息从客户端传输到服务器,然后发送给所有人,但只有一件事情没有解决,无法弄清楚。 如何将房间添加到io.sockets.manager.room ? 什么是添加到sockets.manager房间的代码? 我发现的最简单和最彻底的文章是http://udidu.blogspot.com/2012/11/chat-evolution-nodejs-and-socketio.html但经过漫长的斗争,我仍然无法find作者添加新房间到服务器。

<a>标签和获取请求之间的区别

我有一个可能很简单的问题。 什么是<a>标签和任何元素的正常GET请求之间的区别。 我知道<a>标签会自动将您发送到在其href属性中指定的url。 所以我假定Get请求在成功callback中做了类似的事情(如下所示) 但是让我们说,我也想发送一些信息,当一个例如<span>元素被点击,所以我写: $('span').click(() => { $.ajax({ url: '/someurl', type: 'GET', data: { title: someTitle, email: someEmail }, success: (data) => { window.location = '/someurl'; } }); }); 有没有办法用<a>标签来实现这一点? 将信息发送到服务器,以便在req.query.title和req.query.email可用? 做上面的ajax请求会运行我的app.get('/someurl',(req,res)=>{})两次,因为我发送一个GET请求来发送数据(标题和电子邮件),然后我正在做另一个GET请求,当我写window.location = '/someurl'我怎么能重做这个,所以它只发送GET请求一次,但也允许发送和存储信息的req对象,并确保浏览器现在显示/someurl 。