socket + vue + canvas实践，你画我猜（二）

最新推荐文章于 2025-05-21 16:50:40 发布
原创 最新推荐文章于 2025-05-21 16:50:40 发布 · 2.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#socket #你画我猜 #canvas #聊天室

通过边学边做的方式，实现了你画我猜游戏的基本功能，并成功部署到了服务器上。在此过程中，学习了Linux和nginx等技术，项目仍在不断完善中。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

边学边做，你画我猜游戏的基本功能已经实现了，上个图。

这里写图片描述

在线访问http://www.5rgame.com

从本地开发到部署到服务器上，了解了很多以前没有涉及过的知识，有Linux，nginx，项目还在完善中还有很多的功能没有做一步一步来。

socket + vue + canvas实践，你画我猜（一）
点点悠悠的点点滴滴
04-14 7738
正式项目未开始，先先自己练手，做一个你画我猜小游戏，先上一个不完善的dome在线地址 http://www.5rgame.com 1.node； 安装socket，启动服务var io = require('socket.io').listen(server);var messages = [];//暂时存放消息//socket连接成功之后触发，用于初始化 io.sockets.on('conne
HTML5新增标签--canvas之绘制你画我猜
AsaZyf的博客
09-14 1718
<!DOCTYPE html> <html>     <head>         <meta charset="utf-8" />         <title>你画我猜</title>         <style>             body{                 wid
canvas+websocket+vue做一个完整的你画我猜小游戏
weixin_33869377的博客
12-11 1304
第一次在掘金发文章，瑟瑟发抖。 这个主要是为了学习使用一下canvas和websocket，项目地址。求star～ 你画我猜大家应该都玩过，一个人画，其他人猜。目前实现了最基本的功能，慢慢修改。 项目截图 完成进度 登录，登录后username存储到了sessionStorage中。 座位，登录后可以选择座位，并通过ws告诉所有人你的座位。 发送内容，登录后可以通过ws将输入内容发布给...
vue canvas绘制图片缩放 自由裁剪
最新发布
xiao白的博客
05-21 194
【代码】vue canvas绘制图片缩放 自由裁剪。
canvas之你画我猜
callmeCassie的博客
05-18 1850
效果图： 知识点：(更多) Canvas.getContext(‘2d’) // 3d webGL ctx.moveTo(x,y) ctx.lineTo(x,y) // 从当前的点绘制到x,y ctx.stroke() // 描边 ctx.fill() // 填充 ctx.strokeStyle() // 设置或返回用于笔触的颜色、渐变或模式 ctx.closePath() // 结束绘制子...
Vue+WebSocket+ES6+Canvas 制作【你画我猜】小游戏
weixin_33849215的博客
06-26 468
项目地址：https://github.com/jrainlau/draw-something 下载 & 运行 git clone git@github.com:jrainlau/draw-something.git cd draw-something node ws-server.js // 开启websocket服务器 n...
你画我猜源码（Spring+Vue）
04-24
你画我猜源码分享 联机你画我猜 - 实时互动绘画游戏 技术栈：Spring Boot + Vue3 ...标签：# 你画我猜 #SpringBoot #Vue3 #实时互动游戏 #Websocket #前后端分离 轻量级在线派对游戏，适合学习实时通信与全栈开发实践！
基于Vue实现的你画我猜网页版小游戏源代码
05-30
在本项目中，我们讨论的是一个使用Vue.js框架开发的在线你画我猜游戏的源代码。Vue.js是一个流行的前端JavaScript框架，它以其简洁、易学和可扩展性而受到开发者喜爱。在这个项目中，Vue.js被用来构建用户界面、处理...
你画我猜毕业设计—（包含完整源码可运行）.zip
04-24
"你画我猜"是一款基于网络的互动游戏，玩家通过绘画和猜测来交流，增进团队合作和沟通能力。在这个毕业设计项目中，我们看到的是一个实现了该玩法的完整应用程序，包含可供运行的源代码。这样的设计能帮助学习者深入...
socketIo+canvas实现互动画板
gongjian999的博客
01-16 937
HTML代码 <canvas id="drawing-board" ></canvas> <div class="color-group"> <ul> <li id="white" class="color-item" style="background-color: wh...
你画我猜Vue20Websocket
08-10
你画我猜 Vue2.0 Websocket
你画我猜基于NodeJS的框架Express以及socketio
08-12
你画我猜 基于NodeJS的框架Express以及socket.io
HTML5 Canvas仿你画我猜画布涂鸦代码.zip
03-05
HTML5 Canvas仿你画我猜画布涂鸦代码。HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。
小程序小游戏你画我，猜亲测可用
11-16
小程序小游戏亲测可用。
vue-canvas:一个简单vue canvas画板的demo
05-10
vue-canvas 一个简单vue canvas画板的demo 在vue 中制作简单的画板 demo 需要 Element-ui
你画我来猜HTML5小游戏
04-25
你画我来猜HTML5小游戏是一款基于HTML5 Canvas画布加上js鼠标监听事件实现的你画我来猜小游戏代码。
我画大家猜-socketIO+nodeJS
maindek的博客
09-28 364
环境搭建 查看环境搭建 搭建服务器 服务器代码如下： index.js var app = require('express')(); var http = require('http').Server(app); var fs = require("fs"); app.get('/', function(req, res){ res.sendFile(__dirname + '/huaban...
vue中使用canvas画布签名 使用插件-------＞Signature Pad
qq_43039004的博客
07-19 2217
安装插件 npm install --save signature_pad yarn add signature_pad 引入 import SignaturePad from 'signature_pad'; 创建canvas <div> <canvas class="canvasId"/> <button @click="save">保存</button> <button @cl..
vue项目中基于fabric 插件实现涂鸦画布功能
MISS_zhang_0110的博客
04-22 1152
【代码】vue项目中基于fabric 插件实现涂鸦画布功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值